/*
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,25]; //image 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 defaultimageheight = 40;	//maximum image size.
var defaultimagewidth = 40;	//maximum image size.

var timer;

function gettrailobj()
{
	if (document.getElementById)
		return document.getElementById("preview_div").style
}

function gettrailobjnostyle()
{
	if (document.getElementById)
		return document.getElementById("preview_div")
}


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


function hidetrail()
{	
	gettrailobj().display = "none";
	document.onmousemove = "";
	gettrailobj().left = "-500px";
	clearTimeout(timer);
}

function showtrail(imagename,title,width,height,sizetxt,desc,codice,prezzo)
{
	i = imagename;
	t = title;
	w = width;
	h = height;
	s = sizetxt;
	d = desc;
	c = codice;
	p = prezzo;
	timer = setTimeout("show(i,t,w,h,s,d,c,p);",1);
}

function show(imagename,title,width,height,sizetxt,desc,codice,prezzo)
{
    var docwidth = document.all ? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth - offsetfrommouse[0];
	var docheight = document.all ? Math.min(truebody().scrollHeight, truebody().clientHeight) : Math.min(window.innerHeight);
	
	if ((navigator.userAgent.indexOf("Konqueror")==-1 || navigator.userAgent.indexOf("Firefox")!=-1 || (navigator.userAgent.indexOf("Opera")==-1 && navigator.appVersion.indexOf("MSIE")!=-1)) && (docwidth>650 && docheight>500)) 
	{
		(width == 0) ? width = defaultimagewidth : '';
		(height == 0) ? height = defaultimageheight : '';
		
		width += 30;
		height += 55;
		defaultimageheight = height;
		defaultimagewidth = width;
		
		document.onmousemove = followmouse; 

		newHTML = '<style>b {color:#0B557C;}</style><div style="width:'+  width +'px; z-index:100; position:absolute; background: #ffffff;border: 1px solid #444;"><div id="loader_container" style="text-align:center; position:absolute; top:40%; width:100%;"><div style="font-family:Tahoma, Helvetica, sans;font-size:10px;color:#000000;background-color:#FFFFFF;padding:10px 0 16px 0;margin:0 auto;display:block;width:135px;border:1px solid #6A6A6A;text-align:left;z-index:255;"><div align="center">Loading image preview...</div><div style="background-color:#EBEBE4;position:relative;top:8px;left:8px;height:7px;width:113px;font-size:1px"><div id="progress" style="height:5px;font-size:1px;width:1px;position:relative;top:1px;left:10px;background-color:#9D9D94"></div></div></div></div>';
		newHTML = newHTML + '<h2 style="text-align:left;padding:12px 0 0 18px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:13px;color:#0B557C;">'+ title +'</h2>';
   		newHTML = newHTML + '<div style="vertical-align:top;text-align:left;padding: 10px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;color:#666666;"><table><tr><td><img onload="javascript:remove_loading();" src="' + imagename + '" border="0" align="center"></td><td style="vertical-align:top;text-align:left;padding: 10px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;color:#666666;">' + prezzo + '<br>' + codice + '<br><br>' + desc + '<br><br>' + sizetxt + '</td></tr></table></div>';
		newHTML = newHTML + '</div>'; 
		
		if(navigator.userAgent.indexOf("MSIE")!=-1 && navigator.userAgent.indexOf("Opera")==-1 )
			newHTML = newHTML + '<iframe src="about:blank" scrolling="no" frameborder="0" width="'+width+'" height="'+height+'"></iframe>';		

		gettrailobjnostyle().innerHTML = newHTML;
		gettrailobj().display = "block";
	} 
}

function followmouse(e)
{
	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(window.innerHeight);

	if (typeof e != "undefined")
	{
		if (docwidth - e.pageX < defaultimagewidth + 2*offsetfrommouse[0])
			xcoord = e.pageX - xcoord - defaultimagewidth; // Move to the left side of the cursor
		else
			xcoord += e.pageX;
		
		if (docheight - e.pageY < defaultimageheight + 2*offsetfrommouse[1])
			ycoord += e.pageY - Math.max(0,(2*offsetfrommouse[1] + defaultimageheight + e.pageY - docheight - truebody().scrollTop));
		else
			ycoord += e.pageY;
	} 
	else if (typeof window.event != "undefined")
	{
		if (docwidth - event.clientX < defaultimagewidth + 2*offsetfrommouse[0])
			xcoord = event.clientX + truebody().scrollLeft - xcoord - defaultimagewidth; // Move to the left side of the cursor
		else 
			xcoord += truebody().scrollLeft+event.clientX;
		
		if (docheight - event.clientY < (defaultimageheight + 2*offsetfrommouse[1]))
			ycoord += event.clientY + truebody().scrollTop - Math.max(0,(2*offsetfrommouse[1] + defaultimageheight + event.clientY - docheight));
		else 
			ycoord += truebody().scrollTop + event.clientY;
	}
	
	gettrailobj().left = xcoord + "px";
	gettrailobj().top = ycoord + "px";
}

var t_id = setInterval(animate,20);
var pos = 0;
var dir = 2;
var len = 0;

function animate()
{
	var elem = document.getElementById('progress');
	if (elem != null) 
	{
		if (pos==0) len += dir;
		if (len>32 || pos>79) pos += dir;
		if (pos>79) len -= dir;
		if (pos>79 && len==0) pos = 0;
		elem.style.left = pos;
		elem.style.width = len;
	}
}

function remove_loading() 
{
	this.clearInterval(t_id);
	var targelem = document.getElementById('loader_container');
	targelem.style.display = 'none';
	targelem.style.visibility = 'hidden';
	var t_id = setInterval(animate,60);
}