var tipcontrol = "";
var tipmostrar = "si";
//var tipX=10,tipY=15;
var tipX=0,tipY=20;
var estilo,x,y;
var masX=-1000,masY=-1000;
var iex = navigator.appName=="Microsoft Internet Explorer"?true:false;
var vfade = 30;

/**
* capturamos el evento en Nestcape Navigator
*/
if(document.layers)
{
  document.captureEvents(Event.MOUSEMOVE);
}
  
document.onmousemove=capturaRaton;
	
function aparecer()
{
 vfade = vfade + 30;
 if (iex)
	{document.getElementById('tip').filters.alpha.opacity = vfade;}
else
	{document.getElementById('tip').style.MozOpacity = vfade/100;}
if (vfade < 100)
	{timer=setTimeout("aparecer()",1);}
else
	{clearTimeout(timer);}

}

/**
* 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(estado,texto)
{
  if (tipmostrar == "si")
  {	  
	  /*var cadena = "<table width='223' border='0' cellpadding='0' cellspacing='0'>";
	  if (document.all)
	  {cadena = cadena + "<tr>" + "<td width='223' height='29' style='font-size:1px;' background='../img/dialogo_cab.gif'>&nbsp;</td> ";}
	  else
	  {cadena = cadena + "<tr>" + "<td width='223' height='29' style='font-size:1px;' background='../img/dialogo_cab_buena.png'>&nbsp;</td> ";}
		cadena = cadena + "</tr> " + "<tr><td height='6' background='../img/dialogo_cuerpo.gif' style='font-size:1px;'>&nbsp;</td></tr> ";
		cadena = cadena + "<tr> " + "<td width='223' height='30' background='../img/dialogo_cuerpo.gif'> ";
		cadena = cadena + "<table border='0' width='223' cellpadding='0' cellspacing='0'> " + "<tr> " + "<td width='10'></td> ";
		cadena = cadena + "<td width='203' align='left' valign='middle'> " + "<table border='0' width='203' cellpadding='0' cellspacing='0'> ";
		cadena = cadena + "<tr>" + "<td height='20' valign='top' align='center'> " + "<font color='#B98B00' style='font-family:Arial, Helvetica, sans-serif;font-size:11px;'><b>" + estado  + "</b></font> ";
		cadena = cadena + "</td> " +
								"</tr> " +
								"<tr> " +
									"<td valign='top' align='left'> " +
										"<p style='text-align:justify;'><font color='#B98B00' style='font-family:Arial, Helvetica, sans-serif;font-size:11px;'>" + texto + "</font></p>" +
									"</td> " +
								"</tr> " +
							"</table> " +
						"</td> " +
						"<td width='10'></td> " +
					"</tr> " +
				"</table> " +
			"</td> " +
		"</tr> " +
		"<tr> " +
			"<td width='223' height='7' style='font-size:1px'; background='../img/dialogo_pie.gif'>&nbsp;</td> " +
		"</tr> " +
	"</table>";*/
	
	var cadena = "<table width='223' border='0' cellpadding='0' cellspacing='0' style='background-color:#FFF2CA;border: 1px solid #ECB101;'>";
	  	cadena = cadena + "</tr> " + "<tr><td height='6' style='font-size:1px;'>&nbsp;</td></tr> ";
		cadena = cadena + "<tr> " + "<td width='223' height='30'> ";
		cadena = cadena + "<table border='0' width='223' cellpadding='0' cellspacing='0'> " + "<tr> " + "<td width='10'></td> ";
		cadena = cadena + "<td width='203' align='left' valign='middle'> " + "<table border='0' width='203' cellpadding='0' cellspacing='0'> ";
		cadena = cadena + "<tr>" + "<td height='20' valign='top' align='center'> " + "<font color='#B98B00' style='font-family:Arial, Helvetica, sans-serif;font-size:11px;'><b>" + estado  + "</b></font> ";
		cadena = cadena + "</td> " +
								"</tr> " +
								"<tr> " +
									"<td valign='top' align='left'> " +
										"<p style='text-align:justify;'><font color='#B98B00' style='font-family:Arial, Helvetica, sans-serif;font-size:11px;'>" + texto + "</font></p>" +
									"</td> " +
								"</tr> " +
							"</table> " +
						"</td> " +
						"<td width='10'></td> " +
					"</tr> " +
				"</table> " +
			"</td> " +
		"</tr> " +
		"<tr> " +
			"<td width='223' height='7' style='font-size:1px;'>&nbsp;</td> " +
		"</tr> " +
	"</table>";
	  
	  
	  /**
		  * 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";
	  }
  }
  vfade = 30;
  //aparecer();
  tipmostrar = "";
}

function capturaRaton(e)
{
  //alert("prueba");
  //window.status = "prueba";
  if (tipcontrol == "si")
  {
	  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;
		  document.all("tip").style.left=x-masX;			 
		  document.all("tip").style.top=y+masY;
	  }
	  else if(document.layers)
	  {
		  x=e.pageX+window.scrollX;
		  y=e.pageY+window.scrollY;
		  document.layers['tip'].style.left=x-masX;
		  document.layers['tip'].style.top=y+masY;
	  }
	  else if(document.getElementById)
	  {
		  x=e.clientX+window.scrollX;
		  y=e.clientY+window.scrollY;
		  window.status=x;          
		  document.getElementById("tip").style.left=x-masX;
		  document.getElementById("tip").style.top=y+masY;
	  }
  }
}

function controlTip()
	{
		tipcontrol = "si";
	}

function ocultaTip()
{
  masY=-1000;
  masX=-1000;
  tipcontrol = "";
  tipmostrar = "si";
  if(document.all)
  	{
	  document.all("tip").style.visibility="hidden";
	  document.all("tip").style.left=x+masX;			 
	  document.all("tip").style.top=y+masY;
	}
  else if(document.layers)
  	{
	  document.layers["tip"].visibility="hide";
	  document.layers['tip'].style.left=x+masX;
	  document.layers['tip'].style.top=y+masY;
	}
  else if(document.getElementById)
  	{
	  document.getElementById("tip").style.visibility="hidden";
	  document.getElementById("tip").style.left=x+masX;
	  document.getElementById("tip").style.top=y+masY;
	}

}

