/* 
	===================================

	ToolTips V1.2
	Sistema de labels flotantes con un mensaje determinado


	* Modo de uso *
	----------------------------------------------------------------------------------------------

		## Insertar dentro del body
		<script type="text/javascript">
		Tool = new ToolTip();
		</script>


		## Insertar dentro de los elementos a los que se aplicara
		onmouseout="Tool.Cerrar()" onmouseover="Tool.Mostrar('mensaje del tool tip', event)"

	----------------------------------------------------------------------------------------------
	===================================
	*/

	

	ToolTip = function()
	{

		this.IE 	   = (document.all)? true:false;
		this.Documento = document.body;
		this.Viviendo  = false;	
		this.Padre;
		this.Evento;
		this.Hijo;
		this.Evento;
		this.MouseInicialX;
		this.MouseInicialY;
		this.Texto;


	}





	ToolTip.prototype.Mostrar = function(Texto, Evento)
	{

		this.Texto    = Texto;
		this.Evento   = Evento;

		if(this.IE == true)
		{
			this.MouseInicialX   = parseInt(this.Evento.clientX+document.documentElement.scrollLeft+10);
			this.MouseInicialY   = parseInt(this.Evento.clientY+document.documentElement.scrollTop-30);	

		}
		else
		{
			this.MouseInicialX   = parseInt(this.Evento.clientX+window.scrollX+10);
			this.MouseInicialY   = parseInt(this.Evento.clientY+window.scrollY-30);	
		}


		if(this.Viviendo == false)
		{


			this.Viviendo = true;

			this.Hijo = document.createElement('div');

			
			this.Hijo.className = 'ToolTipLabelClass';
			this.Hijo.style.top = this.MouseInicialY+'px';
			this.Hijo.style.left = this.MouseInicialX+'px';
			this.Hijo.innerHTML = this.Texto;
			
			
			this.Documento.appendChild(this.Hijo);
			
		
		}


	}




	ToolTip.prototype.Cerrar = function()
	{

	
		if(this.Viviendo == true)
		{
			this.Documento.removeChild(this.Hijo);
			this.Viviendo = false;
		}

	}