/**

* fichero JavaScript para construir tips dinamicos cross-browser

*@Autor   Luciano Moreno   (http://www.htmlweb.net)

*/   



    /**

      * var tipX, tipY >> posiciones izquierda y superior del tip respecto al cursor 

      * var estilo >> <almacena la ruta de acceso a los estilos del tip en cada navegador

      * var x, y >> almacenan las posiciones temporales del tip al mover el cursor sobre el link

      * var masX,masY >> pixels en coordenadas X e Y que se suman a la posicion del tip cuando 

      * no esta visible, para que no aparezcan las barras de desplazamiento en la ventana

      */

      

      var tipX=10,tipY=0;

      var estilo,x,y;

      var masX=-1000,masY=-1000;

      

      /**

      * capturamos el evento en Nestcape Navigator

      */

      if(document.layers)

      {

          document.captureEvents(Event.MOUSEMOVE);

      }

          

      document.onmousemove=capturaRaton;

      

      /**

      * funcion que situa el tip en la posicion adecuada y lo hace visible

      * var cadena >> contiene el codigo HTML del contenido de la capa tip en forma de string

      */

      function muestraTip(msg)

      {

          var cadena="<span class='contenido'><table  width=150 bgcolor=#F8E9E4 border=0 cellpadding=2 cellspacing=0>"+

          "<tr><td class='tdtip'>"+msg+"</td></tr></table></span>";

     

          /**

              * quitamos los pixels de mas en Y cuando vamos a mostrar el tip

          */

          masX=tipX;

          masY=tipY;

          

          /**

          * para Nestcape 4x abrimos el documento de la capa y escribimos la cadena de contenido

          */

          if(document.layers)

          {

              document.tip.document.write(cadena);

              document.tip.document.close();

              document.tip.visibility="visible"

          }

          /**

          * para Internet Explorer y Nestcape 6x escribimos en contenido del tip directamente

          */

          if(document.all)

          {

              document.all("tip").innerHTML=cadena;

              document.all("tip").style.visibility="visible"

          }

          if(document.getElementById)

          {

              document.getElementById("tip").innerHTML=cadena;

              document.getElementById("tip").style.visibility="visible"

          }

      }

      

      /**

      * funcion que posiciona en cada momento el tip mediante las coordenadas capturadas del raton

      */

      function capturaRaton(e)

      {

          if(document.all)

          {

              x=event.x+document.body.scrollLeft;

              y=event.y+document.body.scrollTop;

              document.all("tip").style.left=x+masX;			 

              document.all("tip").style.top=y+masY;

          }

          else if(document.layers)

          {

              x=e.pageX;

              y=e.pageY;

              document.layers['tip'].left=x+masX;

              document.layers['tip'].top=y+masY;

          }

          else if(document.getElementById)

          {

              x=e.clientX;

              y=e.clientY;

              window.status=x;          

              document.getElementById("tip").style.left=x+masX;

              document.getElementById("tip").style.top=y+masY;

          }

      }

      

      /**

      * funcion para ocultar el tip y asignarle la posicion Y con exceso negativo

      */

      function ocultaTip()

      {

          masY=-1000;

          masX=-1000;

          if(document.all)

              document.all("tip").style.visibility="hidden";

          else if(document.layers)

              document.layers["tip"].visibility="hide";

          else if(document.getElementById)

              document.getElementById("tip").style.visibility="hidden";

      }



/**

* fin del fichero

*/