var curPop = null; 
function clearCurrent() { 
	// Hide the pop-up menu that is currently displayed. 
	if (null != curPop) 
	curPop.style.display = ""; 
	curPop = null; 
} 

function popup() { 
	clearCurrent(); 
	var el = event.srcElement; 
	// Display a new menu option. 
	if (("P" == el.tagName) &&
		("menu" == el.parentElement.parentElement.parentElement.parentElement.id)) { 
		// Position and display the pop-up menu. 
		var elpop = document.all[el.sourceIndex + 1]; 

		//	document.getElementById(elpop.getAttribute('id')).offsetWidth);
		var idName = elpop.getAttribute('id');
		
		/*
		
		var menuLeft = el.parentElement.offsetLeft+7;
		var maxRight = document.getElementById("menu8").parentElement.offsetLeft + document.getElementById("menu8").parentElement.offsetWidth;
		var menuRight = el.parentElement.offsetLeft + el.parentElement.offsetWidth;
		var subWidth = elpop.style.pixelWidth;
		
		var firstMenuPo = 120;
		*/
		if(idName=='menu1') elpop.style.pixelLeft = 130;
		else if(idName=='menu8') elpop.style.pixelLeft = 640;
	
	
		elpop.style.pixelTop = elpop.style.pixelTop = el.offsetTop + document.all.menu.offsetTop+60;
		
		elpop.style.display = "block"; 
		curPop = elpop; 
	} 
	event.cancelBubble = true; 
} 

function highlight() { 

	// Highlight and popup the menu options. 
	if (null != event.fromElement) 
	if ((event.fromElement.tagName == "P") &&
		(event.fromElement.parentElement.parentElement.parentElement.parentElement.id == "menu")) 
	{ 
		event.fromElement.className = ""; 
	} 
	
	if (null != event.toElement) 
	if ((event.toElement.tagName == "P") && (event.toElement.parentElement.parentElement.parentElement.parentElement.id == "menu")) 
	{ 
		popup(); 
		event.toElement.className = "over"; 
	} 
}