var currentSpanElement		= "";		//Needed to track current span element
var menuArray			= new Array();	//Tracks what divs are showing so it knows what to hide when a new span is clicked
var onTextColor			= "#000000";	//Text color with mouseover
var offTextColor			= "#";		//Text color with NO mouseover
var onCellColor			= "#1480ba";	//Span color with mouseover
var offCellColor			= "#efffff";	//Span color with nomouseover
var offsetMenuX			= 100;		//X Distance new menu will be from parent menu
var offsetMenuY			= 30;		//Y Distance increase of new menu compared to parent span
var startDistanceX			= 20;		//Sets how far off onMouseOver start element we should go
var startDistanceY			= 10;		//Sets how far off onMouseOver start element we should go
var Level1MenuY			= 98;		//Level1 Menu Top
var menuOn			= false;		//Only one set of menus can be displayed at once
var started			= false;		//Used to track if we just started the menus
var clickStart			= true;		//Allow an onClick event to start the menu or not here
var clickX				= 10;		//Location X of event to start menu
var clickY				= 10;		//Location Y of event to start menu
var selectCount			= 0;
var select				= "";
var appletCount			= 0;		//If we have applets, track the # so we can temporarily hide them
var applets			= "";		//Tracks the document.all.tags("applet") collection so we can reference it once rather than twice

function startIt(menu,thisItem,level) {	

				//menu = menu to display,thisItem=coordinates of item to use,level=current depth of menus
	if (menuOn == true) {
		window.event.cancelBubble = true;
		hideAllDivs();
		return;												//Only allow one menu to be activated at a time
	} else {
		select = document.all.tags("select");
		selectCount = select.length;
		if (selectCount > 0) {
			for (i=0;i<selectCount;i++) {
				select.item(i).style.visibility = "hidden";
			}
		}
		applets = document.all.tags("applet");
		appletCount = applets.length;
		if (appletCount > 0) {
			for (i=0;i<appletCount;i++) {
				applets.item(i).style.visibility = "hidden";
			}
		}
		menuOn = true;			
		started = true;										//Lets us know we're coming in for the 1st time
		
		if (clickStart) window.event.cancelBubble = true;		
		stateChange(menu,thisItem,level,0);
	}	
}

function stateChange(menu,thisItem,level,i,color) {									//menu = menu to display,thisItem=name of span item to use,level=current depth of menus
			
	if (currentSpanElement != thisItem.id && started != true) {							//Only hit this if they changed span elements	
		if (currentSpanElement == "") currentSpanElement = thisItem.id;	//Used 1st time through only	
		
		eItemOld = eval("document.all('" + currentSpanElement + "')");
		eItemNew = eval("document.all('" + thisItem.id + "')");
		eParent = eItemNew.parentElement;
		//eParent.style.background = color;						//Must set DIV background color or it will be transparent by default	
			
		//Turn off whatever span was turned on
		if (i==1) {
		eItemOld.style.background = color;
		eItemOld.style.color = "ffffff";
		//Turn on new span
		eItemNew.style.background = "ffd92e";
		eItemNew.style.color = "000000";
		}
		else {
		//eItemOld.style.background = oldcolor;
		eItemOld.style.color = "000000";
		//Turn on new span
		eItemNew.style.background = color;
		eItemNew.style.color = "ffffff";
		document.all(thisItem.id).style.background=color;
		}
		//eItemOld.style.color = "ffffff";
document.all('menu1_span1').style.color="ffffff";
document.all('menu1_span2').style.color="ffffff";
document.all('menu1_span3').style.color="ffffff";
document.all('menu1_span4').style.color="ffffff";
document.all('menu1_span5').style.color="ffffff";
document.all('menu1_span6').style.color="ffffff";

		
		currentSpanElement = thisItem.id;					//Track where the last mouseover came from
	}
	
	if (menu != "") {
		eMenu = eval("document.all('" + menu + "')");			
		eItem = eval("document.all('" + thisItem.id + "')");	
		
			//Used for x,y coordinates
		
		
		hideDiv(level);
		
		menuArray[menuArray.length] = menu;									//Tracks open menus	
		if (i==0) {
		var positionX="";
		var positionY="";
			}
		else {
		var positionX =  eItem.parentElement.offsetLeft + offsetMenuX + document.body.scrollLeft;
		var positionY =   eItem.parentElement.offsetTop + eItem.offsetTop + offsetMenuY ;
		//alert(positionY);
			}
		if (started) {
			positionX =	clickX + startDistanceX	+ document.body.scrollLeft	//eItem.offsetLeft + startDistanceX;
			positionY =	clickY + startDistanceY	+ document.body.scrollTop	//eItem.offsetTop + startDistanceY;
		
		}
		//alert(started);
		//If screen isn't wide enough to fit menu, bump menu back to the left some
		if ((positionX + eMenu.offsetWidth) >= document.body.clientWidth) {
			positionX -= (eMenu.offsetWidth * 1.0);
			positionY += 15;
		
		}
		//alert(positionX);
		//If the menu is too far to the left to display, bump it to the right some
		if ((positionX + eMenu.offsetWidth) <= eMenu.offsetWidth) {
			positionX += (eMenu.offsetWidth * 2.0);
		//alert(positionX);
		}
		//If the menu is too far down, bump the menu up to the bottom equals the body clientHeight property
		if ((positionY + eMenu.offsetHeight) >= document.body.clientHeight) {
			if (started != true) positionY = document.body.clientHeight - eMenu.offsetHeight;
		}
		
		if (level==0) {
		eMenu.style.left = 10;
		eMenu.style.top = 10;
		}
		if (level==1) {
		eMenu.style.left = positionX-45+0;
		
		eMenu.style.top = Level1MenuY;
		}
		if (level!=1&&level!=0) {
		eMenu.style.left = positionX;
		eMenu.style.top = positionY;
		
		
			}
		//eMenu.style.zIndex = level;									//Only use this if we don't reverse the arrays in the ASP/XML Script
		eMenu.style.visibility='visible';
	}
	
	started = false;												//After 1st menu, turn of started variable
}

function hideDiv(currentLevel) {
		for (var i=currentLevel;i<menuArray.length;i++) {
			var arrayString = new String(menuArray[i]);
			if (arrayString == "undefined") continue;
			eval("document.all('" + menuArray[i] + "').style.visibility='hidden'");
		}
			menuArray.length = currentLevel;
}

function hideAllDivs() {
		//Don't loop through document elements if they clicked a hyperlink since it wastes time
		for (var i=1;i<menuArray.length;i++) {
			var arrayString = new String(menuArray[i]);
			if (arrayString == "undefined") continue;
			document.all(menuArray[i]).style.visibility = "hidden";
			document.all(menuArray[i]).style.left = 0;
			document.all(menuArray[i]).style.top = 0;

		}
		if (currentSpanElement != "") {					//No currentSpanElement if they haven't mousedOver any span element
			eItem = eval("document.all('" + currentSpanElement + "')");
			//eItem.style.background = color;		//Ensure current span's color is changed back to "off" color
			eItem.style.color = "ffffff";		//Ensure current span's text color is changed back to "off" color
			menuArray = new Array();	
			currentSpanElement = "";		
		}
		if (selectCount > 0) {
			for (i=0;i<selectCount;i++) {
				select.item(i).style.visibility = "visible";
			}
			selectCount = 0;
			select = "";
		}
		if (appletCount > 0) {
			for (i=0;i<appletCount;i++) {
				applets.item(i).style.visibility = "visible";
			}
			appletCount = 0;
			applets = "";
		}
	
	menuOn = false;								//Menus off, so set this to false


}

document.onclick = hideAllDivs;