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

var offsetfrommouse=[25,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 = 500;	// maximum image size.
var defaultimagewidth = 500;	// maximum image size.

var timer;
var isfirsttime = 1; 

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(){
//	return
	isfirsttime = 1 
	gettrailobj().display= "none";
	document.onmousemove=""
	document.onmouseover=followmouse
	gettrailobj().left="-1000px"
	clearTimeout(timer);
}

function showtrail(imagename,title,width,height){
	i = imagename
	t = title
	w = width
	h = height
	timer = setTimeout("show('"+i+"',t,w,h);",200);
}
function show(imagename,title,width,height){
 
    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>500 && docheight>500)) {
		( width == 0 ) ? width = defaultimagewidth: '';
		( height == 0 ) ? height = defaultimageheight: '';
		var coef=1; 	
		//width+=30;
		height+=55;
		
		if(width>500 || height>500) 
		{
			if(width>height)
			  coef= 500/width;
			else
			coef=500/height;
			width=width*coef;
			height=height*coef ;
		}
		
		
		/*var width1= width + 30;
		var height1 = height + 55;*/
		var width1= width + 30;
		var height1 = height + 15;
		
		defaultimageheight = height1;
		defaultimagewidth = width1;
		//document.onload=followmouse;
		//alert ("TEST1" + gettrailobj().left)
		document.onmouseover=followmouse; 
		
		newHTML ='<div class="border_preview" style="BORDER: #cfcfcf 1px solid; BACKGROUND-COLOR: #ffffff;;width :516px;height:516px" ALIGN=CENTER>';
	    	newHTML = newHTML + '<div  style="BORDER: #cfcfcf 1px solid; BACKGROUND-COLOR: #ffffff;width: 506px;height: 506px;margin-TOP:5PX;" class="preview_temp_load" >' +
			'<table style="FONT-SIZE: 0px; BORDER: #cfcfcf 0px solid; WIDTH: 100%; HEIGHT: 100%; BACKGROUND-COLOR: #ffffff;text-align: center; vertical-align: middle;display:table-cell;"><tr><td valign=middle align=center>		<img src="' + imagename + '" border="0"></table></div>';
		newHTML = newHTML + '<p class="title_h2" style="FONT-SIZE: 12px;color:#6b6b6b;BACKGROUND-COLOR: #ffffff;"><br><b>' + ' '+title + '<br>&nbsp;</p>';
		newHTML = newHTML + '</div>'; 
		
		if(navigator.userAgent.indexOf("MSIE")!=-1 && navigator.userAgent.indexOf("Opera")==-1 ){
			//newHTML = newHTML+'<iframe src="about:blank" scrolling="no" frameborder="1" style="background-color: #ff0000; border-style: solid;"  width="'+width+'" height="'+height+'"></iframe>';
		}		

//////////////////////////////////////////////////
	ycoord = truebody().scrollTop + 10*1
	gettrailobj().top= ycoord+"px"
/////////////////////////////////////////////////

		gettrailobj().left="300px"
		//gettrailobj().top= "10px"
		//followmouse()
		gettrailobjnostyle().innerHTML = newHTML;
		gettrailobj().display="block";
	}
	//alert ("TEST2" + gettrailobj().left)
}


function followmouse(e){

	if ( isfirsttime == 1){
		document.onmouseover=''; 
		document.onmousemove=followmouse; 
		isfirsttime = 0 
	}
	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)
//alert (truebody().scrollHeight + " + " + truebody().clientHeight +" + " + 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;
		}
//alert (docheight +" - "+  e.pageY  +" < "+ defaultimageheight +" + 2*" +offsetfrommouse[1])
	} 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;
		}
	}
	//alert ("a " +ycoord+"px")
	gettrailobj().left=xcoord+"px"
	ycoord = truebody().scrollTop + 10*1
	//alert (ycoord+"px" + truebody().scrollTop)
	gettrailobj().top= ycoord+"px"
//	gettrailobj().top= "10px"
	
}