function moveObject(objectId, newXCoordinate, newYCoordinate) {
    document.getElementById(objectId).style.left = newXCoordinate + "px";
	document.getElementById(objectId).style.top = newYCoordinate + "px";
	document.getElementById(objectId).style.visibility = "visible";
	window.currentlyVisiblePopup = objectId;
} 

function hideCurrentPopup() {
   if(window.currentlyVisiblePopup){
   		ob = window.currentlyVisiblePopup;
   		document.getElementById(ob).style.visibility = "hidden";
		window.currentlyVisiblePopup = false;
	} 
}

var xOffset = -290;
var yOffset = -40;

function showPopup (targetObjectId, e) {
	hideCurrentPopup();
	e.cancelBubble = true;
	
	var posx = 0;
	var posy = 0;
	
	if (!e) var e = window.event;
	if (e.pageX || e.pageY) 	{
		posx = e.pageX;
		posy = e.pageY;
	}
	else if (e.clientX || e.clientY) 	{
		posx = e.clientX + document.body.scrollLeft
			+ document.documentElement.scrollLeft;
		posy = e.clientY + document.body.scrollTop
			+ document.documentElement.scrollTop;
	}

	moveObject(targetObjectId, posx + xOffset, posy + yOffset);
}