var time =4000;


var blnLoop = 1

function StartPres() {
    blnLoop = 1;
}

var intStep = 0;

function MoveDivs1() {
    intStep = intStep + 1;
//alert('sdfsdf');
    if (intStep == 7) {intStep=1 }
   // alert(intStep);
    var b0 = 1
    var b1 = 2
    var b2 = 3
    var b3 = 4
    var b4 = 5
    var b5 = 6
    //var b6 = 7
   // alert(intStep);

    if (intStep == 1) {
        b0 = 1
        b1 = 2
        b2 = 3
        b3 = 4
        b4 = 5
        b5 = 6
        //b6 = 7
    }
    else if(intStep==2) {
        b0 = 2
        b1 = 3
        b2 = 4
        b3 = 5
        b4 = 6
        b5 = 1
        //b6 = 1
    }
    else if (intStep == 3) {
        b0 = 3
        b1 = 4
        b2 = 5
        b3 = 6
        b4 = 1
        b5 = 2
        //b6 = 2
    }
    else if (intStep == 4) {
    b0 = 4
    b1 = 5
        b2 = 6
        b3 = 1
        b4 = 2
        b5 = 3
        //b6 = 3
    }
    else if (intStep == 5) {
    b0 = 5
    b1 = 6
        b2 = 1
        b3 = 2
        b4 = 3
        b5 = 4
       // b6 = 4
    }
    else if (intStep == 6) {
    b0 = 6
    b1 =1
        b2 = 2
        b3 = 3
        b4 = 4
        b5 = 5
        //b6 = 5
    }
    else if (intStep == 7) {
    b0 = 1
    b1 = 2
        b2 = 3
        b3 = 4
        b4 = 5
        b5 = 6
       // b6 = 6
    }

    //verwijder spreuk
    $("#divSpreuk1").css("display", "none");
    $("#divSpreuk2").css("display", "none");
    $("#divSpreuk3").css("display", "none");
    $("#divSpreuk4").css("display", "none");
    $("#divSpreuk5").css("display", "none");
    $("#divSpreuk6").css("display", "none");


    $("#divKlein" + b0).css("z-index", 3);
    $("#divKlein" + b1).css("z-index", 4);
    $("#divKlein" + b2).css("z-index", 5);
    $("#divKlein" + b3).css("z-index", 6);
    $("#divKlein" + b4).css("z-index", 7);
    $("#divKlein" + b5).css("z-index", 8);
    
    
    //move the divs
    $("#divKlein" + b1).animate({ left: "0px" }, 1000);
   // $("#divKlein" + b1).css("z-index","7");
    $("#divKlein" + b2).animate({ left: "210px" }, 1000);
    $("#divKlein" + b3).animate({ left: "420px" }, 1000);
    $("#divKlein" + b4).animate({ left: "630px" }, 1000);
    $("#divKlein" + b5).animate({ left: "840px" }, 1000);
    //$("#divKlein" + b6).animate({ left: "950px" }, 1000);


    $("#divGroot" + b0).css("z-index", 9);
    $("#divGroot" + b1).css("z-index", 10);
    $("#divGroot" + b2).css("z-index", 11);
    $("#divGroot" + b3).css("z-index", 12);
    $("#divGroot" + b4).css("z-index", 13);
    $("#divGroot" + b5).css("z-index", 14);


    $("#divGroot" + b1).animate({ left: "210px" }, 1000);
    //$("#divGroot" + b1).css("z-index", "10");
    $("#divGroot" + b2).animate({ left: "740px" }, 1000);
    $("#divGroot" + b3).animate({ left: "1270px" }, 1000);
    $("#divGroot" + b4).animate({ left: "1800px" }, 1000);
    $("#divGroot" + b5).animate({ left: "2330px" }, 1000);
    //$("#divGroot" + b6).animate({ left: "2860px" }, 1000);
  
      
        var intId = 1;
       setTimeout("SwitchFotos(" + b0 + "," + b1 + ")", 1100);
        //setTimeout("MoveDivs1()", 4500);
        
}

function SwitchFotos(intId, intId2) {
    // alert(intId);
    $("#divKlein" + intId).css("left", "1160px");
    $("#divGroot" + intId).css("left", "3390px");
    $("#divSpreuk" + intId2).fadeIn(2000);
    setTimeout("MoveDivs1()", 4000);
    //rechtonder naar groot
   // $("#divXmb" +intId2 ).attr("class", "divXmbGroot");
   // $("#divXmb" + intId2).css("top", "0px");
  //  $("#divXmb" + intId2).css("display", "none");
   // $("#imgXmb" + intId2).attr("class", "imgXmbGroot");

   // $("#divXmb" + intId2).fadeIn(2000);
   // $("#divXmb" + intId).fadeOut(1000);
   // setTimeout("DeleteGroot(" + intId + ")", 1500);
}

function DeleteGroot(intId) {
    // grote verwijderen
    $("#divXmb"+intId).attr("class", "divXmbKlein");
    $("#divXmb" + intId).css("top", "-460px");
    $("#divXmb" + intId).css("display", "block");
    $("#imgXmb" + intId).attr("class", "imgXmbKlein");
    setTimeout("MoveDivs1()", 2500);
}


function fade() {
    if (blnLoop == 1) {
        $("#divXmb4").fadeOut(2000);
        $("#divXmbOver4").fadeOut(2000);
        
        $("#divXmb1").fadeIn(2000);
        $("#divXmbOver1").fadeIn(2000);
        ResetKnopjes();
        $("#divKnop1").attr("class","knopjeActief h5");
    }
    setTimeout("fade2();", time);
}
function fade2() {
if (blnLoop == 1) {
    $("#divXmb1").fadeOut(2000);
    $("#divXmbOver1").fadeOut(2000);
    
    $("#divXmb2").fadeIn(2000);
    $("#divXmbOver2").fadeIn(2000);
    ResetKnopjes();
    $("#divKnop2").attr("class", "knopjeActief h5");

}
setTimeout("fade3();", time);
}
function fade3() {
if (blnLoop == 1) {
    $("#divXmb2").fadeOut(2000);
    $("#divXmbOver2").fadeOut(2000);
    
    $("#divXmb3").fadeIn(2000);
        $("#divXmbOver3").fadeIn(2000);
    ResetKnopjes();
    $("#divKnop3").attr("class", "knopjeActief h5");

}
setTimeout("fade4();", time);
}
function fade4() {
if (blnLoop == 1) {
    $("#divXmb3").fadeOut(2000);
    $("#divXmbOver3").fadeOut(2000);
    
    $("#divXmb4").fadeIn(2000);
        $("#divXmbOver4").fadeIn(2000);
    ResetKnopjes();
    $("#divKnop4").attr("class", "knopjeActief h5");

}
setTimeout("fade();", time);
}
function fade5() {
if (blnLoop == 1) {
    $("#divXmb4").fadeOut(2000);
    $("#divXmb5").fadeIn(2000);

}
setTimeout("fade6();", time);
}
function fade6() {
if (blnLoop == 1) {
    $("#divXmb5").fadeOut(2000);
    $("#divXmb6").fadeIn(2000);

}
setTimeout("fade();", time);
}


function ResetKnopjes() {

    $("#divKnop1").attr("class", "knopje h5");
    $("#divKnop2").attr("class", "knopje h5");
    $("#divKnop3").attr("class", "knopje h5");
    $("#divKnop4").attr("class", "knopje h5");

}

function Details_Off1() {

    $("#divGameButton4").fadeOut(1);
    $("#divGameButton5").fadeOut(1);
    $("#divGameButton6").fadeOut(1);

}

function Details_Off2() {
    $("#divGameButton1").fadeOut(1);
    $("#divGameButton2").fadeOut(1);
    $("#divGameButton3").fadeOut(1);

}

function rij1() {
    Details_Off1();
    $("#divGameButton1").fadeIn(300);
    $("#divGameButton2").fadeIn(300);
    $("#divGameButton3").fadeIn(300);
}

function rij2() {
    Details_Off2();
    $("#divGameButton4").fadeIn(300);
    $("#divGameButton5").fadeIn(300);
    $("#divGameButton6").fadeIn(300);
}

function HideTop() {


   // $("#divXmbTop1").fadeIn(500);

    $("#divXmbTop1").fadeOut(1);
    $("#divXmbTop2").fadeOut(1);
    $("#divXmbTop3").fadeOut(1);
    $("#divXmbTop4").fadeOut(1);
    $("#divXmbTop5").fadeOut(1);
    $("#divXmbTop6").fadeOut(1);
    
    //$("#xmbPres").fadeIn(2500);
    //document.getElementById("xmbPres").style.display = "block";
}
function ShowXmb() {
    //alert("asdsad");
    
    $("#divXmbTop1").fadeOut(1);
    $("#divXmbTop2").fadeOut(1);
    $("#divXmbTop3").fadeOut(1);
    $("#divXmbTop4").fadeOut(1);
    $("#divXmbTop5").fadeOut(1);
    $("#divXmbTop6").fadeOut(1);

    $("#divXmb1").fadeOut(1);
    $("#divXmb2").fadeOut(1);
    $("#divXmb3").fadeOut(1);
    $("#divXmb4").fadeOut(1);
    $("#divXmb5").fadeOut(1);
    $("#divXmb6").fadeOut(1);
    blnLoop = 0;
    
    $("#xmbPres").fadeOut(1);
    
}

function HideImages() {
    $("#divXmbTop1").fadeOut(1);
    $("#divXmbTop2").fadeOut(1);
    $("#divXmbTop3").fadeOut(1);
}

function ShowImage1() {
    HideTop();
    $("#divXmbTop1").fadeIn(300);
}
function ShowImage2() {
    HideTop();
    $("#divXmbTop2").fadeIn(300);
}
function ShowImage3() {
    HideTop();
    $("#divXmbTop3").fadeIn(300);
}



function ShowPage(intpage) {

    $(".active").attr("class", "inactive");
    $("#ReactieContainer").attr("innerHTML", $("#ReactiePage_" + intpage).attr("innerHTML"));
    $("#divPage_" + intpage).attr("class", "active");
    $("#divPageBottom_" + intpage).attr("class", "active");
    $("#divReactiesTitle").attr("innerHTML", $("#ReactiePageTitel_" + intpage).attr("innerHTML"));


}

function Show(intId){
    ResetKnopjes()
    blnLoop = 0;
    
    $("#DivImage1").css("display","none");
    $("#DivImage2").css("display","none");
    $("#DivImage3").css("display","none");
    $("#DivImage4").css("display","none");
    
    $("#DivImage1Over").css("display","none");
    $("#DivImage2Over").css("display","none");
    $("#DivImage3Over").css("display","none");
    $("#DivImage4Over").css("display","none");
    
    
    $("#DivImage"+intId).css("display","block");
    $("#DivImage"+intId+"Over").css("display","block");
    $("#divKnop"+intId).attr("class","knopjeActief h5");
}

function NoShow(){
ResetKnopjes()
 blnLoop = 1;
 $("#DivImage1").css("display","none");
    $("#DivImage2").css("display","none");
    $("#DivImage3").css("display","none");
    $("#DivImage4").css("display","none");
     $("#DivImage1Over").css("display","none");
    $("#DivImage2Over").css("display","none");
    $("#DivImage3Over").css("display","none");
    $("#DivImage4Over").css("display","none");
}


function SetStyle(id,st){
    $("#"+id).attr("class",st);

}




function MM_swapImgRestore() { //v3.0
    var i, x, a = document.MM_sr; for (i = 0; a && i < a.length && (x = a[i]) && x.oSrc; i++) x.src = x.oSrc;
} function MM_preloadImages() { //v3.0
    var d = document; if (d.images) {
        if (!d.MM_p) d.MM_p = new Array();
        var i, j = d.MM_p.length, a = MM_preloadImages.arguments; for (i = 0; i < a.length; i++)
            if (a[i].indexOf("#") != 0) { d.MM_p[j] = new Image; d.MM_p[j++].src = a[i]; }
    }
}

function MM_findObj(n, d) { //v4.01
    var p, i, x; if (!d) d = document; if ((p = n.indexOf("?")) > 0 && parent.frames.length) {
        d = parent.frames[n.substring(p + 1)].document; n = n.substring(0, p);
    }
    if (!(x = d[n]) && d.all) x = d.all[n]; for (i = 0; !x && i < d.forms.length; i++) x = d.forms[i][n];
    for (i = 0; !x && d.layers && i < d.layers.length; i++) x = MM_findObj(n, d.layers[i].document);
    if (!x && d.getElementById) x = d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
    var i, j = 0, x, a = MM_swapImage.arguments; document.MM_sr = new Array; for (i = 0; i < (a.length - 2); i += 3)
        if ((x = MM_findObj(a[i])) != null) { document.MM_sr[j++] = x; if (!x.oSrc) x.oSrc = x.src; x.src = a[i + 2]; }
}