// For debugging.  Put a <div id="errLog"> on the page you are testing, and
// this function will log to that div.
function ErrLog(str)
{
	var errLog = document.getElementById("errLog");
	errLog.innerHTML = errLog.innerHTML + str + "<br>";
}

// Timer code to clear pulldowns
var seconds ;
var timerID = null ;
var timerRunning = false ;
var delay = 1000 ;

careers = new Image(100,25) ;
careers.src = "graphics/home/buttons/hover/careers.jpg" ;
careersOff = new Image(100,25) ;
careersOff.src = "graphics/home/buttons/normal/careers.jpg" ;
careersNotLoaded = false ;

company = new Image(100,25) ;
company.src = "graphics/home/buttons/hover/company.jpg" ;
companyOff = new Image(100,25) ;
companyOff.src = "graphics/home/buttons/normal/company.jpg" ;
companyNotLoaded = false ;

contact = new Image(100,25) ;
contact.src = "graphics/home/buttons/hover/contact.jpg" ;
contactOff = new Image(100,25) ;
contactOff.src = "graphics/home/buttons/normal/contact.jpg" ;
contactNotLoaded = false ;

login = new Image(100,25) ;
login.src = "graphics/home/buttons/hover/login.jpg" ;
loginOff = new Image(100,25) ;
loginOff.src = "graphics/home/buttons/normal/login.jpg" ;
loginNotLoaded = false ;

services = new Image(100,25) ;
services.src = "graphics/home/buttons/hover/services.jpg" ;
servicesOff = new Image(100,25) ;
//servicesOff.src = "graphics/home/buttons/normal/services.jpg" ;
servicesOff.src = "" ;
servicesImg = new Image(100,25) ;
servicesImg.src = "graphics/home/service_pic.jpg" ;
servicesNotLoaded = true ;

products = new Image(100,25) ;
products.src = "graphics/home/buttons/hover/products.jpg" ;
productsOff = new Image(100,25) ;
//productsOff.src = "graphics/home/buttons/normal/products.jpg" ;
productsOff.src = "" ;
productsImg = new Image(100,25) ;
productsImg.src = "graphics/home/product_pic.jpg" ;
productsNotLoaded = true ;

research = new Image(100,25) ;
research.src = "graphics/home/buttons/hover/research.jpg" ;
researchOff = new Image(100,25) ;
//researchOff.src = "graphics/home/buttons/normal/research.jpg" ;
researchOff.src = "";
researchImg = new Image(100,25) ;
researchImg.src = "graphics/home/research_pic.jpg" ;
researchNotLoaded = true ;

news = new Image(100,25) ;
news.src = "graphics/home/buttons/hover/news.jpg" ;
newsOff = new Image(100,25) ;
//newsOff.src = "graphics/home/buttons/normal/news.jpg" ;
newsOff.src = "";
newsImg = new Image(100,25) ;
newsImg.src = "graphics/home/news_pic.jpg" ;
newsNotLoaded = true ;

invisible = new Image(100,25) ;
invisible.src = "graphics/invisible.gif" ;

road = new Image(100,25) ;
road.src = "graphics/home/road_pic.jpg" ;

var currentImgName = "" ;

function img_on(buttonName)
{
	// ErrLog("img_on: " + buttonName);

	//alert("current: " + currentImgName + "\nbutton: " + buttonName);
	if ( currentImgName != buttonName )
	{
		if ( currentImgName != "" )
			img_off(currentImgName) ;
		if ( currentMenuName != "" )
			hide_nav(currentMenuName) ;

		// load default/off button from document
		if ( eval(buttonName + "NotLoaded") == true ) 
		{
			// alert(buttonName + "Off.src = '" + document[buttonName].src + "'");
			eval(buttonName + "Off.src = '" + document[buttonName].src + "'");
	 		// imgOff = eval(buttonName + "Off.src");
			// alert(imgOff) ;
			eval(buttonName + "NotLoaded = false" ) 
		}

		// turn on rollover image
	 	imgOn = eval(buttonName + ".src");
		// alert(imgOn) ;
		document[buttonName].src = imgOn ;
		currentImgName = buttonName ;

		// turn on icon
		// if ( document['Image'] != null )
		if ( buttonName == "services" || buttonName == "products" || buttonName == "research" )
		{
			imgIcon = eval(buttonName + "Img.src");
			// alert(imgIcon) ;
			if ( document['picture'] )
				document['picture'].src = imgIcon;
		}
	}
}

function current_button_off()
{
	if ( currentImgName != "" )
	{
		img_off(currentImgName) ;
		currentImgName = "" ;
	}
	if ( currentMenuName != "" )
	{
		hide_nav(currentMenuName) ;
		currentMenuName = "" ;
	}
}

function img_off(buttonName)
{
	 	imgOff = eval(buttonName + "Off.src");
		document[buttonName].src = imgOff ;
		if ( document['picture'] )
			document['picture'].src = road.src
}

var currentMenuName = "" ;

function show_nav(menuName)
{
	// ErrLog("show_nav: stopping the clock");
   	timerOff()
	// ErrLog("img_on: " + menuName + " (Was " + currentMenuName + ")");

	if ( currentMenuName != menuName )
	{
		if ( currentMenuName != "" )
			hide_nav(currentMenuName) ;

		div_id = menuName + "_nav";
		// alert("nav: " + div_id);

		if ( document.getElementById )
		{
			// alert("nav2: " + div_id);
			document.getElementById(div_id).style.visiblity='visible'; 
			document.getElementById(div_id).style.display='block'; 
			currentMenuName = menuName ;
		}
	}
	
}

function hide_nav(menuName)
{
 	div_id = menuName + "_nav";
	// alert("nav: " + div_id);

	if ( document.getElementById )
	{
		// alert("nav2: " + div_id);
		document.getElementById(div_id).style.visiblity='hidden'; 
		document.getElementById(div_id).style.display='none'; 
		currentMenuName = "" ;
		// ErrLog("hide_nav: stopping the clock");
    	timerOff()
	}
	
}

function menuOff()
{
    // Set the length of the timer, in seconds
	// ErrLog("menuOff: starting 2 second timer") ;
    seconds = 1 ;
    timerOff()
    MenuOffTimer()
}

function timerOff()
{
    if(timerRunning)
        clearTimeout(timerID)
    timerRunning = false
}

function MenuOffTimer()
{
	// Timer is triggered here
    if (seconds==0)
    {
		// ErrLog("Time Out, clearing menu") ;
        timerOff()

		if ( currentImgName != "" )
		{
			img_off(currentImgName) ;
			currentImgName = "" ;
		}
		if ( currentMenuName != "" )
		{
			hide_nav(currentMenuName) ;
			currentMenuName = "" ;
		}
    }
    else
    {
        self.status = seconds ;
        seconds = seconds - 1 ;
        timerRunning = true ;
        timerID = self.setTimeout("MenuOffTimer()", delay) ;
    }
}