
function MakePopLabel(imgId,labelText,xoffset,yoffset)
{
	var imgObj = document.getElementById(imgId);
	this.popLabel = document.createElement("div");
	//this.popLabel.setAttribute("style","font-size:10pt;font-family:courier,monospace;height:auto;width:auto;position:absolute;left:0px;top:0px;");

	// Note: variables in the function definition still need NOT be declared if undefined 
	if(!xoffset){	xoffset = 0; }else if(isNaN(xoffset) == true){ alert("xoffset = NaN"); }	
	if(!yoffset){	yoffset = 0; }else if(isNaN(yoffset) == true){ alert("yoffset = NaN"); }	

	var imgpos = getImgPos(imgObj);

	this.popLabel.style.left = imgpos.x + xoffset;
	this.popLabel.style.top = imgpos.y + yoffset;
	this.popLabel.innerHTML = escape(labelText);
	this.popLabel.setAttribute("id","pop_label");

	this.popLabel.style.display = "block";

	var dbody = document.getElementsByTagName("body")[0];
	dbody.appendChild(this.popLabel);

}

function DeletePopLabel()
{
	var dbody = document.getElementsByTagName("body")[0];
	var pl = document.getElementById("pop_label")
	if(pl)
	{
		dbody.removeChild(pl);	
	}
}

function getImgPos(image)
{

	var pos = {x:0,y:0};

	if(image.x || image.y)
	{
		pos.x = image.x;
		pos.y = image.y;
	}
	else
	{
		var de = document.documentElement;
		var b = document.body;	
		var ieLeftOff = (de.scrollLeft || b.scrollLeft) - (de.clientLeft || 0);
		var ieTopOff = (de.scrollTop || b.scrollTop) - (de.clientTop || 0);
		
		pos.x = image.getBoundingClientRect().left + ieLeftOff;
		pos.y = image.getBoundingClientRect().top + ieTopOff;
	}

	return pos;

}
