function mouseX(evt) {
  if (evt.pageX) return evt.pageX; 
  else if (evt.clientX)return evt.clientX + (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft);
  else return null;
}

function mouseY(evt) {
  if (evt.pageY) return evt.pageY;
  else if (evt.clientY) return evt.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);
  else return null;
}

function set_tooltip(text) {
  var tooltip = document.getElementById("tooltip");
  tooltip.innerHTML=text;
  
}

function show_tooltip(event) {
  var tooltip = document.getElementById("tooltip");
  tooltip.style.visibility = "visible";
  tooltip.style.left = (mouseX(event)+20) + "px";
  tooltip.style.top  = (mouseY(event)+20) + "px";  
}

function hide_tooltip() {
  var tooltip = document.getElementById("tooltip");
  tooltip.style.visibility = "hidden";
}