¿Cómo hacer una función de "siguiente" para avanzar de diapositivas si tengo distintos archivos de html?

Creamos un curso con muse por lo tanto para cada diapositiva/slide tenemos un html distinto. Todas están enumeradas de forma ascendente sin contar el index.

La idea es que mientras que la variable sig = 0 al dar click en el botón de siguiente, la variable sig debe ir aumentando, pero no encuentro cómo estructurarlo ni en qué estoy fallando.

El código hasta ahorita se ve así:

var sig = 0;
var diap = 1;
var avanzar = true;

function siguiente(diap){
var sig = 0;
if (avanzar) {
sig.diap++;
window.location("diap", ".html");
}
}

$(".btn-sig").click(function(){
sig++;
window.location.href = ("diap" + sig + ".html");
});