var divName = 'preview'; // div that is to follow the mouse
                       // (must be position:absolute)
var offX = -200;          // X offset from mouse position
var offY = -456;          // Y offset from mouse position

function mouseX(evt) {if (!evt) evt = window.event; if (evt.pageX) return evt.pageX; else if (evt.clientX)return evt.clientX + (document.documentElement.scrollLeft ?  document.documentElement.scrollLeft : document.body.scrollLeft); else return 0;}
function mouseY(evt) {if (!evt) evt = window.event; if (evt.pageY) return evt.pageY; else if (evt.clientY)return evt.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop); else return 0;}
function follow(evt) {if (document.getElementById) {var obj = document.getElementById(divName).style; obj.visibility = 'visible';
obj.left = (parseInt(mouseX(evt))+offX) + 'px';
obj.top = (parseInt(mouseY(evt))+offY) + 'px';}}



function showLayerHere(obj,imgsrc)
{
	var newX = mouseX(obj);
	var newY = mouseY(obj);

	var x = document.getElementById(divName);
	var imageNode = document.createElement("img");
	imageNode.src = imgsrc;

	x.appendChild(imageNode);
	x.style.width = imageNode.width+"px";

//	alert(x.style.width);
	x.style.visibility = 'visible';x.style.display = 'block';

	document.onmousemove = follow;

}

function hideLayerHere(lyr)
{
	var x = document.getElementById(lyr)

	x.innerHTML = "";
	x.style.display = "none";

}

function findPosX(obj)
{
	var curleft = 0;
	if (obj.offsetParent)
	{
		while (obj.offsetParent)
		{
			curleft += obj.offsetLeft
			obj = obj.offsetParent;
		}
	}
	else if (obj.x)
		curleft += obj.x;
	return curleft;
}

function findPosY(obj)
{
	var curtop = 0;
	if (obj.offsetParent)
	{
		while (obj.offsetParent)
		{
			curtop += obj.offsetTop
			obj = obj.offsetParent;
		}
	}
	else if (obj.y)
		curtop += obj.y;
	return curtop;
}

function findLyrHeight(lyr)
{
	var curheight = document.getElementById(lyr).style.height;
	alert(curheight);
	return curheight;
}

function showhide(obj)
{
	var showobj=document.getElementById(obj);

	if (showobj.style.display == "")
	{
		showobj.style.display = "block";
	}
	else {
		showobj.style.display = "";
	}

}