// navigation.js //

var timeOut = null;
var numMenus = 0;
var menus = new Object();
var activeMenuHeading = -1;
var adjustSpacing = false;


function hideMenu(which)
    {
		document.getElementById("menu"+ which).style.visibility = "hidden";
		}
function showMenu(which, x,y)
		{
		document.getElementById("menu"+ which).style.left = x;
		document.getElementById("menu"+ which).style.top = y;
		document.getElementById("menu"+ which).style.visibility = "visible";
		}
function menuHeadingMouseOver(menuHeading)
		{
		document.getElementById("menuHeading" + menuHeading).style.borderColor="#999";
		}
		
function menuHeadingMouseOut(menuHeading)
		{
		if (activeMenuHeading != -1 && activeMenuHeading == menuHeading)
		    {
				timeOut = setTimeout('hideMenu(' + activeMenuHeading+'); menuHeadingDeactivate();');
				}
			else
			  {
				document.getElementById("menuHeading" + menuHeading).style.borderColor ="#999";
				document.getElementById("menuHeading" + menuHeading).style.color ="#000000";
				}
		}
function menuHeadingActivate(menuHeading)
		{
		document.getElementById("menuHeading" + menuHeading).style.background = "#999";
		document.getElementById("menuHeading" + menuHeading).style.color = "#6e2639";
		document.getElementById("menuHeading" + menuHeading).style.borderColor = "#999";
		activeMenuHeading = menuHeading;
		}
function menuHeadingDeactivate()
		{
		if (activeMenuHeading != -1)
		   {
		   document.getElementById("menuHeading" + activeMenuHeading).style.borderColor = "#999";
		   document.getElementById("menuHeading" + activeMenuHeading).style.color = "#000000";
		   document.getElementById("menuHeading" + activeMenuHeading).style.background ="#eee";
    	 }
		activeMenuHeading = -1;
		}
function menuHeadingMouseClick(event, which)
		{
    if(document.getElementById)	{adjustSpacing = true;
		/*alert(adjustSpacing);*/
		}
			
		var x,y;
		if(activeMenuHeading != -1)
		{
		clearTimeout(timeOut);
		hideMenu(activeMenuHeading);
		menuHeadingDeactivate();
		}
		menuHeadingActivate(which)
		if(event.srcElement)
	    {
			x = event.srcElement.offsetLeft;
			y = event.srcElement.offsetTop + event.srcElement.offsetHeight;
		  }
		else 
		  {
			x =  document.getElementById("menuHeading" + which).offsetLeft;
			y =  document.getElementById("menuHeading" + which).offsetTop +
			document.getElementById("menuHeading" + which).offsetHeight;
			}
					
			if(adjustSpacing)
			{
			switch(which)
					{
					case 1:
					x+= 180;
					y += -20;
					break;
					case 2:
				 	x+= 180;
					y += -20;
					break;
	 				case 3:
					x+= 180;
					y += -20;
					break;
					case 4:
					x+= 180;
					y += -20;
					break;
					}


			}
		showMenu(which, x, y);
		
		}