//Image trail script. 
var offsetfrommouse=[15,15]; //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 currentimageheight = 270;	// maximum image size.

if (document.getElementById || document.all){
	document.write('<div id="trailimageid">');
	document.write('</div>');
}

function gettrailobj(){
if (document.getElementById)
return document.getElementById("trailimageid").style
else if (document.all)
return document.all.trailimagid.style
}

function gettrailobjnostyle(){
if (document.getElementById)
return document.getElementById("trailimageid")
else if (document.all)
return document.all.trailimagid
}


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

function showtrail(imagename,height,info_flag,module_name,title,hit,rating,user_name,author,level_range,download_counter,create_date,img_width,comment,favorites){
	
	//alert(tooltip);
	
	if(tooltip=='OFF')
	{

		return false;
	}

	imagename=imagename.replace('/thumbnails/','/media/');
	imagename=imagename.replace('/media/','/tooltip/');
	//alert(imagename); return false ;
	
	if (height > 0){
	 	currentimageheight = height;
	 //	currentimageheight = img_height ;	
	}

	document.onmousemove = followmouse;
	//alert(img_height + " " + img_width);return false;
	newHTML = '<div class="hover_font" >';
	newHTML = newHTML + '<span ><table style="text-align:left;"  cellspacing="2">';
//	newHTML = newHTML + '<span ><table  width ='+img_width+' cellspacing="2">';
/*	if(img_width > 325 )
	{
		newHTML = newHTML + '<tr><td><img id="trail"  src="' + imagename + '"  width="325"  ></td></tr>';
	}else{*/
		newHTML = newHTML + '<tr><td><img id="trail" src="' + imagename + '" width="325"  ></td></tr>';
//	}
	if(info_flag != 0)
	{
		/*newHTML = newHTML + '<tr><td>';
		newHTML = newHTML + 'Module Name : ' + module_name;
		newHTML = newHTML + '</td></tr>';*/
		newHTML = newHTML + '<tr><td>';
		newHTML = newHTML + '<font color="black">Author</font> : <font color="black"><b>' + author +'</b></font>';
		newHTML = newHTML + '</td></tr>';
		newHTML = newHTML + '<tr><td>';
		newHTML = newHTML + '<font color="black">Title</font> : <font color="black"><b>' + title +'</b></font>';
		newHTML = newHTML + '</td></tr>';
		newHTML = newHTML + '<tr><td>';
		newHTML = newHTML + '<font color="black">Date</font> : <font color="black"><b>' + create_date +'</b></font>';
		newHTML = newHTML + '</td></tr>';
		newHTML = newHTML + '<tr><td>';
		newHTML = newHTML + '<font color="black">Rating</font> : <font color="black"><b>' + rating +'</b></font>';
		newHTML = newHTML + '</td></tr>';
		newHTML = newHTML + '<tr><td>';
		newHTML = newHTML + '<font color="black">Hits</font> : <font color="black"><b>' + hit +'</b></font>';
		newHTML = newHTML + '</td></tr>';
		/*newHTML = newHTML + '<tr><td>';
		newHTML = newHTML + 'By : ' + user_name;
		newHTML = newHTML + '</td></tr>';*/
		/*newHTML = newHTML + '<tr><td>';
		newHTML = newHTML + 'Level Range : ' + level_range;
		newHTML = newHTML + '</td></tr>';
		newHTML = newHTML + '<tr><td>';
		newHTML = newHTML + 'Download Counter : ' + download_counter;
		newHTML = newHTML + '</td></tr>';*/
		newHTML = newHTML + '<tr><td>';
		newHTML = newHTML + '<font color="black">Comments</font> : <font color="black"><b>' + comment +'</b></font>';
		newHTML = newHTML + '</td></tr>';
		newHTML = newHTML + '<tr><td>';
		newHTML = newHTML + '<font color="black">Favorites</font> : <font color="black"><b>' + favorites +'</b></font>';
		newHTML = newHTML + '</td></tr>';

	}
	newHTML = newHTML + '</table></span>';
	newHTML = newHTML + '</div>';
	gettrailobjnostyle().innerHTML = newHTML;
	gettrailobj().display="inline";
}



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

}

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"){
				//	alert(docwidth + " "+ e.pageX +" "+ xcoord + " " + document.getElementById("trail").width);return false;
		if (docwidth - e.pageX < 420){
		//	alert(docwidth + e.pageX + xcoord);return false;
			xcoord = e.pageX - xcoord - 400; // Move to the left side of the cursor
		} else {
			xcoord += e.pageX;
		}
		if (docheight - e.pageY < (currentimageheight + 110)){
			ycoord += e.pageY - Math.max(0,(110 + currentimageheight + e.pageY - docheight - truebody().scrollTop));
		} else {
			ycoord += e.pageY;
		}

	} else if (typeof window.event != "undefined"){
			//		alert(docwidth + " " + e.pageX + " " + xcoord + " " + document.getElementById("trail").width);return false;
		if (docwidth - event.clientX < 420){
			
			xcoord = event.clientX + truebody().scrollLeft - xcoord - 400; // Move to the left side of the cursor
		} else {
			xcoord += truebody().scrollLeft+event.clientX
		}
		if (docheight - event.clientY < (currentimageheight + 110)){
			ycoord += event.clientY + truebody().scrollTop - Math.max(0,(110 + currentimageheight + event.clientY - docheight));
		} else {
			ycoord += truebody().scrollTop + event.clientY;
		}
	}

	if(ycoord < 0) { ycoord = ycoord*-1; }
	  gettrailobj().left=xcoord+"px"	
  	  gettrailobj().top=ycoord+"px"

}