var masterMenu = new Array();
var menuOver = -1;
window.onload = initPage;

function initPage() {
    var menuTable;
    var menuTableTbody = document.createElement('tbody');
    var i,j;
    var menuTableTr;
    var menuTableTd;
    var itemParts = new Array();
    
    for (i=0; i<menuIdx.length; i++) {
        masterMenu[menuIdx[i]] = document.getElementById('menudiv' + menuIdx[i]);
        
        /*
        masterMenu[menuIdx[i]] = document.createElement('div');
        menuTable = document.createElement('table');
        menuTableTbody = document.createElement('tbody');
        
        menuTable.cellSpacing = '0';
        menuTable.cellPadding = '0';
        
        menuTableTr = document.createElement('tr');
        menuTableTd = document.createElement('td');
        menuTableTr.appendChild(menuTableTd);
        menuTableTbody.appendChild(menuTableTr);
        
        for (j=0; j<menuItems[menuIdx[i]].length; j++) {
            menuTableTr = document.createElement('tr');
            menuTableTd = document.createElement('td');
            
            itemParts = menuItems[menuIdx[i]][j].split(',');
            menuTableTd.className = 'menuL1_NO';
            menuTableTd.innerHTML = '<div onMouseOver="itemOver(this)" onMouseOut="itemOut(this)"><a href="' + itemParts[1] + '">' + itemParts[0] + '</a></div>';
            menuTableTr.appendChild(menuTableTd);
            menuTableTbody.appendChild(menuTableTr);
        }
        
        menuTable.appendChild(menuTableTbody);
        
        masterMenu[menuIdx[i]].appendChild(menuTable);
        
        masterMenu[menuIdx[i]].style.textAlign = 'left';
        masterMenu[menuIdx[i]].style.position = 'absolute';
        masterMenu[menuIdx[i]].style.top = '149px';
        masterMenu[menuIdx[i]].style.zIndex = '10';
        masterMenu[menuIdx[i]].style.visibility = 'hidden';
        
        masterMenu[menuIdx[i]].onmouseover = overMenu;
        masterMenu[menuIdx[i]].onmouseout = outMenu;
        
        document.getElementById('pieDiPagina').appendChild(masterMenu[menuIdx[i]]);
        */
    }
    
    setInterval('closeMenu_()', 100);
}

function openMenu(obj, id) {
    var menuTableObj = document.getElementById('menuTable');
    var menuTableObjOffsetLeft = menuTableObj.offsetLeft;
    
    if (masterMenu[id]) {
        menuOver = id
        
        var masterContainerObj = document.getElementById('masterContainer');
        var masterContainer_Obj = document.getElementById('masterContainer_');
        var leftOffset = masterContainerObj.offsetLeft + masterContainer_Obj.offsetLeft;
        
        masterMenu[id].style.left = obj.offsetLeft + leftOffset + menuTableObjOffsetLeft;
        obj.style.backgroundColor = '#CACACA';
        masterMenu[id].style.visibility = 'visible';
        masterMenu[id].obj = obj;
        masterMenu[id].id = id;
        
        menuOver = id;
    }
}

function closeMenu_() {
    for (i=0; i<menuIdx.length; i++) {
        if (menuOver != menuIdx[i]) {
            masterMenu[menuIdx[i]].style.visibility = 'hidden';
            if(masterMenu[menuIdx[i]].obj) {
                masterMenu[menuIdx[i]].obj.style.backgroundColor='';
            }
        }
    }
}

function closeMenu() {
    menuOver = -1;
}

function overMenu(obj) {
    menuOver = obj.id;
}

function outMenu() {
    menuOver = -1;
}

function itemOver(obj) {
    obj.style.backgroundColor = '#FFFFFF';
}

function itemOut(obj) {
    obj.style.backgroundColor = '';
}