function showit() {
  document.getElementById('info').style.left = event.x + 20 + "px";
  document.getElementById('info').style.top = event.y + 5 + "px";
}

function showitMOZ(e) {
  document.getElementById('info').style.left = e.layerX +20 + "px";
  document.getElementById('info').style.top = e.layerY  + 5 + "px";
}

function showInfo(text,e) {
document.getElementById('info').style.display='block';
document.getElementById('info').innerHTML = text;
if (!document.all) {
  window.onmousemove=showitMOZ(e);
} else {
  document.onmousemove=showit;
}

}
function hideInfo() {
  document.getElementById('info').style.display='none';
}