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

var w = 1;
var h = 1;
var trailimage=["test.gif", 10, 10] //image path, plus width and height
var offsetfrommouse=[10,-20] //image x,y offsets from cursor position in pixels. Enter 0,0 for no offset

if (document.getElementById || document.all)
	document.write('<div id="trailimageid" style="position:absolute;z-index:500;visibility:hidden;left:0px;top:-1000px;width:1px;height:1px;border:1px solid #888888;background:#DDDDDD;"><img id="ttimg" src="img/s.gif" /><div id="texto" style="background-color:#CECECE; padding:5px" class="titulo tipo_narrow texto_gris_mas_oscuro"></div></div>');

function gettrailobj() {
	if (document.getElementById)
		return document.getElementById("trailimageid").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 hidetrail() {
	document.onmousemove = "";
	document.getElementById('ttimg').src = 'img/s.gif';
	gettrailobj().visibility = "hidden";
	gettrailobj().left = -1000;
	gettrailobj().top = 0;
}

function showtrail(width, height, file, titulo) {
	if (navigator.userAgent.toLowerCase().indexOf('opera') == -1
			&& navigator.userAgent.toLowerCase().indexOf('safari') == -1) {
		w = width;
		h = height;
		// followmouse()
		gettrailobj().visibility = "visible";
		gettrailobj().width = w + "px";
		gettrailobj().height = h + "px";
		//console.info('Antes--->left=%d, top=%d',gettrailobj().left,gettrailobj().top);
		//gettrailobj().left= imagePosition(1)+ "px";
		//gettrailobj().top= imagePosition(0)+ "px";
		document.getElementById('ttimg').src = file;
		document.getElementById('ttimg').height = 250;
		document.getElementById('texto').innerHTML = titulo;
		document.onmouseover=imagePosition;
		//document.onmousemove=followmouse;
		//console.info('Despues--->left=%d, top=%d',gettrailobj().left,gettrailobj().top);
	}
}

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);

		if (xcoord + w + 3 > docwidth)
			xcoord = xcoord - w - (20 * 2);

		if (ycoord - truebody().scrollTop + h > truebody().clientHeight)
			ycoord = ycoord - h - 20;

		gettrailobj().left = xcoord + "px";
		gettrailobj().top = ycoord + "px";
	}
}
function imagePosition(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;
			//console.info('type e!=undefined, xcoord= %d, ycoord=%d, pageX=%d, pageY=%d',xcoord,ycoord,e.pageX,e.pageY);
		} 
		else if (typeof window.event != "undefined") {
			xcoord += truebody().scrollLeft + event.clientX;
			ycoord += truebody().scrollTop + event.clientY;
			//console.info('type window.event!=undefined, xcoord= %d, ycoord=%d, pageX=%d, pageY=%d',xcoord,ycoord,event.clientX,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);
		//console.info('docwidth=%d, docheight=%d', docwidth,docheight);
		//console.info('ycoord=%d, h=%d,truebody().scrollTop=%d,truebody().clientHeight=%d',ycoord,h,truebody().scrollTop,truebody().clientHeight);	
		if (xcoord + w + 3 > docwidth)
			xcoord = xcoord - w - (20 * 2);
		// 250 pq es la altura que le he dado a la imagen para que se muestre
		if( ycoord - truebody().scrollTop + 250 > truebody().clientHeight) 
			ycoord = ycoord - 250 - 20;
		gettrailobj().left = xcoord + "px";
		gettrailobj().top = ycoord + "px";
		//console.info('Despues--->left=%d, top=%d',gettrailobj().left,gettrailobj().top);
/*		if (left==1)			
			return  xcoord + "px";
		else
			return ycoord + "px";
*/
	}
}