/**
* 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=12,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   border=0 cellpadding=4 cellspacing=4>"+
        "<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)
        {
			if ((document.all("tip"))!=null){
	            document.all("tip").innerHTML=cadena;
		        document.all("tip").style.visibility="visible"
			}
        }
        if(document.getElementById)
        {
		if ((document.getElementById("tip"))!=null){
			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)
        {
		if ((document.all("tip"))!=null){
            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)
        {
		if ((document.layers["tip"])!=null){
            x=e.pageX+document.body.scrollLeft;
            y=e.pageY+document.body.scrollTop;
            document.layers["tip"].left= x + masX;
            document.layers["tip"].top= y + masY;
		}
        }
        else if(document.getElementById)
        {
		if ((document.getElementById("tip"))!=null){
            x=e.clientX + document.body.scrollLeft;
            y=e.clientY + document.body.scrollTop;
            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){
		if ((document.all("tip"))!=null){
            document.all("tip").style.visibility="hidden";
		}
		}
        else if(document.layers){
		if ((document.layers['tip'])!=null){
			document.layers["tip"].visibility="hide";
		}
		}
        else if(document.getElementById){
		if ((document.getElementById("tip"))!=null){
            document.getElementById("tip").style.visibility="hidden";
		}
		}
    }

/*** fin del fichero */