/*
Simple Image Trail script- By JavaScriptKit.com
Modification: Eric Huang
Visit http://www.javascriptkit.com for this script and more
This notice must stay intact
*/

var offsetfrommouse=[-100,-70]; //-100,-70image 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.
var currentimageheight = 200;	// maximum image size.

if (document.getElementById || document.all){  
	document.write('<div id="trailimageid">');
	document.write('</div>');
}  //This calles out trailimageid<css> doc to be written in place when ever its getting an obj.

function gettrailobj(){
	if (document.getElementById)
		return document.getElementById("trailimageid").style
	else if (document.all)
		return document.all.trailimagid.style
}  //referance go to document getElementById trailimageid's style

function gettrailobjnostyle(){
	if (document.getElementById)
		return document.getElementById("trailimageid")
	else if (document.all)
		return document.all.trailimagid
}	//referance go to document getElementById no style

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

function showtrail(imagename, brand, caption){ //code for the mouse/image trail
		document.onmousemove=followmouse;
		newHTML = '<div style="padding: 5px; background-color: #FFF; border: 1px solid #888;">'; //style for the hover image
		newHTML = newHTML + '<div align="center"><img src="' + imagename + '" /></div>'; //place image=imagename
		if (brand.length > 0) {
			newHTML = newHTML + '<span><strong>' + brand + '</strong></span>';
		}
		if (caption.length > 0) {
			newHTML = newHTML + '<span class="captions_css">' + unescape(caption) + '</span>'; //use caption_css style place it with in this function
		}
		newHTML = newHTML + '</div>';
		
		gettrailobjnostyle().innerHTML = newHTML;
		gettrailobj().visibility="visible";
}

function hidetrail(){ //code for the mouse/image trail to be invisible
		gettrailobj().visibility="hidden"
		document.onmousemove=""
		gettrailobj().left="-500px"
}

function followmouse(e){  //this code is for mouse trail xcoord is xcoordinates..... ycoord is y etc.
	var xcoord=offsetfrommouse[0]
	var ycoord=offsetfrommouse[1]

	var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15
	var docheight=document.all? Math.min(truebody().scrollHeight, truebody().clientHeight) : Math.min(document.body.offsetHeight, window.innerHeight)
	
	if (typeof e != "undefined"){ //present in argument and paramitor for the mouse tails
		if (docwidth - e.pageX < 300){ //pageX/y is a event property for mouse position
			xcoord = 150;  // added to prevent mouse on top
			
			xcoord = e.pageX - xcoord - 286; // Move to the left side of the cursor
		} else {
			xcoord += e.pageX;
		}
		if (docheight - e.pageY < (currentimageheight + 110)){  //if doc height - e.pageY is less than current img height + 110
			ycoord += e.pageY - Math.max(0,(110 + currentimageheight + e.pageY - docheight - truebody().scrollTop));
		} else {
			ycoord += e.pageY;
		}

	} else if (typeof window.event != "undefined"){
		if (docwidth - event.clientX < 300){ //clientX/Y is a event property for mouse position
			xcoord = 150;  // added to prevent mouse on top
		
			xcoord = event.clientX + truebody().scrollLeft - xcoord - 286; // Move to the left side of the cursor
		} else {
			xcoord += truebody().scrollLeft+event.clientX
		}
		if (docheight - event.clientY < (currentimageheight + 110)){
			ycoord += event.clientY + truebody().scrollTop - Math.max(0,(110 + currentimageheight + event.clientY - docheight));
		} else {
			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().left=xcoord+"px"
	gettrailobj().top=ycoord+"px"
}