var currentMenu;
function mainMenu(element, id) {
        mainMenuClose();
        var menu = document.getElementById(id);
        if (element != menu) {
            menu.style.position = "absolute";
            
            menu.style.top = getOffsetTop(element) + element.offsetHeight + 1;
            menu.style.left = getOffsetLeft(element.parentNode);
            //menu.style.width = element.offsetWidth;
            menu.style.visibility = "visible";
            currentMenu = menu;
        }
    }
    function mainMenuClose() {
        if (currentMenu) {
            currentMenu.style.visibility = "hidden";
            currentMenu = null;
        }
    }
    function getOffsetTop(element) {
        if (navigator.userAgent.toLowerCase().indexOf("msie") > 0) {
            var s = 0;
            while (element) {
                if (element.offsetTop && element.offsetTop != Number.NaN)
                    s += element.offsetTop;

                element = element.parentNode;
            }
            return s;
        }
        else {

            return element.offsetTop;
        }
    }
    function getOffsetLeft(element) {
        if (navigator.userAgent.toLowerCase().indexOf("msie") > 0) {
            var s = 0;
            while (element) {
                if (element.offsetLeft && element.offsetLeft != Number.NaN)
                    s += element.offsetLeft;

                element = element.parentNode;
            }
            return s;
        }
        else {
            return element.offsetLeft;
            
        }
    }
    function windowLoaded() {
        document.body.onclick = mainMenuClose;
    }

    window.onload = windowLoaded;