var selectedMenuItem = "";

function initMenu(pageId) 
{
    if (pageId != selectedMenuItem)
    {
        selectedMenuItem = pageId;
        //reset the vlinder state
        document.getElementById('hoofdmenu_welkom_vlinder').style.visibility = "hidden";
        document.getElementById('hoofdmenu_aanbod_vlinder').style.visibility = "hidden";
        document.getElementById('hoofdmenu_promoties_vlinder').style.visibility = "hidden";
        document.getElementById('hoofdmenu_contact_vlinder').style.visibility = "hidden";
        document.getElementById('hoofdmenu_' + selectedMenuItem + '_vlinder').style.visibility = "visible";

        //reset the selected color
        document.getElementById('hoofdmenu_welkom').src = "images/hoofdmenu/welkom_selected.jpg";
        document.getElementById('hoofdmenu_aanbod').src = "images/hoofdmenu/aanbod_selected.jpg";
        document.getElementById('hoofdmenu_promoties').src = "images/hoofdmenu/promoties_selected.jpg";
        document.getElementById('hoofdmenu_contact').src = "images/hoofdmenu/contact_selected.jpg";
        document.getElementById('hoofdmenu_' + selectedMenuItem).src = "images/hoofdmenu/" + selectedMenuItem + ".jpg";
    }
}

function hover_hoofdmenuItem(elementId) {
    document.getElementById('hoofdmenu_' + elementId).src = "images/hoofdmenu/" + elementId + ".jpg";
}
function out_hoofdmenuItem(elementId) {
    if (selectedMenuItem != elementId) {
        document.getElementById('hoofdmenu_' + elementId).src = "images/hoofdmenu/" + elementId + "_selected.jpg";
    }
}