function truebody()
{
	return (!window.opera && document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}


function gettrailobj()
{
	if (document.getElementById) return document.getElementById("bildDiv")
	else if (document.all) return document.all.bildDiv
}

function hidetrail()
{
	document.onmousemove="";
	document.getElementById('bildDiv').innerHTML = '';
	gettrailobj().style.visibility="hidden";
	gettrailobj().style.left=-1000;
	gettrailobj().style.top=0;
}


function showtrail(picName, prodID)
{
	if(navigator.userAgent.toLowerCase().indexOf('opera') == -1 && navigator.userAgent.toLowerCase().indexOf('safari') == -1)
	{


		// followmouse()
        imgString = '<img src="images/uploads/'+prodID+'/'+picName+'" id="mouseOverPic">';
        divObj = gettrailobj();
        divObj.innerHTML = imgString;
        //w="100"
		//h="20"

		divObj.style.visibility = "visible"
		divObj.style.width = document.getElementById('mouseOverPic').width;
		divObj.style.height = document.getElementById('mouseOverPic').height;

		document.onmousemove=followmouse
	}
}

function followmouse(e)
{

	if(navigator.userAgent.toLowerCase().indexOf('opera') == -1 && navigator.userAgent.toLowerCase().indexOf('safari') == -1)
	{

		var xcoord=20
		var ycoord=20

		if (typeof e != "undefined")
		{
			xcoord+=e.pageX
			ycoord+=e.pageY
		}
		else if (typeof window.event !="undefined")
		{
			xcoord+=truebody().scrollLeft+event.clientX
			ycoord+=truebody().scrollTop+event.clientY
		}

		var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15
		var docheight=document.all? Math.max(truebody().scrollHeight, truebody().clientHeight) : Math.max(document.body.offsetHeight, window.innerHeight)

		gettrailobj().style.left=xcoord+"px"
		gettrailobj().style.top=ycoord+"px"

	}

}