<!-- 
// ** Popup box hover thingy (c)2005 by Ralph Capper 
// ** Free for you to use - but please credit me - www.ralpharama.co.uk 
// Start trapping mouse 

if (document.layers) document.captureEvents(Event.MOUSEMOVE); 
document.onmousemove=mtrack; 
var ent; // Our floating div 
var posx=0; // Our mouseX 
var posy=0; // Our mouseY 
var offsetX=16; // Offset X away from mouse 
var offsetY=16; // Offset Y 
var popUp = false; // Is it showing right now??! 

// Run upon load 
function init() { 
// Set up div we will use to hover our text 
ent = document.createElement("div"); 
// Change these to customise your popup 
ent.style.color = "#000000"; 
ent.style.font = "normal xx-small verdana"; 
ent.style.padding = "5px 5px 5px 5px"; 
ent.style.background = "#fff"; 
ent.style.border = "1px solid #e3c5bf"; 
// Don't, however, change these 
ent.style.left = "-100px"; 
ent.style.top = "-100"; 
ent.style.position = 'absolute';
ent.style.display="none";
ent.style.height = "50px"; 
ent.style.width = "150px"; 
ent.innerHTML = ''; 
ent.style.zIndex = "10"; 
document.getElementById("thepage").appendChild(ent); 
} 
// Keeps mouse x and y in posx and posy 

function mtrack(e) { 
if (popUp) { 
if (!e) var e = window.event; 
if (e.pageX || e.pageY) { 
posx = e.pageX; 
posy = e.pageY; 
} 
else if (e.clientX || e.clientY) { 
posx = e.clientX + document.body.scrollLeft; 
posy = e.clientY + document.body.scrollTop; 
} 
ent.style.left = posx + offsetX + "px"; 
ent.style.top = posy + offsetY + "px";
ent.style.display="block"; 
} 
} 
// Change floating div to correct text on mouseover 

function doText(t, e) { 
popUp = true; 
ent.innerHTML = t; 
} 
// Change back to nothing 

function doClear() { 
popUp = false; 
ent.style.left = "100px"; 
ent.style.top = "100px";
ent.style.display="none";
ent.innerHTML = ""; 
} 
--> 
