// ********** Parte 1: Inicializar valores
      window.onload = init;
      MouseX=0;
      MouseY=0;	 
	  var IE = document.all?true:false
      // ********** Parte 2: Funciones
    
      // Función para capturar el evento "Mouse Move" (al moverse el mouse)
      function init()
	  {
      //  if (window.Event) {
      //    document.captureEvents(Event.MOUSEMOVE);
      //  }
      //  document.onmousemove = getXY;
        if (!IE) { document.captureEvents(Event.MOUSEMOVE)}
        document.onmousemove = getXY;
      }
      // Función que actualiza la posición del ratón
      function getXY(e) 
	  {
      //  MouseX = (window.Event) ? e.pageX : (event.clientX + document.body.scrollLeft);
      //  MouseY = (window.Event) ? e.pageY : (event.clientY + document.body.scrollTop);         
		if (IE) { MouseX  = event.clientX + document.body.scrollLeft;
		MouseY = event.clientY + document.body.scrollTop}
		else { MouseX  = e.pageX; MouseY  = e.pageY };
		if (MouseX  < 0) {MouseX  = 0};
		if (MouseY  < 0) {MouseY  = 0}; 
      }

      // Función que aparece y desaparece el cuadrito de la ayuda
      function  capaVisible( id, status, posy, posx ) 
      {   var htmObj = document.getElementById(id)
          if(!htmObj)  return ;
          htmObj.style.visibility = status ? 'visible' : 'hidden';

	    if (IE) 
		{ MouseX = event.clientX + document.body.scrollLeft;
          MouseY = event.clientY + document.body.scrollTop;
		}
        else 
		{ MouseX = e.pageX; MouseY = e.pageY }; 
		htmObj.style.top = (MouseY+posy) + 'px';
        htmObj.style.left = (MouseX+posx) + 'px';
      }