var menu = new Array();
menu[0] = 'dropdown1';
menu[1] = 'dropdown2';
menu[2] = 'dropdown3';
menu[3] = 'dropdown4';
menu[4] = 'dropdown5';

var globalObject = '';
var isActive = false;
var timer;

function showhide(item, onItem, parentMenuLink)
{
    targetObject = document.getElementById(item).style;
    globalObject = targetObject;
    
    clearHighlights();
    if(item == 'dropdown1') { addHighlight1("a_campuses"); }
    if(item == 'dropdown2') { addHighlight2("a_leadership"); }
    if(item == 'dropdown3') { addHighlight3("a_initiatives"); }
    if(item == 'dropdown4') { addHighlight4("a_offices"); }
    if(item == 'dropdown5') { addHighlight5("a_about"); }

    if(onItem)
    {
        clearTimeout(timer);
        
        for (i=0; i < menu.length; i++)
        {
            var tempObject = document.getElementById(menu[i]).style;
            tempObject.visibility = 'hidden';
			
        }
        layerInTimer();        
        isActive = true;
    }
    else
    {
        isActive = false;
        layerOutTimer();
    }
}

function layerOutTimer()
{
    timer = setTimeout("hideMenu()",300);
}
function layerInTimer()
{
    timer = setTimeout("showMenu()",300);
}

function hideMenu()
{
    if( !isActive )
    {
        globalObject.visibility = 'hidden';
    }
    clearHighlights();
}
function showMenu()
{  
    targetObject.visibility = 'visible';
}
function layerCheck(flag)
{
    if(flag)
    {
        isActive = true;
        clearTimeout(timer);
    }
    else
    {
        isActive = false;
        layerOutTimer();
    }
}

function addHighlight1(item)
{
    document.getElementById(item).setAttribute("class","highlightedMenu1");
    document.getElementById(item).setAttribute("className","highlightedMenu1");
}
function addHighlight2(item)
{
    document.getElementById(item).setAttribute("class","highlightedMenu2");
    document.getElementById(item).setAttribute("className","highlightedMenu2");
}
function addHighlight3(item)
{
    document.getElementById(item).setAttribute("class","highlightedMenu3");
    document.getElementById(item).setAttribute("className","highlightedMenu3");
}
function addHighlight4(item)
{
    document.getElementById(item).setAttribute("class","highlightedMenu4");
    document.getElementById(item).setAttribute("className","highlightedMenu4");
}
function addHighlight5(item)
{
    document.getElementById(item).setAttribute("class","highlightedMenu5");
    document.getElementById(item).setAttribute("className","highlightedMenu5");
}

function clearHighlights()
{  
    document.getElementById("a_campuses").setAttribute("class","highlightedMenuOff");
    document.getElementById("a_campuses").setAttribute("className","highlightedMenuOff");
    document.getElementById("a_leadership").setAttribute("class","highlightedMenuOff");
    document.getElementById("a_leadership").setAttribute("className","highlightedMenuOff");
    document.getElementById("a_initiatives").setAttribute("class","highlightedMenuOff");
    document.getElementById("a_initiatives").setAttribute("className","highlightedMenuOff");
    document.getElementById("a_offices").setAttribute("class","highlightedMenuOff");
    document.getElementById("a_offices").setAttribute("className","highlightedMenuOff");
    document.getElementById("a_about").setAttribute("class","highlightedMenuOff");
    document.getElementById("a_about").setAttribute("className","highlightedMenuOff");
}

window.onload = function()
{
	for(var i=0;i<menu.length;i++)
	{
		var id = menu[i];
		var e = document.getElementById(id);
		e.onmouseover = function(e)
		{
			layerCheck(true);
		}
		e.onmouseout = function(e)
		{
			layerCheck(false);
		}
	}
}