var activeMenu = undefined;
var activeSubMenu = undefined;

function Menu_ShowSubMenu(elmt, menuId) {
    var newActiveSubMenu = document.getElementById('submenu' + menuId);
    alert('yes');
    Menu_Leave();
    
    if (activeSubMenu != newActiveSubMenu) {
        if (newActiveSubMenu != undefined) {
            elmt.className = elmt.className.replace('off', 'on');
            var prevNode = get_previoussibling(elmt);
            if (prevNode != undefined) {
                prevNode.className = prevNode.className.replace('off', 'prevon');
            }
            newActiveSubMenu.style.left = ((menuId - 1) * 101) + 'px';
            newActiveSubMenu.style.display = '';
            activeMenu = elmt;
            activeSubMenu = newActiveSubMenu;
        }
        else {
            alert('undefined');
        }
    }
    else {
        activeSubMenu = undefined;
    }

}

function Menu_ShowSub(subName, elmt) {
    var newActiveSubMenu = document.getElementById('submenu_' + subName);
    Menu_Leave();

    if (activeSubMenu != newActiveSubMenu) {
        if (newActiveSubMenu != undefined) {
            elmt.className = elmt.className.replace('off', 'on');
            var prevNode = get_previoussibling(elmt);
            if (prevNode != undefined) {
                prevNode.className = prevNode.className.replace('off', 'prevon');
            }
            //newActiveSubMenu.style.left = ((menuId - 1) * 101) + 'px';
            newActiveSubMenu.style.display = '';
            activeMenu = elmt;
            activeSubMenu = newActiveSubMenu;
        }
        else {
            alert('undefined');
        }
    }
    else {
        activeSubMenu = undefined;
    }

}

function Menu_Leave() {
    if (activeMenu != undefined) {
        activeMenu.className = activeMenu.className.replace('on', 'off');
        var prevNode = get_previoussibling(activeMenu);
        if (prevNode != undefined) {
            prevNode.className = prevNode.className.replace('prevon', 'off');
        }
    }
    if (activeSubMenu != undefined) {
        activeSubMenu.style.display = 'none';
    }
}

//check if the previous sibling node is an element node
function get_previoussibling(n) {
    x = n.previousSibling;
    while ((x != undefined) && (x.nodeType != 1)) {
        x = x.previousSibling;
    }
    return x;
}