function addEvent(elm, evType, fn, useCapture)
{
	if (elm.addEventListener) {
		elm.addEventListener(evType, fn, useCapture);
		return true;
	} else if (elm.attachEvent) {
		var r = elm.attachEvent('on' + evType, fn);
		return r;
	} else {
		elm['on' + evType] = fn;
	}
}

function do_td_hover()
{
	var menuDiv = document.getElementById("menu");
	var sfEls = menuDiv.getElementsByTagName("li");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			//this.className+=" hover";
			var ulEls = this.getElementsByTagName("ul");
			if (ulEls[0] != undefined)
			{
				//var pos = findPos(this);
				//var pos = findPos(this);
				var correction = (this.offsetWidth -180)/2;
				ulEls[0].style.left = (correction) + "px";

/*
				var correction = (this.offsetWidth -180)/2;
				ulEls[0].style.top = (pos[1]) + "px";
				ulEls[0].style.left = (pos[0] + correction) + "px";
				ulEls[0].onmouseout=function() {
					this.style.top = "-2000px";
					this.style.left = "-1000px";
				}
*/

			}
			//ulEls[0].style.display = "none";
		}
		/*sfEls[i].onmouseout=function() {
			//this.className=this.className.replace(new RegExp(" hover\\b"), "");
			var ulEls = this.getElementsByTagName("ul");
			if (ulEls[0] != undefined)
			{
				ulEls[0].style.top = "-2000px";
				ulEls[0].style.left = "-1000px";
			}
		}*/
	}
}


/*
function hideMe()
{
	alert(9);
}
*/
function findPos(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {

		do {
			curleft += obj.offsetLeft;
			curtop += obj.offsetTop;
		} while (obj = obj.offsetParent);

	}
	return [curleft,curtop];
}


addEvent(window, 'load', do_td_hover, false);