window.onload = PreloadImages;

function PreloadImages()
{
    if (document.images)
    {
      preload_image = new Image(); 
      preload_image.src="/img/secondary_nav_bkgd_top.gif"; 
      
      preload_image2 = new Image(); 
      preload_image2.src="/img/secondary_nav_bkgd_bottom.gif"; 
    }
}

var secondaryBar = document.getElementById("secondaryNav");
function MouseOver(link, values)
{
    secondaryBar = document.getElementById("secondaryNav");
    RemovePrimaryNavBackground();
    
    var top = document.getElementById(link);
	top.style.background = "url(/img/secondary_nav_bkgd_top.gif) repeat-x";
	top.style.position = "relative";
	top.style.top = "1px";
	
	if(values.length > 0)
	{
	    var padding = "250px";
        if(values.length >= 10)
        {
            padding = "150px";
        }
	
	    var subLinks = "";
        secondaryBar.style.background = "url(/img/secondary_nav_bkgd_bottom.gif) repeat-x";
        for(i=0; i < values.length; i=i+2)
        {
            subLinks += "<a href='" + values[i+1] + "'>" + values[i] + "</a>";
        }
        secondaryBar.innerHTML = "<div id='secondaryNav_inner' style='padding-left: " + padding + ";'>" + subLinks + "</div>";
    }
    else
    {
        RemoveSecondaryNav();
    }
}

function MouseOut(e)
{
   RemovePrimaryNavBackground();
    RemoveSecondaryNav();
}

function RemovePrimaryNavBackground()
{
    var pages = new Array("registration", "teams", "events", "apparel", "faq");
    for(i=0; i < pages.length; ++i)
    {
        document.getElementById(pages[i] + 'Link').style.background = "";
    }
}
function RemoveSecondaryNav()
{
    secondaryBar.innerHTML = "";
    secondaryBar.style.background = "";
    secondaryBar.style.backgroundColor="rgb(33,33,33)";
}


function ChangeAdminLinks()
{
    var links = document.getElementById("adminLinks");
    var title = document.getElementById("adminLinksTitle");
    if(links.style.display == "none")
    {
        title.innerHTML = "Close Admin Links...";
        links.style.display="block";
    }
    else
    {
        title.innerHTML = "View Admin Links...";
        links.style.display="none";
    }
}

function ChangeCoachLinks()
{
    var links = document.getElementById("coachLinks");
    var title = document.getElementById("coachLinksTitle");
    if(links.style.display == "none")
    {
        title.innerHTML = "Close Coach Links...";
        links.style.display="block";
    }
    else
    {
        title.innerHTML = "View Coach Links...";
        links.style.display="none";
    }
}