var hidesubnavid;

function showit(navID,showSubNav) {

	if (showSubNav != 0) 
	{
		showSubNav = 1;
	}

	// do rollover & make correct subnav appear
	// look in nav-X.js for arrays
	if (navID == 0) 
	{
		document.images['nav0'].src= overImages[navID];

	}

	else if (navID == 1) 
	{
		document.images['nav1'].src= overImages[navID];

	}

	else if (navID == 2) 
	{
		document.images['nav2'].src= overImages[navID];

	}

	else if (navID == 3) 
	{
		document.images['nav3'].src= overImages[navID];

	}

	else if (navID == 4) 
	{
		document.images['nav4'].src= overImages[navID];

	}
	else if (navID == 5) 
	{
		document.images['nav5'].src= overImages[navID];

	}

	if (showSubNav == 1) 
	{
		$('subnav').innerHTML = subNavs[navID];
	}

	// clear timeout
	removeATimeOut();
}

function hideit(navID,hideSubNav) {

	var hideSubNav = hideSubNav;
	if (hideSubNav != 0) 
	{
		hideSubNav = 1;
	}

	if (navID == 0) 
	{
	document.images["nav0"].src= offImages[navID];
	
	}
	else if (navID == 1) 
	{
	document.images['nav1'].src= offImages[navID];
	
	}
	else if (navID == 2) 
	{
	document.images['nav2'].src= offImages[navID];
	
	}
	else if (navID == 3) 
	{
	document.images['nav3'].src= offImages[navID];
	
	}
	else if (navID == 4) 
	{
	document.images['nav4'].src= offImages[navID];
	
	}
	else if (navID == 5) 
	{
	document.images['nav5'].src= offImages[navID];
	
	}

	if (hideSubNav == 1) 
	{	
		setATimeOut();
	}
}

function hideSubNav()
{
	$('subnav').innerHTML = "<div class=\"subnav0AA\"><img src=\"/images/px.gif\" width=\"2\" height=\"5\" alt=\"\" /></div>";

}


function setATimeOut() {
	 hidesubnavid = window.setTimeout("hideSubNav()", 1000);
}

function removeATimeOut() {
	window.clearTimeout(hidesubnavid);
}