function DeactivateMenu(menu) {
    menu.setAttribute("class", "knop-grijs-menu-base menuitem");
}

function ActivateMenu(menu) {
    menu.setAttribute("class", "knop-oranje-menu-over menuitem");
}

function ShowItem(item) {
    item.style.display = "block";
}

function HideItem(item) {
    item.style.display = "none";
}

function Menu_Click(MenuNumber) {
    var menu1 = document.getElementById("menu1");
    var menu2 = document.getElementById("menu2");
    var menu3 = document.getElementById("menu3");
    var menu4 = document.getElementById("menu4");
    var menu5 = document.getElementById("menu5");
    var menu6 = document.getElementById("menu6");
    var menu7 = document.getElementById("menu7");
    var menu8 = document.getElementById("menu8");
    var submenu1 = document.getElementById("submenu1");
    var submenu2 = document.getElementById("submenu2");
    var submenu3 = document.getElementById("submenu3");
    var submenu8 = document.getElementById("submenu8");

    if (menu1) { DeactivateMenu(menu1); }
    if (menu2) { DeactivateMenu(menu2); }
    if (menu3) { DeactivateMenu(menu3); }
    if (menu4) { DeactivateMenu(menu4); }
    if (menu5) { DeactivateMenu(menu5); }
    if (menu6) { DeactivateMenu(menu6); }
    if (menu7) { DeactivateMenu(menu7); }
    if (menu8) { DeactivateMenu(menu8); }
    if (submenu1) { HideItem(submenu1); }
    if (submenu2) { HideItem(submenu2); }
    if (submenu3) { HideItem(submenu3); }
    if (submenu8) { HideItem(submenu8); }

    switch (MenuNumber) {
        case 1:
            ActivateMenu(menu1);
            ShowItem(submenu1);
            break;

        case 2:
            ActivateMenu(menu2);
            ShowItem(submenu2);
            break;
        case 3:
            ActivateMenu(menu3);
            ShowItem(submenu3);
            break;
        case 4:
            ActivateMenu(menu4);
            break;
        case 5:
            ActivateMenu(menu5);
            break;
        case 6:
            ActivateMenu(menu6);
            break;
        case 7:
            ActivateMenu(menu7);
            break;
        case 8:
            ActivateMenu(menu8);
            ShowItem(submenu8);
            break;
    }

}

function ToggleSitemap() {
    var sitemapmin = document.getElementById("sitemapmin");
    var sitemapplus = document.getElementById("sitemapplus");
    var sitemap = document.getElementById("sitemap");

    if (sitemap.style.display == "none" ||
        sitemap.style.display == "") {
        ShowItem(sitemap);
        ShowItem(sitemapmin);
        HideItem(sitemapplus);
    }
    else {
        HideItem(sitemap);
        HideItem(sitemapmin);
        ShowItem(sitemapplus);
    }
}

function PreviewImage(listbox, imageid) {

    var optsLength = listbox.options.length;
    var image = document.getElementById(imageid);

    for (var i = 0; i < optsLength; i++) {
        if (listbox.options[i].selected) {
            image.src = "../../images/fotos/" + listbox.options[i].text;
          }
      }

}