// hover box
if (document.layers) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=mtrack;
var ent;
var posx=0;
var posy=0;
var offsetX=16;
var offsetY=16;
var popUp = false;

function init() {

ent = document.createElement("div");

ent.style.color = "#000000";
ent.style.font = "normal xx-small verdana";
ent.style.padding = "1px 1px 1px 1px";
ent.style.background = "#fff589";
ent.style.border = "1px solid black";
ent.style.left = -100+'px';
ent.style.top = -100+'px';
ent.style.position = 'absolute';
ent.innerHTML = '';
ent.style.zIndex = 10;
document.getElementById("thepage").appendChild(ent);
}

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';
}
}

function doText(t, e) {
popUp = true;
ent.innerHTML = t;
}

function doClear() {
popUp = false;
ent.style.left = -100+'px';
ent.style.top = -100+'px';
ent.innerHTML = "";
}