var time =4000;


var blnLoop = 1

function StartPres() {
    blnLoop = 1;
}

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

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

}
setTimeout("fade4();", time);
}
function fade4() {
if (blnLoop == 1) {
    $("#divXmb3").fadeOut(2000);
    $("#divXmb4").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");
    
    $("#DivImage"+intId).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");
}


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

}