var offsetfrommouse=[2,2]; //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 = 110;	// 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,title,description,ratingaverage,ratingnumber,showthumb,height){
function showtrail(title,img,xcor,ycor){
	if (xcor!='' && ycor!=''){
		offsetfrommouse=[xcor,ycor];
	}
	document.onmousemove=followmouse;
	newHTML = '<div style="padding: 5px; background-color: #FFF; border: 1px solid #888;">';
	newHTML = newHTML + '<p class="intro" ><b>' + title + '</b></p>';
	newHTML = newHTML + '<p class="intro" align="center"> '+ '<img src="../'+ img  +'" width=350 height=300 border="0" />' + '</p>';
	newHTML = newHTML + '</div>';
	gettrailobjnostyle().innerHTML = newHTML;
	gettrailobj().visibility="visible";
}


function showtrailHTML(title,txt,xcor,ycor){
	if (xcor!='' && ycor!=''){
		//var currentimageheight =10;
		
	}
	//document.onmousemove=followmouse;
	newHTML = '<div style="padding: 5px; background-color: #FFF; border: 1px solid #888;">';
	newHTML = newHTML + '<p " ><b>' + title + '</b></p>';
	newHTML = newHTML + '<p  align="center"> '+ txt + '</p>';
	newHTML = newHTML + '</div>';
	gettrailobjnostyle().innerHTML = newHTML;
	gettrailobj().visibility="visible";
}


function hidetrail(){
	gettrailobj().visibility="hidden"
	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"){
		if (docwidth - e.pageX < 300){
			xcoord = e.pageX - xcoord - 286; // 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"){
		if (docwidth - event.clientX < 300){
			xcoord = event.clientX + truebody().scrollLeft - xcoord - 286; // 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;
		}
	}

	var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15
	var docheight=document.all? Math.max(truebody().scrollHeight, truebody().clientHeight) : Math.max(document.body.offsetHeight, window.innerHeight)
		if(ycoord < 0) { ycoord = ycoord*-1; }
	gettrailobj().left=xcoord+"px"
	gettrailobj().top=ycoord+"px"

}


/////////////////////////
var bookPopoverTimer = null;
 var sitb_x, sitb_y, sitb_temp;

if(document.layers) {
 sitb_hideLayer('bookpopover');
 
} else {

}

function sitb_getLayer(obj) {
  if(document.layers) {
    return document.layers[obj];
  } else if(document.all && !document.getElementById) {
   return document.all[obj];
  } else if(document.getElementById) {
   return document.getElementById(obj);
  } else {
   return null;
  }
}


function sitb_hideLayer(obj) {
  var sitb_lyr = sitb_getLayer(obj);
  if(!sitb_lyr) {
    return;
  }

  if(document.layers) {
    sitb_lyr.visibility="hidden";
  } else {
    sitb_lyr.style.display="none";
    sitb_lyr.style.visibility="hidden";
  }

}



function sitb_doHide (obj) {
  if(document.layer) {
    return;
  }
  bookPopoverTimer = setTimeout('sitb_hideLayer("' + obj +'")', 50);  
}


		function sitb_showLayer(obj,imgP,sitbleft,sitbtop) {
		  if(document.layer) {
			return; // netscape 4
		  }
		
		  if(bookPopoverTimer) {
			clearTimeout(bookPopoverTimer);
			bookPopoverTimer = null;
		  }
		
		  var sitb_lyr = sitb_getLayer(obj);
		  if(!sitb_lyr) {
			return;
		  }
		
		  var sitb_img = sitb_getLayer(imgP);
		
		  if(!sitb_img) {
			return;
		  }
		
		 situa_layer(sitb_img)
			sitb_lyr.style.visibility="visible";
			sitb_lyr.style.display="block";
			sitb_lyr.style.left = (sitb_x + (sitb_img.width / 2))-sitbleft;
			sitb_lyr.style.top = (sitb_y + (sitb_img.height / 2) + 40)-sitbtop;
			

	
	}


function situa_layer(sitb_img){
		 if(sitb_img.x) {
			sitb_x = sitb_img.x;
		  } else {
			sitb_temp = sitb_img;
			sitb_x = sitb_img.offsetLeft;
			while(sitb_temp.offsetParent) {
			  sitb_temp = sitb_temp.offsetParent;
			  sitb_x += sitb_temp.offsetLeft;
			}
		  }
		  if(sitb_img.y) {
			sitb_y = sitb_img.y;
		  } else {
			sitb_temp = sitb_img;
			sitb_y = sitb_img.offsetTop;
			while(sitb_temp.offsetParent) {
			  sitb_temp = sitb_temp.offsetParent;
			  sitb_y += sitb_temp.offsetTop;
			}
		  }
}

///////////////



function toggleDisplay(divName,Left,Top){
		if (Top=='img'){
			var sitb_img = sitb_getLayer(Left);
			situa_layer(sitb_img)
			//alert(sitb_x);
		}
		
		
		Left=sitb_x-50;
		Top=sitb_y+5;
	if (Left=='' || !Top){
		Left=1;
	}
	if (Top=='' || !Top){
		Top=1;
	}
	


	var tempDiv = document.getElementById(divName);
	if (!tempDiv) {
		return;
	}  

	tempDiv.style.left=Left;
	tempDiv.style.top=Top;
	 if ((tempDiv.style.display=="block")||(tempDiv.style.display=="" && tempDiv.className.indexOf("hid") == 0)){
	 	tempDiv.style.display="none";
	 }
	 else {	
	 	if ((tempDiv.style.display=="none")||(tempDiv.className.indexOf("hid") != 0)){
			tempDiv.style.display="block";
		}
	 }
}