var cX = 0; var cY = 0;
var tooltipObj='';
function UpdateCursorPosition(e)

{    	tooltipObj=document.getElementById('bubble_tooltip');
	cX = e.pageX; 
	cY = e.pageY;
	if (tooltipObj!='')
		AlignTooltip()
}
function UpdateCursorPositionDocAll(e)
{ 
	tooltipObj=document.getElementById('bubble_tooltip');
	cX = event.clientX + (document.documentElement.scrollLeft ?   document.documentElement.scrollLeft :   document.body.scrollLeft); 
	cY = event.clientY + (document.documentElement.scrollTop ?   document.documentElement.scrollTop :   document.body.scrollTop);
	if (tooltipObj!='')
		AlignTooltip()
}
function AlignTooltip()
{	
    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(e,text)
{
	if(document.all)
		e = event;
	
	var obj = document.getElementById('bubble_tooltip');
	var obj2 = document.getElementById('bubble_tooltip_content');
	obj2.innerHTML = text;
	obj.style.display = 'block';
	var st = Math.max(document.body.scrollTop,document.documentElement.scrollTop);
	if(navigator.userAgent.toLowerCase().indexOf('safari')>=0)
		st=0; 
	var leftPos = e.clientX ;
	if(leftPos<0)
		leftPos = 0;
	x=cX+3;
        y=cY+1;
        obj.style.top = y + 'px';
        obj.style.left = x + 'px';
	//obj.style.left = leftPos + 'px';
	//obj.style.top = e.clientY - obj.offsetHeight - 1 + st + 'px';
}	

function hideToolTip()
{
	document.getElementById('bubble_tooltip').style.display = 'none';
	
}


//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>