<!--

/* 
 * Modified code of hovering box written by Ralph Capper (www.ralpharama.co.uk)
 * Scott Piao
 */


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.font = "normal small verdana";
    ent.style.padding = "1px 1px 1px 1px";
    ent.style.background = "#fff588";
    ent.style.border = "1px solid black";
    // Don't, however, change these
    ent.style.left = -100;
    ent.style.top = -100;
    ent.style.position = 'absolute';
    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;
        ent.style.top = posy + offsetY;
    }
}
// Change floating div to correct text on mouseover

function showHoverBox(t, e) {
    popUp = true;
    ent.innerHTML = t;
}
// Change back to nothing

function clearHoverBox() {
    popUp = false;
    ent.style.left = -100;
    ent.style.top = -100;
    ent.innerHTML = "";
}