	
    function showtooltip(event,id)
	{

		if(document.getElementById(id).style.width)	document.getElementById('tooltip').style.width = document.getElementById(id).style.width;
		else document.getElementById('tooltip').style.width = '400px' //default
		
		if(document.getElementById(id).style.backgroundColor) document.getElementById('tooltip').style.backgroundColor = document.getElementById(id).style.backgroundColor;
				
		document.getElementById('tooltip_content').style.width = (PrepareInt(document.getElementById('tooltip').style.width) - 31) + 'px';
		document.getElementById('tooltip_content').innerHTML = document.getElementById(id).innerHTML;
		document.getElementById('tooltip').style.display = 'block';
		document.getElementById('tooltip').style.left = event.clientX + 'px';
		document.getElementById('tooltip').style.top = event.clientY - PrepareInt(document.getElementById('tooltip').offsetHeight) - 5 + 'px';
	
		if(IDBrowser != "IE"){
		document.addEventListener("mousemove", MoveToolTip, true);
		document.addEventListener("mouseout",HideToolTip, true);
		}
		else{
		document.attachEvent("onmousemove", MoveToolTip);
		document.attachEvent("onmouseout", HideToolTip);
		}
	}

	function MoveToolTip(event)
	{
		document.getElementById('tooltip').style.left = event.clientX + MeasureScroller('x') + 5 + 'px';
		//document.getElementById('tooltip').style.top = event.clientY - PrepareInt(document.getElementById('tooltip').offsetHeight) - 2 + MeasureScroller('y') + 'px';
		document.getElementById('tooltip').style.top = event.clientY + 28 + MeasureScroller('y') + 'px';
	}
	
	function HideToolTip(event)
	{
		document.getElementById('tooltip').style.display = 'none';
		if(IDBrowser != "IE"){
		document.removeEventListener("onmousemove", showtooltip, true);
		document.removeEventListener("mouseout", HideToolTip, true);
		}
		else{
		document.detachEvent("onmousemove", showtooltip);
		document.detachEvent("onmouseout", HideToolTip);
		}
	}
    	
	function init_ToolTip()
	{
		var tooltip_code = '\n';
		tooltip_code += " <div id='tooltip' style='width:300px;'>\n";
		tooltip_code += "  <div class='tooltip_container'>\n";
		tooltip_code += "   <div id='tooltip_content'></div><br style='clear:both;'>\n";
		tooltip_code += "  </div>\n";
		tooltip_code += " </div>\n";
		document.body.innerHTML = tooltip_code + document.body.innerHTML;
	}
