﻿var time = 3000;


var blnLoop = 1

function StartPres() {
    blnLoop = 1;
    $("#xmbIconen").css("display", "none");
}

function fade() {
    if (blnLoop == 1) {
        $("#divXmb10").fadeOut(2000);
        $("#divXmb1").fadeIn(2000);

    }
    setTimeout("fade2();", time);
}
function fade2() {
if (blnLoop == 1) {
    $("#divXmb1").fadeOut(2000);
    $("#divXmb2").fadeIn(2000);

}
setTimeout("fade3();", time);
}
function fade3() {
if (blnLoop == 1) {
    $("#divXmb2").fadeOut(2000);
    $("#divXmb3").fadeIn(2000);

}
setTimeout("fade4();", time);
}
function fade4() {
if (blnLoop == 1) {
    $("#divXmb3").fadeOut(2000);
    $("#divXmb4").fadeIn(2000);

}
setTimeout("fade5();", 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("fade7();", time);
}

function fade7() {
    if (blnLoop == 1) {
        $("#divXmb6").fadeOut(2000);
        $("#divXmb7").fadeIn(2000);
    }
    setTimeout("fade8();", time);
}

function fade8() {
    if (blnLoop == 1) {
        $("#divXmb7").fadeOut(2000);
        $("#divXmb8").fadeIn(2000);
    }
    setTimeout("fade9();", time);
}


function fade9() {
    if (blnLoop == 1) {
        $("#divXmb8").fadeOut(2000);
        $("#divXmb9").fadeIn(2000);
    }
    setTimeout("fade10();", time);
}


function fade10() {
    if (blnLoop == 1) {
        $("#divXmb9").fadeOut(2000);
        $("#divXmb10").fadeIn(2000);
    }
    setTimeout("fade();", time);
}


function fade11() {
    if (blnLoop == 1) {
        $("#divXmb10").fadeOut(2000);
        $("#divXmb11").fadeIn(2000);
    }
    setTimeout("fade12();", time);
}


function fade12() {
    if (blnLoop == 1) {
        $("#divXmb11").fadeOut(2000);
        $("#divXmb12").fadeIn(2000);
    }
    setTimeout("fade();", time);
}



function Details_Off1() {

    $("#divGameButton4").fadeOut(1);
    $("#divGameButton5").fadeOut(1);
    $("#divGameButton6").fadeOut(1);
    $("#divGameButton7").fadeOut(1);
    $("#divGameButton8").fadeOut(1);
    $("#divGameButton9").fadeOut(1);
    $("#divGameButton10").fadeOut(1);
    $("#divGameButton11").fadeOut(1);
    $("#divGameButton12").fadeOut(1);
}

function Details_Off2() {
    $("#divGameButton1").fadeOut(1);
    $("#divGameButton2").fadeOut(1);
    $("#divGameButton3").fadeOut(1);
    $("#divGameButton8").fadeOut(1);
    $("#divGameButton9").fadeOut(1);
    $("#divGameButton10").fadeOut(1);
    $("#divGameButton11").fadeOut(1);
    $("#divGameButton12").fadeOut(1);

}

function Details_Off3() {
    $("#divGameButton1").fadeOut(1);
    $("#divGameButton2").fadeOut(1);
    $("#divGameButton3").fadeOut(1);
    $("#divGameButton4").fadeOut(1);
    $("#divGameButton5").fadeOut(1);
    $("#divGameButton6").fadeOut(1);
    $("#divGameButton7").fadeOut(1);
    $("#divGameButton11").fadeOut(1);
    $("#divGameButton12").fadeOut(1);
}

function Details_Off4() {
    $("#divGameButton1").fadeOut(1);
    $("#divGameButton2").fadeOut(1);
    $("#divGameButton3").fadeOut(1);
    $("#divGameButton4").fadeOut(1);
    $("#divGameButton5").fadeOut(1);
    $("#divGameButton6").fadeOut(1);
    $("#divGameButton7").fadeOut(1);
    $("#divGameButton8").fadeOut(1);
    $("#divGameButton9").fadeOut(1);
    $("#divGameButton10").fadeOut(1);
}

function rij1() {
    Details_Off1();
    $("#divGameButton1").fadeIn(300);
    $("#divGameButton2").fadeIn(300);
    $("#divGameButton3").fadeIn(300);
    $("#divGameButton").attr("innerHTML","<img  src='images/imp_rollover.png'/>")
}

function rij1out() {
   // alert('sdfsdf');
    $("#divGameButton").attr("innerHTML", "<img  src='images/imp_down.png'/>");
}

function rij2() {
    Details_Off2();
    $("#divGameButton4").fadeIn(300);
    $("#divGameButton5").fadeIn(300);
    $("#divGameButton6").fadeIn(300);
    $("#divGameButton7").fadeIn(300);
    $("#divGameButtonRij2").attr("innerHTML", "<img  src='images/rec_rollover.png'/>")
}

function rij3() {
    Details_Off3();
    $("#divGameButton8").fadeIn(300);
    $("#divGameButton9").fadeIn(300);
    $("#divGameButton10").fadeIn(300);
    $("#divGameButtonRij3").attr("innerHTML", "<img  src='images/art_rollover_1.png'/>")

}

function rij4() {
    Details_Off4();
    $("#divGameButton11").fadeIn(300);
    $("#divGameButton12").fadeIn(300);
    $("#divGameButtonRij4").attr("innerHTML", "<img  src='images/spec_rollover.png'/>")
}

function HideTop() {


   // $("#divXmbTop1").fadeIn(500);
    $("#divGameButton").attr("innerHTML", "<img  src='images/imp_down.png'/>");
    $("#divGameButtonRij2").attr("innerHTML", "<img  src='images/rec_down.png'/>")
    $("#divGameButtonRij3").attr("innerHTML", "<img  src='images/art_down_1.png'/>")
    $("#divGameButtonRij4").attr("innerHTML", "<img  src='images/spec_down.png'/>")
    $("#divXmbTop1").fadeOut(1);
    $("#divXmbTop2").fadeOut(1);
    $("#divXmbTop3").fadeOut(1);
    $("#divXmbTop4").fadeOut(1);
    $("#divXmbTop5").fadeOut(1);
    $("#divXmbTop6").fadeOut(1);
    $("#divXmbTop7").fadeOut(1);
    $("#divXmbTop8").fadeOut(1);
    $("#divXmbTop9").fadeOut(1);
    $("#divXmbTop10").fadeOut(1);
    $("#divXmbTop11").fadeOut(1);
    $("#divXmbTop12").fadeOut(1);
    
    //$("#xmbPres").fadeIn(2500);
    //document.getElementById("xmbPres").style.display = "block";
}
function ShowXmb() {
    //alert("asdsad");
    //xmbIconen
    $("#divXmbTop1").fadeOut(1);
    $("#divXmbTop2").fadeOut(1);
    $("#divXmbTop3").fadeOut(1);
    $("#divXmbTop4").fadeOut(1);
    $("#divXmbTop5").fadeOut(1);
    $("#divXmbTop6").fadeOut(1);
    $("#divXmbTop7").fadeOut(1);
    $("#divXmbTop8").fadeOut(1);
    $("#divXmbTop9").fadeOut(1);
    $("#divXmbTop10").fadeOut(1);
    $("#divXmbTop11").fadeOut(1);
    $("#divXmbTop12").fadeOut(1);

    $("#divXmb1").fadeOut(1);
    $("#divXmb2").fadeOut(1);
    $("#divXmb3").fadeOut(1);
    $("#divXmb4").fadeOut(1);
    $("#divXmb5").fadeOut(1);
    $("#divXmb6").fadeOut(1);
    $("#divXmb7").fadeOut(1);
    $("#divXmb8").fadeOut(1);
    $("#divXmb9").fadeOut(1);
    $("#divXmb10").fadeOut(1);
    $("#divXmb11").fadeOut(1);
    $("#divXmb12").fadeOut(1);
    blnLoop = 0;
    
    $("#xmbPres").fadeOut(1);
    $("#xmbIconen").fadeIn(100);
}

function HideImages() {
    
    $("#divXmbTop1").fadeOut(1);
    $("#divXmbTop2").fadeOut(1);
    $("#divXmbTop3").fadeOut(1);
    $("#divXmbTop4").fadeOut(1);
    $("#divXmbTop5").fadeOut(1);
    $("#divXmbTop6").fadeOut(1);
    $("#divXmbTop7").fadeOut(1);
    $("#divXmbTop8").fadeOut(1);
    $("#divXmbTop9").fadeOut(1);
    $("#divXmbTop10").fadeOut(1);
    $("#divXmbTop11").fadeOut(1);
    $("#divXmbTop12").fadeOut(1);
}


function ShowImage(id) {
    HideTop();
    $("#divXmbTop"+id).fadeIn(300);
}

function ShowImage1() {
    HideTop();
    $("#divXmbTop1").fadeIn(300);
}
function ShowImage2() {
    HideTop();
    $("#divXmbTop2").fadeIn(300);
}
function ShowImage3() {
    HideTop();
    $("#divXmbTop3").fadeIn(300);
}



function ShowPage(intpage) {
   // alert(intpage);

    $(".divPage_1").css("text-decoration", "none");
    $(".divPage_2").css("text-decoration", "none");
    $(".divPage_3").css("text-decoration", "none");
    $(".divPage_4").css("text-decoration", "none");
    $(".divPage_5").css("text-decoration", "none");
    $(".divPage_6").css("text-decoration", "none");
    $(".divPage_7").css("text-decoration", "none");
    $(".divPage_8").css("text-decoration", "none");
    $(".divPage_9").css("text-decoration", "none");
    $(".divPage_10").css("text-decoration", "none");
   
   // $(".linkZwartmActive").style("class", "linkZwart");
    $("#ReactieContainer").attr("innerHTML", $("#ReactiePage_" + intpage).attr("innerHTML"));
    $(".divPage_" + intpage).css("text-decoration", "underline");
    //$("div[soort='divPage_1']").attr("class", "linkZwartmActive");
    $("#divTopPaginering").attr("innerHTML",$("#divpagineringinvis").attr("innerHTML"));
   // $("#divPageBottom_" + intpage).attr("class", "active");
    $("#divReactiesTitle").attr("innerHTML", $("#ReactiePageTitel_" + intpage).attr("innerHTML"));


}


