var ie, ns;
var active = false;

ie = document.all ? 1 : 0;
ns4 = document.layers ? 1 : 0;
nsplus = window.netscape ? 1 : 0;

//alert("ie: "+ie+"\nns4: "+ns4+"\nnsplus: "+nsplus);

function ShowBubble(content) {
active = true;
document.getElementById("tooltip").innerHTML = "<p class='tooltip'>" + content + "</p>";
document.getElementById("tooltip").style.visibility = "visible";
}

function HideBubble() {
active = false;
document.getElementById("tooltip").style.visibility = "hidden";
}

function setTipPos(e) {

if(active) {

if(ie) {
document.getElementById("tooltip").style.top = event.y + 5;
tooltip.style.left = event.x + 5;
} 

if(ns4) {
document.getElementById("tooltip").left = e.pageX + 5;
document.getElementById("tooltip").top = e.pageY + 5;
}

if (nsplus) {
document.getElementById("tooltip").style.left = e.pageX + 5;
document.getElementById("tooltip").style.top = e.pageY + 5;
}

} else {
if(ns4) {
document.getElementById("tooltip").left = -200;
document.getElementById("tooltip").top = -200;
} else {
document.getElementById("tooltip").style.top = -200;
document.getElementById("tooltip").style.left = -200;
}
}
}

document.onmousemove = setTipPos;