var Dom = YAHOO.util.Dom;
var Event = YAHOO.util.Event;
var endPoint;
var hideTimeout;
var showTimeout;
var link_arr;

function initNavigation()
{
	endPoint = Dom.getRegion("subnavigation").height;
	Dom.addClass("subnavigation","show");
	Dom.setStyle("subnavigation","height","0");
	Dom.setStyle("subnavigation","visibility","visible");
	link_arr = Dom.get("mainnavigation").getElementsByTagName("a");
}
Event.onDOMReady(initNavigation);

function showSubnav()
{
	resetHighLite();
	clearTimeout(hideTimeout);
	var attributes = { 
		height: { to: endPoint }
	};		
	var subnavExpand = new YAHOO.util.Anim('subnavigation', attributes, .2, YAHOO.util.Easing.easeOut); 
	subnavExpand.animate();
}

function hideSubnav()
{
	resetHighLite();
	var attributes = { 
		height: { to: 0 }
	};		
	var subnavContract = new YAHOO.util.Anim('subnavigation', attributes, .2, YAHOO.util.Easing.easeOut); 
	subnavContract.animate();
}

function delayHideSubnav()
{
	clearTimeout(hideTimeout);
	hideTimeout = setTimeout(hideSubnav,200);
}

function resetHighLite()
{
	for (var i=0;i<link_arr.length;i++)
	{
		Dom.removeClass(link_arr[i],"hover");
	}
}

function highLiteNav(e)
{
	var xPos = Event.getXY(e)[0];
	resetHighLite();
	if(xPos <= Dom.getRegion(link_arr[0]).right)
	{
		Dom.addClass("subnav_1","hover");
	}else if (xPos <= Dom.getRegion(link_arr[1]).right)
	{
		Dom.addClass("subnav_2","hover");
	}else if (xPos <= Dom.getRegion(link_arr[2]).right)
	{
		Dom.addClass("subnav_3","hover");
	}else if (xPos <= Dom.getRegion(link_arr[3]).right)
	{
		Dom.addClass("subnav_4","hover");
	}else if (xPos <= Dom.getRegion(link_arr[4]).right)
	{
		Dom.addClass("subnav_5","hover");
	}else if (xPos <= Dom.getRegion(link_arr[5]).right)
	{
		Dom.addClass("subnav_6","hover");
	}
}

Event.on("navigation", "mouseover", showSubnav);
Event.on("navigation", "mouseout", delayHideSubnav);
Event.on("subnavigation", "mousemove", highLiteNav);