/***********************************************
* Cool DHTML tooltip script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

var offsetxpoint=-60; //Customize x offset of tooltip
var offsetypoint=20; //Customize y offset of tooltip
var ie=document.all;
var ns6=document.getElementById && !document.all;
var enablelayer=false;
if (ie||ns6)
var layerobj=document.all? document.all["imageLayer"] : document.getElementById? document.getElementById("imageLayer") : "";

function ietruebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}

function show_imageLayer(theimage, thetext, thecolor, thewidth, theheight){
if (ns6||ie){
if (typeof thewidth!="undefined") layerobj.style.width=thewidth+"px";
if (typeof thecolor!="undefined" && thecolor!="") layerobj.style.backgroundColor=thecolor;
layerobj.innerHTML='<center><img src="' + theimage + '" border="0" width="' + thewidth + '" height="' + theheight + '" /><br /><b>' + thetext + '</b></center>';
enablelayer=true;
return false;
}
}

function position_imageLayer(e){
if (enablelayer){
var curX=(ns6)?e.pageX : event.clientX+ietruebody().scrollLeft;
var curY=(ns6)?e.pageY : event.clientY+ietruebody().scrollTop;
//Find out how close the mouse is to the corner of the window
var rightedge=ie&&!window.opera? ietruebody().clientWidth-event.clientX-offsetxpoint : window.innerWidth-e.clientX-offsetxpoint-20;
var bottomedge=ie&&!window.opera? ietruebody().clientHeight-event.clientY-offsetypoint : window.innerHeight-e.clientY-offsetypoint-20;

var leftedge=(offsetxpoint<0)? offsetxpoint*(-1) : -1000;

//if the horizontal distance isn't enough to accomodate the width of the context menu
if (rightedge<layerobj.offsetWidth)
//move the horizontal position of the menu to the left by it's width
layerobj.style.left=ie? ietruebody().scrollLeft+event.clientX-layerobj.offsetWidth+"px" : window.pageXOffset+e.clientX-layerobj.offsetWidth+"px";
else if (curX<leftedge)
layerobj.style.left="5px";
else
//position the horizontal position of the menu where the mouse is positioned
layerobj.style.left=curX+offsetxpoint+"px";

//same concept with the vertical position
if (bottomedge<layerobj.offsetHeight)
layerobj.style.top=ie? ietruebody().scrollTop+event.clientY-layerobj.offsetHeight-offsetypoint+"px" : window.pageYOffset+e.clientY-layerobj.offsetHeight-offsetypoint+"px";
else
layerobj.style.top=curY+offsetypoint+"px";
layerobj.style.visibility="visible";
}
}

function hide_imageLayer(){
if (ns6||ie){
enablelayer=false;
layerobj.style.visibility="hidden";
layerobj.style.left="-1000px";
layerobj.style.backgroundColor='';
layerobj.style.width='';
}
}

document.onmousemove=position_imageLayer;