function HideSubMenu(element, effect)
{
    if (effect.direction == Spry.backwards)
    {
        element.style.visibility = 'hidden';
    }
}

function OnImageMouseOut(e)
{
    e.src = e.origSrc;
}

function OnImageMouseOver(e)
{
    if (!e.origSrc) e.origSrc = e.src;  
    e.src = e.src.replace('_off', '').replace('.gif', '_on.gif');
    
    //e.alt = '';
}

function OnMenuMouseOut(subMenuId)
{
    var divSubMenu;
          
    divSubMenu = document.getElementById(subMenuId);
    
    if (divSubMenu)
    {   
        divSubMenu.Visible = false;
    }
}

function OnMenuMouseOver(subMenuId)
{
    var divSubMenu;
    
    divSubMenu = document.getElementById(subMenuId);
         
    if (divSubMenu)
    {
        divSubMenu.Visible = true;
        setTimeout("ShowSubMenu('" + subMenuId + "');", 500);
    }
}

function OnSubMenuMouseOut(e)
{
    e.className = 'SubMenuItem';
}

function OnSubMenuMouseOver(e)
{
    e.className = 'SubMenuItemHover';
}

function ShowSubMenu(subMenuId)
{
    divSubMenu = document.getElementById(subMenuId);
         
    if (divSubMenu)
    {
        if (divSubMenu.Visible)
        {
            if (!divSubMenu.Initialized)
            {
                divSubMenu.Fx = new Spry.Effect.Slide(divSubMenu.id, {duration: 500, from: '0%', to: '100%', toggle: true, finish:HideSubMenu});
                SubMenuVisibilityState(subMenuId);
                divSubMenu.Initialized = true;             
            }
            else
            {
                divSubMenu.style.visibility = '';
            }
            
            if (!divSubMenu.Fx.isRunning && divSubMenu.Fx.direction != Spry.forwards)
            {
                divSubMenu.Fx.start();
            }
        }
    }
}

function SubMenuVisibilityState(subMenuId)
{
    var divSubMenu;
    
    divSubMenu = document.getElementById(subMenuId);    
    
    if (divSubMenu)
    {       
        if (divSubMenu.Initialized && !divSubMenu.Fx.isRunning && divSubMenu.Fx.direction == Spry.forwards && !divSubMenu.Visible)
        {
            divSubMenu.Fx.start();
        }
        
        setTimeout('SubMenuVisibilityState("' + subMenuId + '");', 1000);                
    }
}