tempX = 0;
tempY = 0;
popupOpen = 0;
lastPopupOver = new Date();

document.write("<div id='popupbox' onmouseover='updatePopupOver();'></div>");

function showMenu( title, URL ) {
	var content = "<table width='150'>";

	for ( i = 0; i < title.length; i++ ) {
		content = content + "<tr><td><a href='" + URL[i] + "'>" + title[i]  + "</a></td></tr>";
	}
	
	content = content + "</table>";
	
	showPopup("<div onmousmove=\"updatePopupOver()\">" + content + "</div>");
	document.getElementById("popupbox").style.top = tempY + 10;
	document.getElementById("popupbox").style.left = tempX - 30;
	updatePopupOver();

	setTimeout("checkMenu()",1000);
}

function updatePopupOver() {
	lastPopupOver = new Date();
}

function checkMenu() { 
	var currentDate = new Date();

	if ( currentDate.getTime() > (lastPopupOver.getTime() + 2000) ) {
		hidePopup();
	} else {
		setTimeout("checkMenu()",1000);
	}
}


function showPopup( myComment ) {
	locX = tempX;
	locY = tempY;	

	if ( tempX > ( getWindowWidth() - 350 ) ) {
		locX = tempX - 350;
		locY = tempY - 30;
	}

	locY = locY - 20;
	locY = locY + "px";
	
	locX = locX + 20;
	locX = locX + "px";

	document.getElementById("popupbox").style.width =  "";
	document.getElementById("popupbox").style.top = locY;
	document.getElementById("popupbox").style.left = locX;
	document.getElementById("popupbox").innerHTML = myComment;
	document.getElementById("popupbox").style.display = "inline";		
	document.getElementById("popupbox").style.position = "absolute";
	popupOpen = 1;
	updatePopupOver();

	if ( document.getElementById("popupbox").offsetWidth > 350 ) {
		document.getElementById("popupbox").style.width = 350;
	}
	
	setTimeout("checkMenu()",1000);
}

function hidePopup( ) {
	document.getElementById("popupbox").style.display = "none";
	popupOpen = 0;
}

function getWindowWidth() {
	if (document.layers){
		return window.outerWidth;
	}
	
	if (document.all){
		return document.body.clientWidth;
	}
	
	return screen.availWidth;
}


function getWindowHeight() {
	if (document.layers){
		return window.outerHeight;
	}
	
	if (document.all){
		return document.body.clientHeight;
	}

	return screen.availHeight;
}

var IE = document.all ? true : false;
if (!IE) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = getMouseXY;

function getMouseXY(e) {
	if (IE) {
		tempX = event.clientX + document.body.scrollLeft;
		tempY = event.clientY + document.body.scrollTop;
	} else {
		tempX = e.pageX;
		tempY = e.pageY;
	}
	
	if ( tempX < 0 )
		tempX = 0;
		
	if ( tempY < 0 )
		tempY = 0;
}

