var meer1;
var landkaart;

var meer1;
var meer1Uitleg;
var meer1Titel;
var meer1Definitie;

var meer1b = "";
var meer1bUitleg;
var meer1bTitel;
var meer1bDefinitie;

var meer2;
var meer2Uitleg;
var meer2Titel;
var meer2Definitie;

var meerKaart;
var meerKaartUitleg;
var meerKaartTitel;

var meer3;
var meer3Uitleg;
var meer3Titel;
var meer3Definitie;

var meer3b = "";
var meer3bUitleg;
var meer3bTitel;
var meer3bDefinitie;

var meer4;
var meer4Uitleg;
var meer4Titel;
var meer4Definitie;

var reg = new RegExp(/ /g);

$.InitAlgemeen = function () {

    $("#info-1 .info-body").html(infoInd00);
    $("#info-2 .info-body").html(infoInd16);
    $("#info-3 .info-body").html(infoInd01);
    $("#info-4 .info-body").html(infoInd09);

    $("#frame_1 iframe").attr("src", urlIn00);
    $("#frame_2 iframe").attr("src", urlIn16);
    $("#frame_3 iframe").attr("src", urlIn01);
    $("#frame_4 iframe").attr("src", urlIn09);

    $.ToggleLayoutBasic();

    $("#landkaart").show();

    meer1 = urlIn00Leesmeer;
    meer1Uitleg = urlIn00Uitleg;
    meer1Titel = urlIn00Titel;
    meer1Definitie = meer1Titel.replace(reg, '_');

    meer1b = "";
    meer1bUitleg = "";
    meer1bTitel = "";
    meer1bDefinitie = "";

    meer2 = urlIn16Leesmeer;
    meer2Uitleg = urlIn16Uitleg;
    meer2Titel = urlIn16Titel;
    meer2Definitie = meer2Titel.replace(reg, '_');

    meer3 = urlIn01Leesmeer;
    meer3Uitleg = urlIn01Uitleg;
    meer3Titel = urlIn01Titel;
    meer3Definitie = meer3Titel.replace(reg, '_');

    meer3b = "";
    meer3bUitleg = "";
    meer3bTitel = "";
    meer3bDefinitie = "";

    meer4 = urlIn09Leesmeer;
    meer4Uitleg = urlIn09Uitleg;
    meer4Titel = urlIn09Titel;
    meer4Definitie = meer4Titel.replace(reg, '_');
}

$.ToggleInfo = function () {
    $("#info-1").hide();
    $("#info-1a").hide();
    $("#info-2").hide();
    $("#info-3").hide();
    $("#info-3a").hide();
    $("#info-4").hide();
}

$.ToggleLayoutBasic = function () {
    $("#Paspartoe_top").show();
    $("#Paspartoe_top1").hide();
    $("#Paspartoe_m1").hide();
    $("#meer_1a").hide();
    $("#i_frame_info_1a").hide();
    $("#Paspartoe_m2").hide();
    $("#meer_3a").hide();
    $("#i_frame_info_3a").hide();
    $("#landkaart").hide();
    $("#procover").hide();
}

$.ToggleLayoutKwaliteit = function () {
    $("#Paspartoe_top").show();
    $("#Paspartoe_top1").hide();
    $("#Paspartoe_m1").hide();
    $("#meer_1a").hide();
    $("#i_frame_info_1a").hide();
    $("#Paspartoe_m2").show();
    $("#meer_3a").show();
    $("#i_frame_info_3a").show();
    $("#landkaart").hide();
    $("#procover").hide();
}

$.ToggleLayoutOnderwijsbeleid = function () {
    $("#Paspartoe_top").show();
    $("#Paspartoe_top1").hide();
    $("#Paspartoe_m1").show();
    $("#meer_1a").show();
    $("#i_frame_info_1a").show();
    $("#Paspartoe_m2").hide();
    $("#meer_3a").hide();
    $("#i_frame_info_3a").hide();
    $("#landkaart").hide();
    $("#procover").hide();
}

$.ToggleLayoutBedrijfsvoering = function () {
    $("#Paspartoe_top").show();
    $("#Paspartoe_top1").hide();
    $("#Paspartoe_m1").show();
    $("#meer_1a").show();
    $("#i_frame_info_1a").show();
    $("#Paspartoe_m2").hide();
    $("#meer_3a").hide();
    $("#i_frame_info_3a").hide();
    $("#landkaart").hide();
    $("#procover").hide();
}

$(document).ready(function () {
    $.preloadCssImages();

    $.InitAlgemeen();

    if (!proschool) $(".proschool").hide();

    $(".algemeen a").hover(
        function () {
            $(this).parent().addClass('active-tab');
            $(this).next("div").show();
        },
        function () {
            $(this).parent().removeClass('active-tab');
            $(this).next("div").hide();
        });
    $(".resultaten a").hover(
        function () {
            $(this).parent().addClass('active-tab');
            $(this).next("div").show();
        },
        function () {
            $(this).parent().removeClass('active-tab');
            $(this).next("div").hide();
        });
    $(".visie a").hover(
        function () {
            $(this).parent().addClass('active-tab');
            $(this).next("div").show();
        },
        function () {
            $(this).parent().removeClass('active-tab');
            $(this).next("div").hide();
        });
    $(".kwaliteit a").hover(
        function () {
            $(this).parent().addClass('active-tab');
            $(this).next("div").show();
        },
        function () {
            $(this).parent().removeClass('active-tab');
            $(this).next("div").hide();
        });
    $(".bedrijfsvoering a").hover(
        function () {
            $(this).parent().addClass('active-tab');
            $(this).next("div").show();
        },
        function () {
            $(this).parent().removeClass('active-tab');
            $(this).next("div").hide();
        });
    $(".proschool a").hover(
        function () {
            $(this).parent().addClass('active-tab');
            $(this).next("div").show();
        },
        function () {
            $(this).parent().removeClass('active-tab');
            $(this).next("div").hide();
        });


    $(".algemeen a").click(
    function () {

        $(".inactive-tab a").removeClass('active');
        $(this).addClass('active');
        $.ToggleInfo();
        $.InitAlgemeen();
    })

    $(".resultaten a").click(
    function () {
        $(".inactive-tab a").removeClass('active');
        $(this).addClass('active');
        $.ToggleInfo();
        $("#info-1 .info-body").html(infoInd02);
        $("#info-2 .info-body").html(infoInd03);
        $("#info-3 .info-body").html(infoInd04);
        $("#info-4 .info-body").html(infoInd05);

        $("#frame_1 iframe").attr("src", urlIn02);
        $("#frame_2 iframe").attr("src", urlIn03);
        $("#frame_3 iframe").attr("src", urlIn04);
        $("#frame_4 iframe").attr("src", urlIn05);

        $.ToggleLayoutBasic();
        meer1 = urlIn02Leesmeer;
        meer1Uitleg = urlIn02Uitleg;
        meer1Titel = urlIn02Titel;
        meer1Definitie = meer1Titel.replace(reg, '_');

        meer1b = "";
        meer1bUitleg = "";
        meer1bTitel = "";
        meer1bDefinitie = "";

        meer2 = urlIn03Leesmeer;
        meer2Uitleg = urlIn03Uitleg;
        meer2Titel = urlIn03Titel;
        meer2Definitie = meer2Titel.replace(reg, '_');

        meer3 = urlIn04Leesmeer;
        meer3Uitleg = urlIn04Uitleg;
        meer3Titel = urlIn04Titel;
        meer3Definitie = meer3Titel.replace(reg, '_');

        meer3b = "";
        meer3bUitleg = "";
        meer3bTitel = "";
        meer3bDefinitie = "";

        meer4 = urlIn05Leesmeer;
        meer4Uitleg = urlIn05Uitleg;
        meer4Titel = urlIn05Titel;
        meer4Definitie = meer4Titel.replace(reg, '_');

    })

    $(".visie a").click(
    function () {
        $(".inactive-tab a").removeClass('active');
        $(this).addClass('active');
        $.ToggleInfo();
        $("#info-1 .info-body").html(infoInd06);
        $("#info-1a .info-body").html(infoInd10);
        $("#info-2 .info-body").html(infoInd07);
        $("#info-3 .info-body").html(infoInd17);
        $("#info-4 .info-body").html(infoInd08);

        $("#frame_1 iframe").attr("src", urlIn06);
        $("#frame_2 iframe").attr("src", urlIn07);
        $("#frame_3 iframe").attr("src", urlIn17);
        $("#frame_4 iframe").attr("src", urlIn08);

        $.ToggleLayoutOnderwijsbeleid();

        meer1b = urlIn06Leesmeer;
        meer1bUitleg = urlIn06Uitleg;
        meer1bTitel = urlIn06Titel;
        meer1bDefinitie = meer1bTitel.replace(reg, '_');

        meer1 = urlIn10Leesmeer;
        meer1Uitleg = urlIn10Uitleg;
        meer1Titel = urlIn10Titel;
        meer1Definitie = meer1Titel.replace(reg, '_');

        meer2 = urlIn07Leesmeer;
        meer2Uitleg = urlIn07Uitleg;
        meer2Titel = urlIn07Titel;
        meer2Definitie = meer2Titel.replace(reg, '_');

        meer3 = urlIn17Leesmeer;
        meer3Uitleg = urlIn17Uitleg;
        meer3Titel = urlIn17Titel;
        meer3Definitie = meer3Titel.replace(reg, '_');

        meer3b = "";
        meer3bUitleg = "";
        meer3bTitel = "";
        meer3bDefinitie = "";

        meer4 = urlIn08Leesmeer;
        meer4Uitleg = urlIn08Uitleg;
        meer4Titel = urlIn08Titel;
        meer4Definitie = meer4Titel.replace(reg, '_');
    })

    $(".kwaliteit a").click(
    function () {
        $(".inactive-tab a").removeClass('active');
        $(this).addClass('active');
        $.ToggleInfo();
        $("#info-1 .info-body").html(infoInd11);
        $("#info-2 .info-body").html(infoInd12);
        $("#info-3 .info-body").html(infoInd13);
        $("#info-3a .info-body").html(infoInd15);
        $("#info-4 .info-body").html(infoInd14);

        $("#frame_1 iframe").attr("src", urlIn11);
        $("#frame_2 iframe").attr("src", urlIn12);
        $("#frame_3 iframe").attr("src", urlIn13);
        $("#frame_4 iframe").attr("src", urlIn14);

        $.ToggleLayoutKwaliteit();

        meer1b = "";
        meer1bUitleg = "";
        meer1bTitel = "";
        meer1bDefinitie = "";

        meer1 = urlIn11Leesmeer;
        meer1Uitleg = urlIn11Uitleg;
        meer1Titel = urlIn11Titel;
        meer1Definitie = meer1Titel.replace(reg, '_');

        meer2 = urlIn12Leesmeer;
        meer2Uitleg = urlIn12Uitleg;
        meer2Titel = urlIn12Titel;
        meer2Definitie = meer2Titel.replace(reg, '_');

        meer3 = urlIn15Leesmeer;
        meer3Uitleg = urlIn15Uitleg;
        meer3Titel = urlIn15Titel;
        meer3Definitie = meer3Titel.replace(reg, '_');

        meer3b = urlIn13Leesmeer;
        meer3bUitleg = urlIn13Uitleg;
        meer3bTitel = urlIn13Titel;
        meer3bDefinitie = meer3bTitel.replace(reg, '_');

        meer4 = urlIn14Leesmeer;
        meer4Uitleg = urlIn14Uitleg;
        meer4Titel = urlIn14Titel;
        meer4Definitie = meer4Titel.replace(reg, '_');
    })

    $(".bedrijfsvoering a").click(
    function () {
        $(".inactive-tab a").removeClass('active');
        $(this).addClass('active');
        $(this).parent().addClass('active-tab');
        $.ToggleInfo();
        $.ToggleLayoutBasic();

        $("#info-1 .info-body").html(infoInd19b);
        $("#info-1a .info-body").html(infoInd18c);
        $("#info-2 .info-body").html(infoInd18);
        $("#info-3 .info-body").html(infoInd19);
        $("#info-4 .info-body").html(infoInd20);

        $("#frame_1 iframe").attr("src", urlIn19b);
        $("#frame_2 iframe").attr("src", urlIn18);
        $("#frame_3 iframe").attr("src", urlIn19);
        $("#frame_4 iframe").attr("src", urlIn20);

        $("#landkaart").hide();

        $.ToggleLayoutBedrijfsvoering();

        meer1 = urlIn18cLeesmeer;
        meer1Uitleg = urlIn18cUitleg;
        meer1Titel = urlIn18cTitel;
        meer1Definitie = meer1Titel.replace(reg, '_');;

        meer1b = urlIn19bLeesmeer;
        meer1bUitleg = urlIn19bUitleg;
        meer1bTitel = urlIn19bTitel;
        meer1bDefinitie = meer1bTitel.replace(reg, '_');

        meer2 = urlIn18Leesmeer;
        meer2Uitleg = urlIn18Uitleg;
        meer2Titel = urlIn18Titel;
        meer2Definitie = meer2Titel.replace(reg, '_');

        meer3 = urlIn19Leesmeer;
        meer3Uitleg = urlIn19Uitleg;
        meer3Titel = urlIn19Titel;
        meer3Definitie = meer3Titel.replace(reg, '_');

        meer3b = "";
        meer3bUitleg = "";
        meer3bTitel = "";
        meer3bDefinitie = "";

        meer4 = urlIn20Leesmeer;
        meer4Uitleg = urlIn20Uitleg;
        meer4Titel = urlIn20Titel;
        meer4Definitie = meer4Titel.replace(reg, '_');
    });

    $(".proschool a").click(
    function () {
        $(".inactive-tab a").removeClass('active');
        $(this).addClass('active');
        $(this).parent().addClass('active-tab');
        $.ToggleInfo();
        $.ToggleLayoutBasic();

        $("#info-1 .info-body").html(infoInd21);
        $("#info-2 .info-body").html(infoInd22);
        $("#info-3 .info-body").html(infoInd23);
        $("#info-4 .info-body").html(infoInd21);

        $("#frame_1 iframe").attr("src", urlIn21);
        $("#frame_2 iframe").attr("src", urlIn22);
        $("#frame_3 iframe").attr("src", urlIn23);
        $("#frame_4 iframe").attr("src", urlIn21);

        $("#landkaart").hide();

        $("#procover").show();

        meer1 = urlIn21Leesmeer;
        meer1Uitleg = urlIn21Uitleg;
        meer1Titel = urlIn21Titel;
        meer1Definitie = meer1Titel.replace(reg, '_');

        meer1b = "";
        meer1bUitleg = "";
        meer1bTitel = "";
        meer1bDefinitie = "";

        meer2 = urlIn22Leesmeer;
        meer2Uitleg = urlIn22Uitleg;
        meer2Titel = urlIn22Titel;
        meer2Definitie = meer2Titel.replace(reg, '_');

        meer3 = urlIn23Leesmeer;
        meer3Uitleg = urlIn23Uitleg;
        meer3Titel = urlIn23Titel;
        meer3Definitie = meer3Titel.replace(reg, '_');

        meer3b = "";
        meer3bUitleg = "";
        meer3bTitel = "";
        meer3BDefinitie = "";

        meer4 = "";
        meer4Uitleg = "";
        meer4Titel = "";
        meer4Definitie = "";
    });

    $("#i_frame_info_1 a").click(function () { $("#info-1").show(); });
    $("#i_frame_info_1a a").click(function () { $("#info-1a").show(); });
    $("#i_frame_info_2 a").click(function () { $("#info-2").show(); });
    $("#i_frame_info_3 a").click(function () { $("#info-3").show(); });
    $("#i_frame_info_3a a").click(function () { $("#info-3a").show(); });
    $("#i_frame_info_4 a").click(function () { $("#info-4").show(); });

    $("#meer_1 a").click(
    function () {
        $.ToggleInfo();
        $("#info-meer .info-meer-body").html(meer1Uitleg);
        $("#meer_titel").html(meer1Titel);
        $("#iframe_meer").attr("src", meer1);
        $("#definitie_Link").attr("href", definitie + meer1Definitie);
        $("#Paspartoe_top").hide();
        $("#Paspartoe_middle").hide();
        $("#Paspartoe_m").hide();
        $("#i_frame_info_2").hide();
        $("#i_frame_info_1").hide();
        $("#Paspartoe_top1").show();
        $("#meerContent").show();

    });

    $("#meer_1a a").click(
    function () {
        $.ToggleInfo();
        $("#info-meer .info-meer-body").html(meer1bUitleg);
        $("#meer_titel").html(meer1bTitel);
        $("#iframe_meer").attr("src", meer1b);
        $("#definitie_Link").attr("href", definitie + meer1bDefinitie);
        $("#Paspartoe_top").hide();
        $("#Paspartoe_middle").hide();
        $("#Paspartoe_m").hide();
        $("#i_frame_info_2").hide();
        $("#i_frame_info_1").hide();
        $("#Paspartoe_top1").show();
        $("#meerContent").show();
    });

    $("#meer_2 a").click(
    function () {
        $.ToggleInfo();
        $("#info-meer .info-meer-body").html(meer2Uitleg);
        $("#meer_titel").html(meer2Titel);
        $("#iframe_meer").attr("src", meer2);
        $("#definitie_Link").attr("href", definitie + meer2Definitie);
        $("#Paspartoe_top").hide();
        $("#Paspartoe_middle").hide();
        $("#Paspartoe_m").hide();
        $("#i_frame_info_2").hide();
        $("#i_frame_info_1").hide();
        $("#Paspartoe_top1").show();
        $("#meerContent").show();
    });

    $("#landkaart a").click(
    function () {
        $.ToggleInfo();
        $("#info-meer .info-meer-body").html(urlKaartUitleg);
        $("#meer_titel").html(urlKaartTitel);
        $("#iframe_meer").attr("src", urlLandkaart);
        $("#Paspartoe_top").hide();
        $("#Paspartoe_middle").hide();
        $("#Paspartoe_m").hide();
        $("#i_frame_info_2").hide();
        $("#i_frame_info_1").hide();
        $("#Paspartoe_top1").show();
        $("#meerContent").show();
    });

    $("#meer_3 a").click(
    function () {
        $.ToggleInfo();
        $("#info-meer .info-meer-body").html(meer3Uitleg);
        $("#meer_titel").html(meer3Titel);
        $("#iframe_meer").attr("src", meer3);
        $("#definitie_Link").attr("href", definitie + meer3Definitie);
        $("#Paspartoe_top").hide();
        $("#Paspartoe_middle").hide();
        $("#Paspartoe_m").hide();
        $("#i_frame_info_2").hide();
        $("#i_frame_info_1").hide();
        $("#Paspartoe_top1").show();
        $("#meerContent").show();
    });

    $("#meer_3a a").click(
    function () {
        $.ToggleInfo();
        $("#info-meer .info-meer-body").html(meer3bUitleg);
        $("#meer_titel").html(meer3bTitel);
        $("#iframe_meer").attr("src", meer3b);
        $("#definitie_Link").attr("href", definitie + meer3bDefinitie);
        $("#Paspartoe_top").hide();
        $("#Paspartoe_middle").hide();
        $("#Paspartoe_m").hide();
        $("#i_frame_info_2").hide();
        $("#i_frame_info_1").hide();
        $("#Paspartoe_top1").show();
        $("#meerContent").show();
    });

    $("#meer_4 a").click(
    function () {
        $.ToggleInfo();
        $("#info-meer .info-meer-body").html(meer4Uitleg);
        $("#meer_titel").html(meer4Titel);
        $("#iframe_meer").attr("src", meer4);
        $("#definitie_Link").attr("href", definitie + meer4Definitie);
        $("#Paspartoe_top").hide();
        $("#Paspartoe_middle").hide();
        $("#Paspartoe_m").hide();
        $("#i_frame_info_2").hide();
        $("#Paspartoe_top1").show();
        $("#meerContent").show();
    });

    $(".close").click(function () { $(this).parent("div").parent("div").hide(); });

    $("#closeright a").click(function () {
        $("#meerContent").hide();
        $("#Paspartoe_top").show();
        $("#i_frame_info_2").show();
        $("#i_frame_info_1").show();
        $("#Paspartoe_top1").hide();
        $("#Paspartoe_middle").show();
        $("#Paspartoe_m").show();
        $("#Paspartoe_m1").hide();
        $("#Paspartoe_m2").hide();
        if ($(".kwaliteit a").attr("class") == "active") { $("#Paspartoe_m2").show(); };
        if ($(".visie a").attr("class") == "active") { $("#Paspartoe_m1").show(); };
        if ($(".bedrijfsvoering a").attr("class") == "active") { $("#Paspartoe_m1").show(); };
        $("#iframe_meer").attr("src", "wait.html");
    });

    $(".info-popup").click(function () { }, function () { $(this).hide(); });

    $("#uitleg a").click(function () { $("#info-meer").show(); });
});