var actualMenuId = '';
var actualMenuClassName = '';
var actualSubMenuId = '';

function showMenu(selectedMenuId, selectedMenuClassName, selectedMenuClassNameOn, subMenuId) {

    if (selectedMenuId != actualMenuId) {
        // Hide actual Menu and all SubMenus
        hideMenu(actualMenuId, actualMenuClassName, actualSubMenuId);
        hideAllSubMenus();
            
        // Show new selected Menu
        changeClassName(selectedMenuId, selectedMenuClassNameOn);
        showDiv(subMenuId);
        actualMenuId = selectedMenuId;
        actualMenuClassName = selectedMenuClassName;
        actualSubMenuId = subMenuId;
    }
    
}

function hideMenu(menuId, menuClassName, subMenuId) {

    if (menuId != '') {
        changeClassName(menuId, menuClassName);
        hideDiv(subMenuId);
    }

}

function showDiv(divId) {
    document.getElementById(divId).style.visibility = 'visible';
}

function hideDiv(divId) {
    document.getElementById(divId).style.visibility = 'hidden';
}

function showSubMenu(subMenuId) {
    hideAllSubMenus();
    showDiv(subMenuId);
}

function hideAllSubMenus() {
    hideDiv('SubMenuStory');
    hideDiv('SubMenuContact');
    hideDiv('SubMenuMedia');
    hideDiv('SubMenuLarabars');
    hideDiv('SubMenuJocalat');
    hideDiv('SubMenuJamfrakas');
    hideDiv('SubMenuPurchase');
    hideDiv('SubMenuStoreLocator');
}

function changeClassName(objectId, newClassName) {
    document.getElementById(objectId).className = newClassName;    
}