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

var ua = navigator.userAgent.toLowerCase();
var divw=0;
var divh=0;
var xto;

if (document.getElementById || document.all)
	document.write('<div id="imgtrailer" style="position:absolute;visibility:hidden;"></div>')

function gettrailobject() {
	if (document.getElementById)
		return document.getElementById("imgtrailer")
	else if (document.all)
		return document.all.trailimagid
}

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

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

function trailOff() {
	if (xto && xto > 0) {
		clearTimeout(xto);
	}

	document.onmousemove='';
	gettrailobj().visibility="hidden";
}

function trailOn(thumbimg,imgtitle,username,imgid,imgsize,credit,level,thw,thh,smallmedium) {
	
	var imgLoading	= "img/loadingnew.gif";
	var corFundo	= "#fff";
	
	if (navigator.userAgent.indexOf("Opera")==-1) {
		var smallmedium = (smallmedium == null) ? 0 : smallmedium;
		switch(smallmedium) {
			case 1:
				var thumbimgprev = thumbimg.replace(/thumb_/, "thumbimg_");
				break;
			case 0:
				var thumbimgprev = thumbimg.replace(/thumb_/, "thumbsmall_");
				break;
			case 2:
				var thumbimgprev = thumbimg.replace(/big/, "small");
				break;
		}
		gettrailobj().left="-500px";
		divthw = parseInt(thw) + 2;
		smthw = parseInt(thw) + 2;			
		halfthh = 50;
		halfthh = Math.ceil(parseInt(thh)/2);
		topx = halfthh - 9;
		smthh = parseInt(thh) + 2;	
		if (navigator.userAgent.indexOf("Firefox") != -1 || navigator.userAgent.indexOf("Safari") != -1) {
			var popup = '<div style="background-color: '+ corFundo +'; layer-background-color: #b2a99d; border: 1px none #808080; padding:10px; width:'+ divthw +'px;height:100%;z-index:51"><div style="background-color: #FFFFFF; layer-background-color: #FFFFFF;width:'+ thw +'px;z-index:51">'+'<div style="border-width:0px;margin:0px;padding:0px;background-color: #ffffff; layer-background-color: #ffffff;z-index:51;position:absolute;width:'+ thw +'px;height:'+ smthh +'px;text-align:center"><img  src="'+ thumbimgprev +'"  width="'+ smthw +'" height="'+ smthh +'" border="0"></div><div style="border-width:0px;margin:0px;padding:0px;z-index:52;position:absolute;width:'+ thw +'px;top:'+ topx +'px;text-align: center;"><img src="'+ imgLoading +'"></div><div style="border-width:0px;margin:0px;padding:0px;z-index:53;position:absolute;width:'+ thw +'px;"><div style="border: 1px solid #808080;width:'+thw+'px;"><img name="btcontainer" id="btcontainer" src="http://thumbs.dreamstime.com/site-img/sep.gif" border="0" width="'+ thw +'" height="'+ thh +'" ></div></div></div><div style="visibility:hidden"><div style="height:'+ thh +'px">&nbsp;</div></div></div>';
			gettrailobject().innerHTML = popup;
		}
		if (navigator.userAgent.indexOf("MSIE")!=-1) {
			var popup = '<div style="background-color: '+ corFundo +'; layer-background-color: #b2a99d; border: 1px none #808080; padding:10px; width:'+divthw+'px;height:100%;z-index:51"><div style="background-color: #FFFFFF; layer-background-color: #FFFFFF;width:'+thw+'px;z-index:51">'+'<div style="border-width:0px;margin:0px;padding:0px;background-color: #FFFFFF; layer-background-color: #FFFFFF;z-index:51;position:absolute;width:'+thw+'px;height:'+smthh+'px;text-align:center"><img  src="'+thumbimgprev+'"  width="'+smthw+'" height="'+smthh+'" border="0"></div><div style="border-width:0px;margin:0px;padding:0px;z-index:52;position:absolute;width:'+thw+'px;top:'+topx+'px;text-align: center;"><img src="'+ imgLoading +'"></div><div style="margin:0px;padding:0px;z-index:53;position:absolute;width:'+thw+'px;"><div style="border: 1px solid #808080;width:'+thw+'px;"><img name="btcontainer" id="btcontainer" src="http://thumbs.dreamstime.com/site-img/sep.gif" border="0" width="'+thw+'" height="'+thh+'"  ></div></div></div><div style="visibility:hidden"><div style="height:'+thh+'px">&nbsp;</div></div></div>';
			gettrailobject().innerHTML = popup;
		}

		xto = setTimeout("xtimeOut('"+ thumbimg +"')",100);
		
		gettrailobj().visibility="visible";
		divw = parseInt(thw)+25;
		divh = parseInt(thh)+130;
		document.onmousemove=followmouse;
	}	
}
function xtimeOut(thumbimgg){
	if (document.getElementById)
		document.getElementById('btcontainer').src = thumbimgg;
	else if (document.all)
		document.all.btcontainer.src = thumbimgg;

}
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"
}