//var menuitems = [];

function InitMenu() {
    CollectMenuItems();
}

function CollectMenuItems() {
    var mainmenu = document.getElementById("mainmenu");
    var menuitems = mainmenu.getElementsByTagName("li");
    
    for (i = 0; i < menuitems.length; i++) {
        
        var menuitem = menuitems[i];
        var menuitemid = menuitem.id.split("_")[1];

        if (document.getElementById("submenuholder_" + menuitemid) != null) {
            menuitem.onmouseover = function() {
                var menuitempanel = document.getElementById("submenuholder_" + this.id.split("_")[1]);
                menuitempanel.style.display = "inline";

                var menuX = findPosX(this) + 8;
                if (findPosX(this) + 432 > pageWidth()) menuX = (pageWidth()-450);
                menuitempanel.style.left = menuX + "px";
            }
            menuitem.onmouseout = function() {
                var menuitempanel = document.getElementById("submenuholder_" + this.id.split("_")[1]);
                menuitempanel.style.display = "none";
            }
        }
    }
}

function pageWidth() { return window.innerWidth != null ? window.innerWidth : document.documentElement && document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body != null ? document.body.clientWidth : null; } function pageHeight() { return window.innerHeight != null ? window.innerHeight : document.documentElement && document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body != null ? document.body.clientHeight : null; } function posLeft() { return typeof window.pageXOffset != 'undefined' ? window.pageXOffset : document.documentElement && document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ? document.body.scrollLeft : 0; } function posTop() { return typeof window.pageYOffset != 'undefined' ? window.pageYOffset : document.documentElement && document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ? document.body.scrollTop : 0; } function posRight() { return posLeft() + pageWidth(); } function posBottom() { return posTop() + pageHeight(); }

function findPosX(obj) {
    var curleft = 0;
    if (obj.offsetParent)
        while (1) {
        curleft += obj.offsetLeft;
        if (!obj.offsetParent)
            break;
        obj = obj.offsetParent;
    }
    else if (obj.x)
        curleft += obj.x;
    return curleft;
}