//start main menu
function zxcPos(zxcobj){
	zxclft=zxcobj.offsetLeft;
	zxctop=zxcobj.offsetTop;
	while (zxcobj.offsetParent!=null)
		{
		zxcpar=zxcobj.offsetParent;
		zxclft+=zxcpar.offsetLeft;
		zxctop+=zxcpar.offsetTop;
		zxcobj=zxcpar;
		}
	return [zxclft,zxctop];
}

var lastMenu='';
var lastButton=''

function onOver(num,source,obj,e){
	//this fires when mouseover the menu button
	//clear off previous menu if exists
	if ((lastMenu!='') && (lastButton!=source))
		{
		if (document.getElementById('div_' + lastMenu))
			{
			document.getElementById('div_' + lastMenu).style.visibility='hidden';
			if (document.images)
				{
				document.images[lastMenu].src=eval(lastButton+'1.src')
				}
			lastMenu='';
			}
		}
	if (document.images)
		{
		document.images[num].src=eval(source+'2.src')
		lastButton=source;
		}
	//show the sub-menu if exists
	//determine the menu-button position
	if (document.getElementById('div_' + num))
		{
		//remember the last sub-menu opened
		lastMenu=num;
		document.getElementById('div_' + num).style.left=(zxcPos(obj)[0] + 3) + 'px';
		document.getElementById('div_' + num).style.top=(zxcPos(obj)[1] + 26) + 'px';
		document.getElementById('div_' + num).style.visibility='visible';
		}
}

function onOut(num,source,e){
	//this fires when mouse out the menu button
	//working only for downward direction (pending...for upward direction)
	if ((lastMenu!='') && (lastButton!=source))
		{
		if (document.getElementById('div_' + lastMenu))
			{
			document.getElementById('div_' + lastMenu).style.visibility='hidden';
			lastMenu='';
			}
		}
	if ((lastButton!='') && (lastButton==source))
		if (document.images)
			{
			document.images[num].src=eval(source+'1.src')
			}
}

function hideLastMenu(e){
	//this fires when user click on menu item
	//event bubbling will occurring over nested elements, check only if the event fire at your intended element
	if (!e) var e = window.event;
	var tg = (window.event) ? e.srcElement : e.target;
	if (tg.nodeName.toLowerCase() != 'div') return;
	var reltg = (e.relatedTarget) ? e.relatedTarget : e.toElement;
	while (reltg != tg && reltg.nodeName.toLowerCase() != 'body')
		reltg= reltg.parentNode;
	if (reltg== tg) return;
	// Mouseout took place when mouse actually left layer
	// Handle event
	if (lastMenu!='')
		{
		if (document.getElementById('div_' + lastMenu))
			{
			document.getElementById('div_' + lastMenu).style.visibility='hidden';
			if (document.images)
				{
				document.images[lastMenu].src=eval(lastButton+'1.src')
				}
			lastMenu='';
			}
		}
}

function FocusThisNew(isImg,isNewsID){
	//this is a news rotator which focus the current pic
	document.getElementById('nrImagePlacer').src=tmpRel + "images/index/NewsRotator/" + isImg;
	//show the news description
	document.getElementById('nrDescriptionPlacer').innerHTML=document.getElementById(isNewsID).innerHTML;
	//the following to hide when onmouseout is not functioning well
	//document.getElementById('nrDescriptionPlacer').style.display='inline';
	//document.getElementById('nrDescriptionPlacer').style.display='block';
	//document.getElementById('nrDescriptionPlacer').style.visibility='visible';
}
//end main menu