//--------------------------------------------------------------------------------
// Javascript 
// Jim Brady Oct 30, 2010
//
// These Javascript functions show or hide menu items as user mouses over them
// A timer is used to leave sub menu items visible for a short time
// after the mouseover ends
//--------------------------------------------------------------------------------

var timer1	= 0;
var menuitem	= 0;


// Make the specified menu id visible
function show(id)
{	
	stop_timer();
	
   // Hide old item
   if (menuitem) menuitem.style.visibility = 'hidden';

	// Make new item visible
	menuitem = document.getElementById(id);
	menuitem.style.visibility = 'visible';

}


// Hide the last selected menu
function hide()
{
	if(menuitem) menuitem.style.visibility = 'hidden';
}


// Start the timer and set to 400 msec
function start_timer()
{
	timer1 = window.setTimeout(hide, 400);
}

// Stop the timer and set to null
function stop_timer()
{
	if(timer1)
	{
		window.clearTimeout(timer1);
		timer1 = null;
	}
}

// Hide menu when user clicks somewhere else
document.onclick = hide;