var mainMenuTimer = null;      // timer
 var mainMenuShown = false;	//indicate menu is shown

// SHOW MENU
function showMainMenu(obj){
    try{
        if(mainMenuTimer != null) {
            clearTimeout(mainMenuTimer);
        }
    }catch(e){
    }
    moveMainMenu();
    var menuObj = document.getElementById("subMainMenu")
    menuObj.style.visibility = 'visible';
    mainMenuShown = true;
}

// MENU MOUSE OVER 
function mainMenuOver(obj){
   try{
        if(mainMenuTimer != null){
            clearTimeout(mainMenuTimer);
            mainMenuTimer = null;
        }
    }catch(e){
        //empty code
    }
    if(!mainMenuShown){
    	showMainMenu(obj);
    }
}

// MENU MOUSE OUT 
function mainMenuOut(){
    try{
        if(mainMenuTimer != null) {
            clearTimeout(mainMenuTimer);
            mainMenuTimer = null;
        }
    }catch(e){
    }
    mainMenuTimer = setTimeout(hideMainMenu, 600);
}

// HIDE MENU
function hideMainMenu(){
    var menuObj = document.getElementById("subMainMenu");
    menuObj.style.visibility = 'hidden';
    mainMenuShown = false;
}

function moveMainMenu(){
    var pos = findPos("moduleMenuBottom");
    var left = pos[0] - 15;
    var top = pos[1];
    var menuTop = top + 5;
    var menuCon = document.getElementById("subMainMenu");
    menuCon.style.left = left + 'px';
    menuCon.style.top = menuTop + 'px';
}

function findPos(divID){
    var obj = divID;
    if(typeof(divID) == 'string'){
        obj = document.getElementById(divID);
    }
    var curleft = 0;
    var curtop = 0;
    if(obj.offsetParent) {
        curleft = obj.offsetLeft
        curtop = obj.offsetTop
        while ((obj = obj.offsetParent)) {
            curleft += obj.offsetLeft
            curtop += obj.offsetTop
        }
    }
    return [curleft, curtop];
}