var tool_layer = document.createElement("div");
document.body.appendChild(tool_layer);
tool_layer.style.position = "absolute";
tool_layer.style.visibility = "hidden";

//Define style for message box here:
tool_layer.className = "tooltip";

var tooltip={
displayed:false,
on:function(message){
tool_layer.innerHTML = message;
this.displayed = true;
tool_layer.style.visibility = "visible";
},
off:function(){
this.displayed = false;
tool_layer.style.visibility = "hidden";
},
move:function(evt){
var dist = -505;
var disty = -100;
if(this.displayed){
if (document.addEventListener) {
tool_layer.style.left = ((evt.clientX + window.pageXOffset)+dist) + 'px';
tool_layer.style.top = ((evt.clientY + window.pageYOffset)+disty) + 'px';
}
else if (window.opera) {
tool_layer.style.left = ((evt.clientX + window.pageXOffset)+dist) + 'px';
tool_layer.style.top = ((evt.clientY + window.pageYOffset)+disty) + 'px';
}
else if (window.event) {
if (document.compatMode && document.compatMode!= 'BackCompat') {
tool_layer.style.left = ((event.clientX + document.documentElement.scrollLeft)+dist) + 'px';
tool_layer.style.top = ((event.clientY + document.documentElement.scrollTop)+disty) + 'px';
}
else {
tool_layer.style.left = ((event.clientX + document.body.scrollLeft)+dist) + 'px';
tool_layer.style.top = ((event.clientY + document.body.scrollTop)+disty) + 'px';
}
}
else if (document.layers) {
tool_layer.left = evt.pageX+15;
tool_layer.top = evt.pageY-30;
}
}
}
} 