/* ******************************************************************************************** *
* - É necessário criar uma div com o id "_tooltip", nela vai conter o title do tooltip			*
* - no body onload acrescentar "initToolTip();" para inicializar as variaveis					*
* - no local onde é para aparecer o tooltip, acrescentar a tag: 								*
* 		- onmouseover="setTooltip(this);"														*
*		- onmouseout="unsetTooltip(this);"														*
* ********************************************************************************************* */

/* captura os movimentos do mouse */
document.onmousemove = mouseMove;

var _tooltip 		= null;
var _x 				= null;
var _y 				= null;
var _display 		= false;
var _text			= null;
var _mouseOffsetX 	= 20;
var _mouseOffsetY 	= 15;


function initTooltip(){
	_tooltip = document.getElementById("_tooltip");
	if( _tooltip!=null ){
		_tooltip.style.display 		= 	"none";
		_tooltip.style.position 	=	"absolute";
		_tooltip.style.width 		=	"150px";
		_tooltip.style.border 		=	"1px solid #111111";
		_tooltip.style.background 	=	"#ffffff";
		_tooltip.style.padding 		=	"8px";
	}
}

function setWidth(width){
	_tooltip.style.width = width+"px";
}

function setTooltip(obj){
	if( _tooltip!=null ) {
		_text					= obj;
		_tooltip.innerHTML 		= "<strong>"+_text+"</strong>";
		_tooltip.style.display 	= "block";
		_display = true;
	}
}


function unsetTooltip(obj){
	if( _tooltip!=null ){
		_tooltip.innerHTML 		= "";
		_tooltip.style.display 	= "none";
		_display = false;
	}
}


function setMouseOffset(x, y){
	if(x!=undefined && x!=null)
		_mouseOffsetX = x;
	if(y!=undefined && y!=null)
		_mouseOffsetY = y;
}



/* **************************************************************************** *
* Movimentos X e Y do mouse 													*
* ***************************************************************************** */
function mouseMove(event){
	
	event = event || window.event;
	
	if(event.pageX || event.pageY){
  		_x = event.pageX;
  		_y = event.pageY;
	} 
	else {	
		_x = event.clientX + document.body.scrollLeft - document.body.clientLeft;
		//_y = event.clientY + document.body.scrollTop  - document.body.clientTop;
		_y = event.clientY + document.documentElement.scrollTop - document.body.clientTop;
	}
	
	if(_display){
		
		_tooltip.style.left 	= (_x+_mouseOffsetX)+"px";
		_tooltip.style.top 		= (_y+_mouseOffsetY)+"px";
	}
}