var displayduration=0;
var trailImgArray = new Array();
var offsetfrommouse = new Array();
//var target_div;
//var target_img;

function showTrail(area, cliente) {

	fileext=".jpg";
	if (area == 'des') { larg = 253, alt=274, offsetfrommouse=[-253,25]; }
	else { larg=320, alt=347, offsetfrommouse=[15,25]; }
	trailImgArray[0] = "gfx/clientes/projs/"+area+"/"+cliente+fileext;
	trailImgArray[1] = larg;
	trailImgArray[2] = alt;
	target_img = 'trailimg'+area;
	target_div = eval('traildiv'+area); 
	target_div.style.visibility = "visible";
	document.getElementById(target_img).src=trailImgArray[0];
	document.onmousemove=followmouse;
}


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

function hideTrail(){

	document.getElementById(target_img).src="gfx/spacer.gif";	
	target_div.style.visibility="hidden";
	target_div.style.left=0+'px';
	target_div.style.top=0+'px';
	document.onmousemove="";
}

function followmouse(e){
	var xcoord=offsetfrommouse[0];
	var ycoord=offsetfrommouse[1];
//	alert(target_div);

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

	target_div.style.display="";
	target_div.style.left=xcoord+"px";
	target_div.style.top=ycoord+"px";
}
