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 showTip(contenttitle, content) {
active = true;
//document.getElementById("tooltip").innerHTML = "<p class='tooltip'>" + content + "</p>";
//document.getElementById("tooltip").innerHTML = "<p class='tooltip'><div style='background-color: #003366'><b>" + contenttitle + "</b></div><div></b>" + content + "</div></p>";
document.getElementById("tooltip").innerHTML = "<div class='tooltip'><div class='title'>" + contenttitle + "</div><div class='content'>" + content + "</div></div>";
document.getElementById("tooltip").style.visibility = "visible";
}

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

function setTipPos(e) {

if(active) {

if(ie) {
document.getElementById("tooltip").style.top = event.y + 5;
document.getElementById("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 = -100;
document.getElementById("tooltip").top = -100;
} else {
document.getElementById("tooltip").style.top = -100;
document.getElementById("tooltip").style.left = -100;
}
}
}

if(ns4 || nsplus) {
document.onmousemove = setTipPos;
}