/*
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){


	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)) ) {
		( width == 0 ) ? width = defaultimagewidth: '';
		( height == 0 ) ? height = defaultimageheight: '';
			
		width +=15 ; 
		height+= 20 ;
		defaultimageheight = height  ;
		defaultimagewidth = width ;
		
		document.onmousemove=followmouse; 
       
		
		newHTML = '<div class="border_preview"  style=" border:solid  1px white; width:'+  width +'px;height:'+ height +'px"><div id="loader_container" ><div id="loader"><div align="center" >Loading template preview...</div><div id="loader_bg"><div id="progress"></div></div></div></div>';
		newHTML = newHTML + '<table class="title_h2" width=100% border=0  ><tr><td><div class="TITLE2" >'+title +'</div></td></tr>'
		
    	newHTML = newHTML + '<tr class="preview_temp_load" ><td style=" border:solid  1px black;" ><img onload="javascript:remove_loading();" src="' + imagename + '"  border="0" width="'+width+'" height="'+height+'" ></td></tr></table>';
		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;
	}
}

function followmouse(e){
    var xCoord1 = 0;
    var yCoord1 = 0;
    if (document.layers)
    {
        xCoord1 = e.x;
        yCoord1 = e.y;
    }
    else if (document.all)
    {
        xCoord1 = event.clientX;
        yCoord1 = event.clientY;
    }
    else if (document.getElementById)
    {
        xCoord1 = e.clientX;
        yCoord1 = e.clientY;
    }
    //	var xcoord=offsetfrommouse[0]
    //	var ycoord=offsetfrommouse[1]
    var reltop = document.body.scrollTop;
    var relleft = document.body.scrollLeft;
    
    var xcoord= xCoord1;
    var ycoord= yCoord1;

	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)
    
    // ******************* X vector **********************************
    if (xCoord1 < defaultimagewidth  && docwidth - xCoord1 > defaultimagewidth)
    {
		xcoord = xCoord1 + 10; 
	} 
	else if (xCoord1 > defaultimagewidth && docwidth - xCoord1 < defaultimagewidth)
	{
		xcoord = xCoord1 - defaultimagewidth - 30;
	}
	else 
	{ 
	    if (xCoord1 >  docwidth - xCoord1)
	    {
	        xcoord = xCoord1 - defaultimagewidth - 30;
	    }
	    else
	    {
	        xcoord = xCoord1 + 10;
	    }   
	}
	
    // ******************* Y vector **********************************

    if (yCoord1 < defaultimageheight && docheight - yCoord1 > defaultimageheight )
    {
		ycoord = yCoord1 + 30; 
	} 
	else if (docheight - yCoord1 < defaultimageheight && yCoord1 > defaultimageheight )
	{
		ycoord = yCoord1 - defaultimageheight - 10;
	}
	else if (docheight - yCoord1 > defaultimageheight && yCoord1 > defaultimageheight )
	{
	    ycoord = yCoord1 - (defaultimageheight/2);
	}
	else if(docheight - yCoord1 < defaultimageheight && yCoord1 < defaultimageheight && docheight > defaultimageheight )
	{
	    ycoord = Math.round ((docheight - defaultimageheight)/2);
	} 
	else
	{
	    ycoord = 20;
	}   
    gettrailobj().left= xcoord ;
    gettrailobj().top= reltop + ycoord ;
    gettrailobj().display="block";   
}