function getElement(id) {
var elem;
if (document.getElementById) { // standard browsers
elem = document.getElementById(id);
} else if (document.all) { // IE 4
elem = document.all[id];
}
return elem;
}

function ShowPopup(id,event) {
var elem = getElement(id);
var elemStyle = elem.style || elem; // for NS4, not used here

elemStyle.visibility = "visible";

var width = elem.offsetWidth || elem.width || 100; // default to 100
var height = elem.offsetHeight || elem.height || 100;

var posX,posY;
if (event.pageX) { // NS 4, Mozilla
posX = event.pageX;
posY = event.pageY;
} else { // IE, Opera
var root = document.documentElement || document.body;
posX = event.clientX + root.scrollLeft;
posY = event.clientY + root.scrollTop;
}


elemStyle.top = (posY - height) + "px";

if (posX <= 400){
elemStyle.left = (posX + 50) + "px";
}else if (posX >400 && posX < 600){
elemStyle.left = (posX - 300) + "px";
}
else{
elemStyle.left = (posX - 600) + "px";
}
}

function HidePopup(id) {
var elem = getElement(id);
var elemStyle = elem.style || elem;
elemStyle.visibility = "hidden";
}