var tempLinkObj = null;
var tempLinkImgSrc = '';
var menuNode = null;
var submenuNode = null;
var hiddenNode = "";
var container = "";

var submenuPos = {x1:0, y1:0, x2:0, y2:0}
var mousePos = {x:0, y:0};
var t = null;

var timeout = 500;
var menuHeight = 23;
var submenuWidth = 178;
var menuOffsetTop = 143;

function highlight() {	
	var img = this.getElementsByTagName('IMG')[0];	
	
	if(tempLinkObj) {
		hideAll();
//		tempLinkObj.src = tempLinkImgSrc;
		//tempLinkObj.style.visibility	=	'visible';
	}
	tempLinkObj = img;
//	tempLinkImgSrc = img.src;
	img.style.visibility	=	'hidden';
//	img.src = '/images/b.gif';
//	img.src = img.src.split('.gif')[0] + '_a.gif';
	
	if(this.parentNode.parentNode.getElementsByTagName('DIV')[1]) {
		var submenuLayer = this.parentNode.parentNode.getElementsByTagName('DIV')[1];
		
		submenuNode = submenuLayer;
		showSubmenu(submenuLayer);		
		
		setMenuPos(submenuLayer.offsetLeft, (submenuLayer.offsetTop - menuHeight), (submenuLayer.offsetLeft + submenuWidth), (submenuLayer.offsetHeight + (submenuLayer.offsetTop - menuHeight) + menuHeight));
	}	
	else {		
		var submenuLayer = this.parentNode.parentNode;
		var docW = parseInt((document.body.clientWidth - submenuLayer.parentNode.offsetWidth) / 2);
		
		setMenuPos(docW, (menuOffsetTop - menuHeight), (docW + submenuLayer.offsetLeft + this.offsetWidth), menuOffsetTop);
	}
}

function setMenuPos(x1, y1, x2, y2) {
	submenuPos.x1 = x1;
	submenuPos.y1 = y1;
	submenuPos.x2 = x2;
	submenuPos.y2 = y2;
}

function showSubmenu(elem) {
	elem.style.display = 'block';
}

function hideAll() {
	if(submenuNode) submenuNode.style.display = 'none';
	if(tempLinkObj) 
	{
//		tempLinkObj.src = tempLinkImgSrc;
		tempLinkObj.style.visibility	=	'visible';
	}
	submenuNode = null;
}

function tryHide() {	
	clearTimeout(t);
	t=null;
	if(((mousePos.x < submenuPos.x1 || mousePos.x > submenuPos.x2) || (mousePos.y < submenuPos.y1 || mousePos.y > submenuPos.y2)) && submenuPos) {
		hideAll();		
	}	
}

function checkTarget(e) {	
	e = (e) ? e : window.event;
	
	mousePos.x = e.clientX;
	mousePos.y = e.clientY;
	
	target = (e.target) ? e.target : e.srcElement;	
	if(target.tagName != 'A' && target.tagName != 'UL' && target.tagName != 'LI' && target.tagName != 'TD' && target.nodeType != 3) {
		if(!t)	t = setTimeout(tryHide, timeout);
	}
}

function init() {
	document.body.onmousemove = checkTarget;
		
	menuNode = document.getElementById('menu');						

	for(var i=1; i<menuNode.childNodes.length - 1; i++) {
		var td = menuNode.childNodes[i];
		if(td.tagName == 'TD' && td.getElementsByTagName('A')[0]) {		
			td.getElementsByTagName('A')[0].onmouseover = highlight;
		}
	}
}