// JavaScript Document

var timeout	= 500;
var closeTimer	= 0;
var highlightedMenuItem = null;
var selectedMenuItem = null;

function navOut(sender){
	if(selectedMenuItem != null && sender != selectedMenuItem){
	    navCloseTime();
	}
	
}

function navHover(sender){
	
	navCancelCloseTime();
	
	if(highlightedMenuItem != null && sender != highlightedMenuItem)
		highlightedMenuItem.className = "navUnselected";
		
	sender.className = "navSelected";
	highlightedMenuItem = sender;
}

function navReset(){
	navHover(selectedMenuItem);
}

// go close timer
function navCloseTime()
{
	closeTimer = window.setTimeout(navReset, timeout);
}

// cancel close timer
function navCancelCloseTime()
{
	if(closeTimer)
	{
		window.clearTimeout(closeTimer);
		closeTimer = null;
	}
}

var liElements = document.getElementsByTagName("li");
for(var i=0;i<liElements.length;i++){
	if(liElements[i].className == "navSelected"){
		selectedMenuItem = liElements[i];
		highlightedMenuItem = liElements[i];
		break;
	}		
}

document.body.click = navReset;

