var nPoint = 0;

function AddPointHTML(x,y,InnerText){
	
	var dv = document.createElement('div'); // create dynamically div tag
	var para = document.getElementById("thisisthemap");
	var pid = 'Point' + nPoint	
	dv.setAttribute('id',pid);       //give id to it
	
	var innerHTML = "<a href='javascript:void(0);' onmouseover='return escape(\"" + InnerText + "\")'><img border=0 src=images/map_icon.gif></a>";
	dv.innerHTML = innerHTML
	//dv.innerHTML = "<img border=0 src=images/map_icon.gif>"
	x=x-4;
	y=y-62;
	nPoint = nPoint + 1;
	
	// relative to the image
	var obj = document.getElementById("imgMap");
	
	//var p =  findPosX(obj);
	//x = x + eval(p);
	//p =  findPosY(obj); 
	//y = y + eval(p);
	
	var	posArray = new Array()
	posArray = findPos(obj)
	//alert(posArray)
	x = x + posArray[0];
	y = y + posArray[1];
	
	dv.style.position="absolute";       
	dv.style.left = x + "px";
	dv.style.top = y + "px";
	
	document.forms[0].appendChild(dv);
}

function AddPoint(x,y,image){
	
	var dv = document.createElement('div'); // create dynamically div tag
	
	var pid = 'Point' + nPoint	
	dv.setAttribute('id',pid);       //give id to it
	
	var innerHTML = "<img border=0 src=images/map_icon_here.gif>";
	dv.innerHTML= innerHTML
	x=x-14;
	y=y-50;
	nPoint = nPoint + 1;
	
	// relative to the image
	var obj = document.getElementById("imgMap");
	var	posArray = new Array()
	posArray = findPos(obj)
	//alert(posArray)
	x = x + posArray[0];
	y = y + posArray[1];

	dv.style.position="absolute";       
	dv.style.left = x + "px";
	dv.style.top = y + "px";
	
	document.forms[0].appendChild(dv);
}

function ClearPlot(){
	for (var i=0; i < nPoint; i++ ) { 
		var pid = 'Point' + i;
		var dv = document.getElementById(pid);
		//alert(pid);
		document.forms[0].removeChild(dv);
	}
	nPoint=0;
}

function findPos(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}
	return [curleft,curtop];
}