var time =4000;


var blnLoop = 1

function StartPres() {
    blnLoop = 1;
}

var intStep = 0;

function MoveDivs1() {
    intStep = intStep + 1;

    if (intStep == 8) {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
    

    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 = 7
        b6 = 1
    }
    else if (intStep == 3) {
    b0 = 3
    b1 = 4
        b2 = 5
        b3 = 6
        b4 = 7
        b5 = 1
        b6 = 2
    }
    else if (intStep == 4) {
    b0 = 4
    b1 = 5
        b2 = 6
        b3 = 7
        b4 = 1
        b5 = 2
        b6 = 3
    }
    else if (intStep == 5) {
    b0 = 5
    b1 = 6
        b2 = 7
        b3 = 1
        b4 = 2
        b5 = 3
        b6 = 4
    }
    else if (intStep == 6) {
    b0 = 6
    b1 = 7
        b2 = 1
        b3 = 2
        b4 = 3
        b5 = 4
        b6 = 5
    }
    else if (intStep == 7) {
    b0 = 7
    b1 = 1
        b2 = 2
        b3 = 3
        b4 = 4
        b5 = 5
        b6 = 6
    }
    
    //move the divs
    $("#divXmb"+b1).animate({ top: "230px" }, 1000);
    $("#divXmb"+b2).animate({ top: "115px" }, 1000);
    $("#divXmb"+b3).animate({ top: "0px" }, 1000);
    $("#divXmb"+b4).animate({ top: "-115px" }, 1000);
    $("#divXmb"+b5).animate({ top: "-230px" }, 1000);
    $("#divXmb"+b6).animate({ top: "-345px" }, 1000);
        var intId = 1;
        setTimeout("SwitchFotos(" + b0 + "," + b1 + ")", 1500);
        //setTimeout("MoveDivs1()", 4500);
        
}

function SwitchFotos(intId,intId2){
    //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(1000);
    $("#divXmb" + intId).fadeOut(200);
    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) {
        $("#teaser_5").fadeOut(2000);
        //$("#quote_5").hide();
        
       $("#teaser_1").fadeIn(2000);
        //$("#quote_1").fadeIn(2000);
       ResetKnopjes();
       $("#knop_1").attr("class", "btn1Active");
    }
    setTimeout("fade2();", time);
}
function fade2() {
if (blnLoop == 1) {
    $("#teaser_1").fadeOut(2000);
    //$("#quote_1").hide();
    
    $("#teaser_2").fadeIn(2000);
    //$("#quote_2").fadeIn(2000);
    ResetKnopjes();
     $("#knop_2").attr("class", "btn1Active");

}
setTimeout("fade3();", time);
}
function fade3() {
if (blnLoop == 1) {
    $("#teaser_2").fadeOut(2000);
    //$("#quote_2").hide();
    
    $("#teaser_3").fadeIn(2000);
    //$("#quote_3").fadeIn(2000);
    ResetKnopjes();
     $("#knop_3").attr("class", "btn1Active");

}
setTimeout("fade4();", time);
}
function fade4() {
if (blnLoop == 1) {
    $("#teaser_3").fadeOut(2000);
    //$("#quote_3").hide();
    
    $("#teaser_4").fadeIn(2000);
    //   $("#quote_4").fadeIn(2000);
   ResetKnopjes();
     $("#knop_4").attr("class", "btn1Active");

}
setTimeout("fade5();", time);
}
function fade5() {if (blnLoop == 1) {
    $("#teaser_4").fadeOut(2000);
    //$("#quote_4").hide();
    
    $("#teaser_5").fadeIn(2000);
    //   $("#quote_5").fadeIn(2000);
   ResetKnopjes();
    $("#knop_5").attr("class", "btn1Active");

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


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

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


function ResetKnopjes() {

    $("#knop_1").attr("class", "");
    $("#knop_2").attr("class", "");
    $("#knop_3").attr("class", "");
    $("#knop_4").attr("class", "");
    $("#knop_5").attr("class", "");

}

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;
   
     
     
    $("#teaser_1").css("display","none");
    $("#teaser_2").css("display","none");
    $("#teaser_3").css("display","none");
    $("#teaser_4").css("display","none");
    $("#teaser_5").css("display","none");
    
    $("#quote_1").css("display","none");
    $("#quote_2").css("display","none");
    $("#quote_3").css("display","none");
    $("#quote_4").css("display","none");
    $("#quote_5").css("display","none");
    
    $("#knop_1").attr("class", "");
    $("#knop_2").attr("class", "");
    $("#knop_3").attr("class", "");
    $("#knop_4").attr("class", "");
    $("#knop_5").attr("class", "");
    //$("#quote_1").css("display","none");
    //$("#quote_2").css("display","none");
    //$("#quote_3").css("display","none");
    //$("#quote_4").css("display","none");
    //$("#quote_5").css("display","none");
    
    
    $("#teaser_"+intId).css("display","block");
    $("#quote_"+intId).css("display","block");
    $("#knop_"+intId).attr("class","btn1Active");
}

function NoShow(){
    //ResetKnopjes()
    blnLoop = 1;
 
    
//    $("#teaser_1").css("display","none");
//    $("#teaser_2").css("display","none");
//    $("#teaser_3").css("display","none");
//    $("#teaser_4").css("display","none");
//    $("#teaser_5").css("display","none");
//    
//    $("#quote_1").css("display","none");
//    $("#quote_2").css("display","none");
//    $("#quote_3").css("display","none");
//    $("#quote_4").css("display","none");
//    $("#quote_5").css("display","none");
//    
//    $("#knop_1").attr("class", "");
//    $("#knop_2").attr("class", "");
//    $("#knop_3").attr("class", "");
//    $("#knop_4").attr("class", "");
//    $("#knop_5").attr("class", "");
    
    
 //   $("#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);

}