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

var offsetfrommouse=[15,15]; //image x,y offsets from cursor position in pixels. Enter 0,0 for no offset

var divw=0;
var divh=0;

if (document.getElementById || document.all){
	document.write('<div id="trailimageid" style="position:absolute;display:none;left:0px;top:0px;height:0px;z-index:200;"></div>')
}

function gettrailobj() {
	if (document.getElementById)
		return document.getElementById("trailimageid").style
	else if (document.all)
		return document.all.trailimagid.style
}

function gettrailobjnostyle() {
	if (document.getElementById)
		return document.getElementById("trailimageid")
	else if (document.all)
		return document.all.trailimagid
}


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

/* function showtrail(imagename,title,description,ratingaverage,ratingnumber,showthumb,height,filetype){ */
function trailShow(imagename,title,username,imgid,imgsize,thw,thh) {
	document.onmousemove=followmouse;

	newHTML = '<div style="padding: 7px; background-color: #FFF; border: 1px solid #888;"><img src="' + imagename + '" border="0"><div style="padding:3px;font-family:verdana; font-size:11px; color:#666666;">'+title+'<br>&copy; '+username+' | ImageCatalog.com<br></div><div style="padding:3px;font-family:verdana; font-size:11px; color:#666666;background-color:#eeeeee;";>Image ID: '+imgid+'<br>'+imgsize+'</div></div>';

	gettrailobjnostyle().innerHTML = newHTML;
	gettrailobj().display="inline";
	divw = parseInt(thw)+25;
	divh = parseInt(thh)+130;
}

function altOn(text,thw,thh) {
	document.onmousemove=followmouse;

	newHTML = '<div style="font-family: arial; font-size: 10pt; padding: 3px; background-color: #fcf8ec; border: 1px solid #888;">'+text+'</div>';

	gettrailobjnostyle().innerHTML = newHTML;
	gettrailobj().display="inline";
	divw = parseInt(thw)+25;
	divh = parseInt(thh)+150;
}

function altOff() {
	gettrailobj().innerHTML = " ";
	gettrailobj().display="none"
	document.onmousemove=""
	gettrailobj().left="-500px"

}

function trailOff() {
	gettrailobj().innerHTML = " ";
	gettrailobj().display="none"
	document.onmousemove=""
	gettrailobj().left="-500px"

}

function followmouse(e) {
	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") {
		if(docwidth < 15+e.pageX+divw)
			xcoord = e.pageX-divw-5;
		else
			xcoord = 15+e.pageX;
		if(docheight < 15+e.pageY+divh)
			ycoord = 15+e.pageY-Math.max(0,(divh + e.pageY - docheight - truebody().scrollTop - 30));
		else
			ycoord = 15+e.pageY;
	} else if (typeof window.event != "undefined") {
		if(docwidth < 15+truebody().scrollLeft+event.clientX+divw)
			xcoord = truebody().scrollLeft-5+event.clientX-divw;
		else
			xcoord = truebody().scrollLeft+15+event.clientX;

		if(docheight < 15+truebody().scrollTop+event.clientY+divh)
			ycoord = 15+truebody().scrollTop+event.clientY-Math.max(0,(divh + event.clientY - docheight - 30));
		else
			ycoord = truebody().scrollTop+15+event.clientY;
	}
	gettrailobj().left=xcoord+"px"
	gettrailobj().top=ycoord+"px"
}