var speed = 700;
var reactPanelToggle = false;

$(document).ready(function() {

//    $('#mh1').click(function() {
//        openMs1();
//    });
//    $('#mh2').click(function() {
//        openMs2();
//    });
//    $('#mh3').click(function() {
//        openMs3();
//    });
//    $('#mh4').click(function() {
//        openMs4();
//    });
//    $('#mh5').click(function() {
//        openMs5();
//    });
//    $('#mh7').click(function() {
//        openMs7();
//    });

    speed = 700;
    var url = window.location;
    url = url + " stringcast";
    pos = url.indexOf("algemeen");
    if (pos != -1)
        openMs1();

    pos = url.indexOf("jaarverslag-home");
    if (pos != -1)
        openMs1();

    pos = url.indexOf("maatschappelijk");
    if (pos != -1)
        openMs2();

    pos = url.indexOf("financieel");
    if (pos != -1)
        openMs3();

    pos = url.indexOf("ecologisch");
    if (pos != -1)
        openMs4();

    pos = url.indexOf("menselijk");
    if (pos != -1)
        openMs5();

    speed = 700;
});


function openMs1() {
    resetMenus(false, true, true, true, true);
    $('#ms1').animate().css({ visibility: "visible" })
    $('#ms1').animate({ height: "60px" }, speed);
}

function openMs2() {
    resetMenus(true, false, true, true, true);
    $('#ms2').animate().css({ visibility: "visible" })
    $('#ms2').animate({ height: "40px" }, speed);
}

function openMs3() {
    resetMenus(true, true, false, true, true);
    $('#ms3').animate().css({ visibility: "visible" })
    $('#ms3').animate({ height: "90px" }, speed);
}

function openMs4() {
    resetMenus(true, true, true, false, true);
    $('#ms4').animate().css({ visibility: "visible" })
    $('#ms4').animate({ height: "60px" }, speed);
}

function openMs5() {
    resetMenus(true, true, true, true, false);
    $('#ms5').animate().css({ visibility: "visible" })
    $('#ms5').animate({ height: "110px" }, speed);
}

function openMs7() {
    parent.resetMenus(true, true, true, true, true);
    if (!reactPanelToggle) {
        $('#ms7').animate().css({ visibility: "visible" })
        $('#ms7').animate({ height: "200px" }, speed);
    }
    else {
        $('#ms7').animate({ height: "0px" }, 500);
        $('#ms7').animate().css({ visibility: "hidden" });
    }
    reactPanelToggle = !reactPanelToggle;
}

function resetMenus(ms1, ms2, ms3, ms4, ms5) {
    if (ms1) {
        $('#ms1').animate({ height: "0px" }, 500);
        $('#ms1').animate().css({ visibility: "hidden" });
    }

    if (ms2) {
        $('#ms2').animate({ height: "0px" }, 500);
        $('#ms2').animate().css({ visibility: "hidden" });
    }

    if (ms3) {
        $('#ms3').animate({ height: "0px" }, 500);
        $('#ms3').animate().css({ visibility: "hidden" });
    }

    if (ms4) {
        $('#ms4').animate({ height: "0px" }, 500);
        $('#ms4').animate().css({ visibility: "hidden" });
    }

    if (ms5) {
        $('#ms5').animate({ height: "0px" }, 500);
        $('#ms5').animate().css({ visibility: "hidden" });
    }
}

function back() {
    history.go(-1); return true;
}

function forward() {
    history.go(1); return true;
}