// set global browser identification variables
browser = navigator.appName;
browserNum = parseInt(navigator.appVersion);
N4 = false;
N6 = false;
IE = false;
if ((browser == "Netscape") && (browserNum < 5)) {
	// Netscape 4.x
	layerRef = "document.layers['";
	endLayerRef = "']";
	styleRef = "";
	N4 = true;
}
else if ((browser == "Netscape") && (browserNum >= 5)) {
	// Netscape 6
	layerRef = "document.getElementById('";
	styleRef = ".style";
	endLayerRef = "')";
	N6 = true;
}
else {
	// Internet Explorer
	layerRef = "document.all[\"";
	endLayerRef = "\"]";
	styleRef = ".style";
	IE = true;
}
		
// create way to remember which layer is visible
oldLayer = "none";
oldLayer2 = "none";
		
// set animation variables
initialTop = 120;
newTop = initialTop;

function WM_getCursorHandler(e) {  
	// set event properties to global vars (add or subtract as desired)  
	window.event.clientX = e.pageX;  
	window.event.clientY = e.pageY;  
	window.event.x = e.layerX;  
	window.event.y = e.layerY;  
	window.event.screenX = e.screenX;  
	window.event.screenY = e.screenY;  
	// route the event back to the intended function  
	if ( routeEvent(e) == false ) {    
		return false;  
	} 
	else {   
		return true;  
	}
}
		
function showMenu(layerName) {
	// show the layer the user wants to see
	// get cursor location
	if (IE) {
//		offsetX = window.event.clientX;// +  window.event.x;
//		offsetY = window.event.clientY;// +  window.event.y;

//		alert(window.event.srcElement.id);
//		myTemp = eval(layerRef + "MOM" + endLayerRef + ".scrollTop");
//		alert("scrollTop: " + myTemp);
//		myTemp = window.screenTop;
//		alert("screenTop: " + myTemp);
//		myTemp = window.event.clientY;
//		alert("clientY: " + myTemp);
//		myTemp = window.event.offsetY;		
//		alert("offsetY: " + myTemp);
//		myTemp = window.event.screenY;
//		alert("screenY: " + myTemp);				
//		myTemp = window.event.y;
//		alert("y: " + myTemp);		
		
		offsetX = window.event.clientX;		
		offsetY = window.event.clientY+15;
//		alert(offsetY);
		undef = "undefined"
	}
	else {			
		/*Netscape 4 Cursor Position TemplateCaptures the cursor position for Netscape 4 when a mouse event fires and creates an IE 4-style window.event object to store the position.Source: Webmonkey Code Library(http://www.hotwired.com/webmonkey/javascript/code_library/)Author: Nadav SavioAuthor Email: nadav@wired.comUsage: Copy and paste the code into your document.*/
		if(!window.event && window.captureEvents) {  
			// set up event capturing for mouse events (add or subtract as desired)  
			window.captureEvents(Event.MOUSEOVER);  
			// set window event handlers (add or subtract as desired)  
			window.onmouseover = WM_getCursorHandler;  
		//	window.onmouseout = WM_getCursorHandler;  
		//	window.onclick = WM_getCursorHandler;  
		//	window.ondblclick = WM_getCursorHandler;  
			// create an object to store the event properties   
			window.event = new Object;
		}

//		offsetX = window.event.clientX;
//		offsetY = window.event.clientY;
		offsetX = window.event.x;
		offsetY = window.event.y;		
		undef = undefined
	}		
	if (offsetX != undef) {
		eval(layerRef + layerName + endLayerRef + styleRef + ".visibility = 'visible'");
		eval(layerRef + layerName + endLayerRef + styleRef + ".left = '" + offsetX + "'");
		eval(layerRef + layerName + endLayerRef + styleRef + ".top = '" + offsetY + "'");			
		// clear other window
		if (oldLayer != "none") {
			clearMenu(oldLayer);
			if (oldLayer2 != "none") {
				clearMenu(oldLayer2);
				oldLayer2 = "none";
			}
		}
		// update which window is currently visible
		if (oldLayer == layerName) {
			oldLayer = "none";
		}
		else {
			oldLayer = layerName;
		}
	}
}

function showSubMenu(layerName) {
	// show the layer the user wants to see
	// get cursor location
	if (IE) {
//		offsetX = window.event.clientX;// +  window.event.x;
//		offsetY = window.event.clientY;// +  window.event.y;
		offsetX = window.event.x;
		offsetY = window.event.y+15;		
	}
	else {			
		/*Netscape 4 Cursor Position TemplateCaptures the cursor position for Netscape 4 when a mouse event fires and creates an IE 4-style window.event object to store the position.Source: Webmonkey Code Library(http://www.hotwired.com/webmonkey/javascript/code_library/)Author: Nadav SavioAuthor Email: nadav@wired.comUsage: Copy and paste the code into your document.*/
		if(!window.event && window.captureEvents) {  
			// set up event capturing for mouse events (add or subtract as desired)  
			window.captureEvents(Event.MOUSEOVER);  
			// set window event handlers (add or subtract as desired)  
			window.onmouseover = WM_getCursorHandler;  
		//	window.onmouseout = WM_getCursorHandler;  
		//	window.onclick = WM_getCursorHandler;  
		//	window.ondblclick = WM_getCursorHandler;  
			// create an object to store the event properties   
			window.event = new Object;
		}

		offsetX = window.event.clientX;
		offsetY = window.event.clientY;
	}		
	if (offsetX != "undefined") {
		eval(layerRef + layerName + endLayerRef + styleRef + ".visibility = 'visible'");
		eval(layerRef + layerName + endLayerRef + styleRef + ".left = '" + offsetX + "'");
		eval(layerRef + layerName + endLayerRef + styleRef + ".top = '" + offsetY + "'");			
		// clear other window
		if (oldLayer2 != "none") clearMenu(oldLayer2);			
		// update which window is currently visible
		if (oldLayer2 == layerName) {
			oldLayer2 = "none";
		}
		else {
			oldLayer2 = layerName;
		}
	}
}
		
function clearMenu(layerName) {
	eval(layerRef + layerName + endLayerRef + styleRef + ".visibility = 'hidden'");
	return;
}