if (!document.all) document.captureEvents(Event.MOUSEMOVE)

document.onmousemove = mousePos;

var posX = 0
var posY = 0
var timeout;

function mousePos(e) {
  if (document.all) {
    posX = event.clientX + document.body.scrollLeft;
    posY = event.clientY + document.body.scrollTop; 
  } else {
    posX = e.pageX;
    posY = e.pageY;
  }
  if (posX < 0) posX = 0;
  if (posY < 0) posY = 0;
}

function setContent(element, content) {
  document.getElementById(element).innerHTML = content;
}

function setPosition(element, x, y) {
  document.getElementById(element).style.left = x+'px';
  document.getElementById(element).style.top = y+'px';
}

function show(element) {
  document.getElementById(element).style.visibility = "visible";
}

function hide(element) {
  document.getElementById(element).style.visibility = "hidden";
}

function cancelTimeout() {
  clearTimeout(timeout);
}

function showComentario(texto) {
  cancelTimeout();
  setPosition('comentario', posX, posY);
  setContent('comentario', texto);
  show('comentario');
}

function hideComentario() {
  timeout = setTimeout("hide('comentario')", 500);
}

function showAyuda(texto) {
  setPosition('ayuda', posX+10, posY+10);
  setContent('ayuda', texto);
  show('ayuda');
}

function hideAyuda() {
  hide ('ayuda');
}