function itemMouse(obj, action, subMenuName)
{
    var itemLeft, itemCenter, itemRight;    
    switch (UserBrowser())
    {
        case "ie":
            itemLeft = obj.childNodes[0].childNodes[0].childNodes[0].childNodes[0];
            itemCenter = obj.childNodes[0].childNodes[0].childNodes[1];
            itemRight = obj.childNodes[0].childNodes[0].childNodes[2].childNodes[0];                        
            break;
        case "firefox":
            itemLeft = obj.childNodes[1].childNodes[0].childNodes[1].childNodes[0];
            itemCenter = obj.childNodes[1].childNodes[0].childNodes[3];
            itemRight = obj.childNodes[1].childNodes[0].childNodes[5].childNodes[0];
            break;            
    }

    switch (action)
    {
        case 0: //Out
            itemLeft.src  = "img/menuBgLeft.gif";
            itemCenter.style.backgroundImage = "url(img/menuBgCenter.gif)";
            itemRight.src = "img/menuBgRight.gif";
            subMenuOver = false;            
            break;
        case 1: //Over
            HideOtherSubMenus(subMenuName);
            itemLeft.src  = "img/menuBgLeftOn.gif";
            itemCenter.style.backgroundImage = "url(img/menuBgCenterOn.gif)";
            itemRight.src = "img/menuBgRightOn.gif";
            break;            
    }
    
    if (subMenuName != null)            
    {//Dispaly sub menu
        //Position sub menu horizontaly
        //var mainFrame = window.parent.frames[2];
        
        switch (action)
        {
            case 0: //Out
                //delayed call to hide sub menu
                window.setTimeout("ToggleSubMenu('SubMenu" + subMenuName + "')", 400);                
                break;
            case 1: //Over            
                subMenuOver = true;
                var subMenuTable = document.getElementById("SubMenu" + subMenuName);        
                subMenuTable.style.left = (obj.parentNode.offsetLeft + 4 + "px");
                subMenuTable.style.visibility = "visible";                
                break;      
        }                            
    }                 
}

var subMenuOver = false;
function ToggleSubMenu(subMenuName)
{    
    //var mainFrame = window.parent.frames[2];
    var subMenuTable = document.getElementById(subMenuName);            
    if (!subMenuOver)
    {
        subMenuTable.style.visibility = "hidden";
    }
    
}

function HideOtherSubMenus(subMenuName)
{    
    var SubMenusDiv = document.getElementsByTagName("TABLE");// .getElementById("TableMenu");
    var nodeId;
    for (i=0; i< SubMenusDiv.length; i++)
    {
        nodeId = SubMenusDiv[i].id;
        if (nodeId != null)
        {            
            if ((nodeId.indexOf("SubMenu") == 0) && (nodeId != "SubMenu" + subMenuName))
            {
                SubMenusDiv[i].style.visibility = "hidden";
            }
        }
    }
}

function SubMenuOver(obj, isOver)
{//flag for show/hide sub menu
    subMenuOver = isOver;
    if (!isOver)
    {
        window.setTimeout("ToggleSubMenu('" + obj.id + "')", 400);                
    }    
}

function ClickSubMenu(obj)
{
    subMenuOver = false;
}