var current = null;
var uint;
var subtab;
function init() {
	var ul = document.getElementById("submenu").getElementsByTagName("ul");
	for (var i = 0; i < ul.length; i ++) {
		ul[i].onmouseover=cancelHide;
		ul[i].onmouseout=hidePopup;
	}
	subtab = document.getElementById("subtab").getElementsByTagName("a");
	for (var i = 0; i < subtab.length; i ++) {
		subtab[i].name = i;
		subtab[i].onmouseover = function () {
			showPopup(this.name, subtab[this.name])	
		}
		subtab[i].onmouseout = function() {
			hidePopup(this.name);	
		}
	}
}
function showPopup(n, obj) {
	if (current != null) {
		$("popup" + current).style.display = "none";
		cancelHide();
	}
	current = n;
	pos = getPosition(obj);
	$("popup" + n).style.display = "block";
	$("popup" + n).style.top = (pos.y) + "px";
	$("popup" + n).style.left = (pos.x + 250) + "px";
}
function hidePopup(n) {
	uint = setTimeout("hide()", 500);
}
function cancelHide() {
	clearTimeout(uint);
}
function hide() {
	if (current != null) {
		$("popup" + current).style.display = "none";
		current = null
	}
}

function $(id) {
	return(document.getElementById(id));
}
function getPosition(obj) {
	var elementX = elementY = obj;
	var offsetX = offsetY = 0;
	do {
		offsetX += elementX.offsetLeft || 0;
		elementX = elementX.offsetParent;
	} while (elementX);
	do {
		offsetY += elementY.offsetTop || 0;
		elementY = elementY.offsetParent;
	} while (elementY);
	return({x:offsetX, y:offsetY});
}
init();