var tmrMenu;
function HideMenu(){
 tmrMenu = window.setTimeout(temporizedHideMenu,500);
}

function temporizedHideMenu(){
    window.clearTimeout(tmrMenu);
    document.getElementById('dvMenu').className='HIDDEN FLOATING';
}

function ShowMenu(arMenus,objOwner){
    MantainVisibleMenu();
    var divMenu = document.getElementById('dvMenu');
    divMenu.innerHTML ="";
    if (divMenu.outerHTML)
    {
     WriteMenuIE(arMenus,objOwner,divMenu);
    }
    else{
     WriteMenuFireFox(arMenus,objOwner,divMenu);
    }
                 
    divMenu.style.top = parseInt(topMain) + "px";
    //alert(topMain);
    var left = 0;
    try{
        left = objOwner.clientLeft;
    }
    catch(e){}
    var margLeft = 0;
    try{
        margLeft =  parseInt(document.body.style.marginLeft);
        if (isNaN(margLeft)) {
            margLeft = 0;
        }
    }
    catch(e) {}
    //alert(margLeft);
    divMenu.style.left = (parseInt(objOwner.offsetLeft) + parseInt(document.body.scrollLeft) + margLeft) +"px";
}

function WriteMenuFireFox(arMenus,objOwner,divMenu){
    var TBL = document.createElement("table");
    TBL.setAttribute("border",0);
    TBL.className = 'MenuItem';
    
    for(var i=0;i<arMenus.length;i+=2){
        var tr = document.createElement("TR");
        var td = document.createElement("TD");
        td.className = "MenuItem";
        td.onmouseout = function (){
            this.className='MenuItem';
            try{
                HideMenu();
            }catch(e){}
        };
        td.onmouseover = function (){
            this.className='MenuItemOver';
            MantainVisibleMenu();
        };
        
        td.setAttribute("link" , SitePath + "/" + arMenus[i+1]);
        td.onclick = function (){
            var link = this.getAttribute("link");
            OpenMenuItem( link);
        };
        
        td.innerHTML = "&nbsp;" + arMenus[i] + "&nbsp";

        tr.appendChild(td);
        TBL.appendChild(tr);
    }
    divMenu.appendChild(TBL);
    if (TBL.clientWidth<objOwner.offsetWidth){
        TBL.width=objOwner.offsetWidth;
    }  
}

function WriteMenuIE(arMenus,objOwner,divMenu){
   var menu = "<iframe style='z-order:1'></iframe><table class='MenuItem' border='0' style='position:absolute;top:0px;left:0px;'>";
    for(var i=0;i<arMenus.length;i+=2){
        menu += "<tr><td class='MenuItem' onmouseout=\"this.className='MenuItem';HideMenu();\" onmouseOver=\"this.className='MenuItemOver';MantainVisibleMenu();\" ";
        menu += " onclick=\"OpenMenuItem('" + SitePath + "/" + arMenus[i+1] + "');\" >";
        menu += "&nbsp;" + arMenus[i] + "&nbsp</td></tr>";    

    }   
   menu += "</table>";
   divMenu.innerHTML = menu;
   divMenu.childNodes[1].width = divMenu.childNodes[1].clientWidth+10;
   if (divMenu.childNodes[1].clientWidth<objOwner.offsetWidth){
        divMenu.childNodes[1].width=objOwner.offsetWidth;
   }  
   divMenu.childNodes[0].width = divMenu.childNodes[1].clientWidth;
   divMenu.childNodes[0].height = divMenu.childNodes[1].clientHeight;
}

function MantainVisibleMenu(){
    try{
    window.clearTimeout(tmrMenu);
    }
    catch(e){}
    var divMenu = document.getElementById('dvMenu');
    divMenu.className = 'FLOATING';
}