var cX = 0; var cY = 0;
var tooltipObj=''; var isMoveToolTip = true;
function UpdateCursorPosition(e)
{   
	cX = e.pageX; 
	cY = e.pageY;
	AlignTooltip();
}
function UpdateCursorPositionDocAll(e)
{ 
	cX = event.clientX + (document.documentElement.scrollLeft ?   document.documentElement.scrollLeft :   document.body.scrollLeft); 
	cY = event.clientY + (document.documentElement.scrollTop ?   document.documentElement.scrollTop :   document.body.scrollTop);
	AlignTooltip();
}
function AlignTooltip()
{	
	if (isMoveToolTip){
		var it = document.getElementById('bubble_tooltip');
		if (!it) return;
		x=cX+3;
		y=cY+1;
		it.style.top = y + 'px';
		it.style.left = x + 'px';        
    }
}
if(document.all) document.onmousemove = UpdateCursorPositionDocAll;
else document.onmousemove = UpdateCursorPosition;
function showToolTip()
{		
	document.getElementById('bubble_tooltip').style.display = 'block';
}	
function showToolTip1()
{		
	document.getElementById('bubble_tooltip').style.display = 'block';
	isMoveToolTip = false;
}	
function hideToolTip()
{
	document.getElementById('bubble_tooltip').style.display = 'none';
	isMoveToolTip = true;
}


//On the words that should have tooltip, insert a tag like this:
//<a href="#" onmousemove="showToolTip(event,'Text');return false" onmouseout="hideToolTip()">A word</a> 

//You don't have to use the <a> tag if you don't want to. A <span> tag is just as useful. Example: 
//<span class="tooltip_text" href="#" onmousemove="showToolTip(event,'Text');return false" onmouseout="hideToolTip()">A word</span>