function showToolTip(e,title,text){
	//alert(event.clientX+":"+event.clientY);
	if(document.all)e = event;
	
	var obj = document.getElementById('bubble_tooltip');
	var obj2 = document.getElementById('bubble_tooltip_content');
	var obj3 = document.getElementById('baloontitle');
	obj2.innerHTML = text;
	obj3.innerHTML = title;
	obj.style.display = 'block';
	var st = Math.max(document.body.scrollTop,document.documentElement.scrollTop);
	
	if(navigator.userAgent.toLowerCase().indexOf('safari')>=0)st=0; 
	var pos = mouseMove(e);
	//alert(pos.x);
	var leftPos = pos.x - 20;
	if(leftPos<0)leftPos = 0;
	//obj.style.left = leftPos+ 'px';
	//obj.style.top = e.clientY+ 'px';
	obj.style.left = leftPos+ 'px';
	obj.style.top = pos.y+ 'px';
	//obj.style.top = e.clientY - obj.offsetHeight -1 + st + 'px';
}	


document.onmousemove = mouseMove;
	function mouseMove(ev)
	{
		ev = ev || window.event;//ev for Firefox and others,window.event for IE 
		var mousePos = mouseCoords(ev);		
		return{x:mousePos.x,y:mousePos.y};
	}
	
	function mouseCoords(ev)
	{
		if(ev.pageX || ev.pageY)
		{
			return {x:ev.pageX,y:ev.pageY};
		}	
	
		var obj = getScrollXY()
		return{	
		x:ev.clientX + obj.x,
		y:ev.clientY + obj.y
	};
	}
	function getScrollXY() 
	{
	  var scrOfX = 0, scrOfY = 0;
	  if( typeof( window.pageYOffset ) == 'number' ) {
	//Netscape compliant
	scrOfY = window.pageYOffset;
	scrOfX = window.pageXOffset;
	  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
	//DOM compliant
	scrOfY = document.body.scrollTop;
	scrOfX = document.body.scrollLeft;
	  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
	//IE6 standards compliant mode
	scrOfY = document.documentElement.scrollTop;
	scrOfX = document.documentElement.scrollLeft;
	  }
	  return{ x:scrOfX, y:scrOfY };
	}

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