if (document.getElementById || document.all){
	document.write('<div id="imagepreview" style="display:none;position:absolute; z-index:200; " class="trail">');
	document.write('</div>');
}

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

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

function HidePopUp(event){
	var trailing=true;
	event = event || window.event; 
  	var elem = event.target || event.srcElement;
		if(elem.tagName=="IMG" || elem.className=="trail")
		{
			trailing=false;
		}
	
	if(trailing){
	if(document.getElementById('trail')){ 
	$("#trail").remove();
	$("#imagepreview").hide();
	}
	}
}

function CreatePopUp (me,imagename, imagenum, license, caption, showthumb, brand, photoid){
		$("#trail").remove();
		var W=$(me).width()*3+10;
		var H=$(me).height()*3+65;

		newHTML = '<div style="position:absolute;width:'+W+'px;height:'+H+'px; padding: 5px; background-color: #FFF; border: 1px solid #888;z-index:20000" id="trail" class="trail">';
		if (showthumb > 0){
			newHTML = newHTML + '<div id="info"></div><div align="center" style="padding: 8px 2px 2px 2px;" class="trail"><img id="image" src="' + imagename + '" border="0" class="trail"></div>';
		}
		newHTML = newHTML + '<span class="verdana10"><b>' + brand + '</b></span><br>';
		newHTML = newHTML + '<span class="verdana10">' + imagenum + '</span><br>';
		newHTML = newHTML + '<span class="verdana10">' + caption + '</span><br>';		
		newHTML = newHTML + '</div>';

		gettrailobjnostyle().innerHTML = newHTML;
		$("#imagepreview").show().mouseleave(function(){ HidePopUp();});
	}

function showtrail(me,imagename, imagenum, license, caption, showthumb, brand, photoid){
	var boolroll=true;
	if (parent.document.getElementById("rollover")){boolroll=parent.document.getElementById("rollover").checked;}
	if (document.getElementById("rollover")){boolroll=document.getElementById("rollover").checked;}
	if(boolroll) {

		//creation de la preview
		CreatePopUp (me,imagename, imagenum, license, caption, showthumb, brand, photoid);
		// view dimensions & position
		var winH=$(window).height();
		var winW=$(window).width();

		//iframe position /dimension
		var Ipos=$("#result").offset();
		var IDimW=$("#result").width();
		var IDimH=$("#result").height();

		//SCROLL position
		var ScrollX=$(window).scrollLeft();
		var ScrollY=$(window).scrollTop(); 
		
		// popup dimensions 
		var puDimsW=$("#trail").width();
		var puDimsH=$("#trail").height();
		
		// get the dimensions of the thumbnail
		var thmbPosX=$(me).offset().left+Ipos.left;
		var thmbPosY=$(me).offset().top+Ipos.top;
		var thmbDimW=$(me).width();
		var thmbDimH=$(me).height();

		
		//Position horizonal
		var puX;
		var limit=[];
		limit["L"]=Ipos.left;
		limit["R"]=Ipos.left+IDimW-puDimsW;
		limit["M"]=Ipos.left+IDimW/2;

		
		if(thmbPosX >= limit["M"]) {
			puX=thmbPosX-puDimsW-5;}
		else {
			puX=thmbPosX+thmbDimW+5;}
		
		if(puX>=limit["R"]) {puX=limit["R"]-5;}
		if(puX<=limit["L"]) {puX=limit["L"]+5;}
		
		//position vertical
		var puY;
		puY=ScrollY-Ipos.top+((winH)/2);
		
		//
		$("#imagepreview").css({'left':puX,'top':puY}).show();
		
		$(document).mousemove(function(e){HidePopUp(e);});
		$(me).parent().parent().mousemove(function(e){HidePopUp(e);});
	}
}