var inactiveTabBackground = "url('i/tab_off.gif')";
var inactiveTabTextColor  = "#FFFFFF";
var activeTabBackground   = "url('i/tab_on.gif')";
var activeTabTextColor    = "#0860AB";

var activeSubMenuColor      = "#0860AB";
var inactiveSubMenuColor    = "#FFFFFF";
var activeSubMenuText       = "#FFFFFF";
var inactiveSubMenuText     = "#000000";


function topMenuHover(elem, id, bgImage)
{
    elem.style.cursor = 'hand';
    
    var tabObj = document.getElementById("tab" + id);
    tabObj.style.backgroundImage = "url('" + bgImage + "')";
    
    var linkObj = document.getElementById("link" + id);
    linkObj.style.color = activeTabTextColor;
    
    openSubMenu(id);
}

function topMenuOut(elem, id, bgImage)
{
    var tabObj = document.getElementById("tab" + id);
    tabObj.style.backgroundImage = "url('" + bgImage + "')";
    
    var linkObj = document.getElementById("link" + id);
    linkObj.style.color = inactiveTabTextColor;
    
    closeSubMenu(id);
}


function openSubMenu(parentMenuId)
{
    var menuObj = document.getElementById("subMenu" + parentMenuId);
    if (menuObj != null) menuObj.style.display = "block";
}

function closeSubMenu(parentMenuId)
{
     var menuObj = document.getElementById("subMenu" + parentMenuId)
    if (menuObj != null) menuObj.style.display = "none";
}

function subMenuHover(elem, id)
{
    elem.style.cursor = 'hand';
    
    var tabObj = document.getElementById("subMenuItem" + id);
    tabObj.style.backgroundColor = activeSubMenuColor;
    
    var linkObj = document.getElementById("subMenuLink" + id);
    linkObj.style.color = activeSubMenuText;
}

function subMenuOut(elem, id)
{
    var tabObj = document.getElementById("subMenuItem" + id);
    tabObj.style.backgroundColor = inactiveSubMenuColor;
    
    var linkObj = document.getElementById("subMenuLink" + id);
    linkObj.style.color = inactiveSubMenuText;
}