function findPosX(){
	var curleft = 0;
	obj=document.getElementById("mapid");
	obj = obj.offsetParent;
	while (obj.offsetParent){
		curleft += obj.offsetLeft;
		obj = obj.offsetParent;
//	alert(curleft);
	}  

	return curleft;

}
function findPosY(){
	var curtop = 0;
	obj=document.getElementById("mapid");
	obj = obj.offsetParent;
	while (obj.offsetParent){
		curtop += obj.offsetTop;
		obj = obj.offsetParent;

	}  

	return curtop;
}

function getCrd(e) {
var X;
var Y;

   if (document.all) {
      X = event.clientX;
      Y = event.clientY;
   } else {
      X = e.clientX + window.scrollX;
      Y = e.clientY + window.scrollY;
   }
var left=findPosX();
var top=findPosY();

X=X-left;
Y=Y-top;

document.getElementById("x_coord").value=X;
document.getElementById("y_coord").value=Y;

putSpot(X,Y);
}

function getAbsX(val) {
var left=findPosX();
val=left+parseInt(val);
return val;
}

function getAbsY(val) {
var top=findPosY();
val=top+parseInt(val);

return val;
}

function hideDiv() {
document.getElementById("spot_info").style.visibility='hidden';
}

function showDiv(num, val) {
document.getElementById("spot_info").style.left=(parseInt(document.getElementById("spot_imgs"+num).style.left)+37)+"px";
document.getElementById("spot_info").style.top=document.getElementById("spot_imgs"+num).style.top;
document.getElementById("spot_info").innerHTML="<table cellspacing=0 cellpadding=0 style='border:1px solid #002B72; font-family: tahoma; font-size:10px; color:#002B72;' bgcolor=#FFFFFF><tr><td height='26' style='padding-left:5px; padding-right:5px;'>"+val+"</td></tr></table>";
document.getElementById("spot_info").style.visibility='visible';
document.getElementById("spot_info").style.zIndex=2;
document.getElementById("spot_info").style.width="150px";
}