/*
Simple Image Trail script- By JavaScriptKit.com
Visit http://www.javascriptkit.com for this script and more
This notice must stay intact
*/
<!-- Hide me from old browsers
var offsetfrommouse=[50,-20] //image x,y offsets from cursor position in pixels. Enter 0,0 for no offset
var displayduration=0 //duration in seconds image should remain visible. 0 for always.

if (document.getElementById || document.all)
{
	document.write('<div id="trailimageid" style="position:absolute;top:0;left:0;"></div>');
}

function getTrailObjStyle()
{
	return getByID("trailimageid").style;
}

function getTrailObj()
{
	return getByID("trailimageid");
}

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

function hidetrail()
{
	getTrailObj().innerHTML = " ";
	getTrailObjStyle().display="none";
	getTrailObjStyle().left="-500px";
}

function showtrail(imagename)
{
	newHTML = '<div>';
	newHTML = newHTML + '<div style="position:absolute;z-index:1;top:0;left:0;padding:5px;border:1px solid #000;background-color:#fff;"><img src="images/ajax-loader.gif"></div>';
	newHTML = newHTML + '<div style="position:absolute;z-index:2;top:0;left:0;padding:5px;border:1px solid #000;background-color:#fff;" id="popupimage"><img src="' + imagename + '" border="0"></div>';
	newHTML = newHTML + '</div>';
	getTrailObj().innerHTML = newHTML;
	getTrailObjStyle().display="inline";	
}

function followmouse(e)
{
	var min_distance_x=offsetfrommouse[0]
	var min_distance_y=offsetfrommouse[1]
	var relativeX = 0;
	var relativeY = 0;
	if (typeof e != "undefined")
	{
		xcoord=e.pageX
		ycoord=e.pageY
		relativeX=e.clientX;
		relativeY=e.clientY;
	}
	else if (typeof window.event !="undefined")
	{
		xcoord=truebody().scrollLeft+event.clientX
		ycoord=truebody().scrollTop+event.clientY
	}
	if (typeof window.event !="undefined")
	{
	    relativeX=event.clientX;
	    relativeY=event.clientY;
	}
    var elem, element_height, element_width;
    elem = getByID("popupimage");
    if (elem==null)return;
    
    if(elem.offsetHeight)
    {
    	element_height=elem.offsetHeight;
    	element_width=elem.offsetWidth; 
    }
    else if(elem.style.pixelHeight)
    {
        element_height=elem.style.pixelHeight;
        element_width=elem.style.pixelWidth;
    }
    
    xcoord = xcoord + min_distance_x;
    ycoord = ycoord + min_distance_y;
    
    var viewport = getViewport();
    if (viewport!=null)
    {
		if (relativeX + element_width + min_distance_x >= viewport.width)
		{
			 xcoord = xcoord - (relativeX + min_distance_x + element_width - viewport.width) - 5;
		}
		var initialY=ycoord;
		if (relativeY + element_height + min_distance_y >= viewport.height)
		{ 
			ycoord = ycoord - (relativeY + min_distance_y + element_height - viewport.height) - 5;
		}  
    }
			    	
	getTrailObjStyle().display="block"
	getTrailObjStyle().left=xcoord+"px"
	getTrailObjStyle().top=ycoord+"px"
}

document.onmousemove=followmouse

if (displayduration>0)
setTimeout("hidetrail()", displayduration*1000)
<!-- stop hiding -->