function ShowHint(e, content)
{
	$('#tooltipcont .m-mid').empty();
	$('#tooltipcont .m-mid').append(content);
	
	var top = 0;
	var left = 0;
	var topOff = 90;
	var leftOff = 30;
	if (document.getElementById('tooltipcont').offsetHeight != null)
	{
		topOff = document.getElementById('tooltipcont').offsetHeight;
		if (topOff <= 0) topOff = 90;
		if (content.length > 100) topOff = 132;
	}
	//alert(document.getElementById('tooltipcont').offsetHeight);
	if($.browser.mozilla)
	{
		top = e.pageY-topOff;
		left = e.pageX-leftOff;	
		//alert(top);		
		//alert(topOff);
	}
	else
	{
		//alert(e.clientY);
		//left = e.clientX + document.body.scrollLeft - document.body.clientLeft - leftOff; 
		//top = e.clientY + document.body.scrollTop - document.body.clientTop - topOff;		
		left = e.clientX + getScrollLeft(e.srcElement) - leftOff;
		top = e.clientY + getScrollTop(e.srcElement) - topOff;		
	}
	//document.getElementById('labeltest').innerHTML = 'top: ' +  document.body.scrollTop + ' : '+ document.body.clientTop + ' left:' + document.body.scrollLeft;
	//alert(getScrollTop(e.srcElement));
 	// initialize our tooltip and our data container and also the close box
	
	$('#tooltipcont').css({
		position: "absolute",
		display: "block",
		top: top+'px',
		left: left+'px'
	}).show();
		
	return false;
}

function HideHint()
{
	$('#tooltipcont').hide();
	return false;
}

function getScrollTop(element)
{
	var top = 0;
	while(element.parentNode)
	{
		top += element.scrollTop;
		element = element.parentNode;
	}
	
	return top;
}

function getScrollLeft(element)
{
	var left = 0;
	while(element.parentNode)
	{
		left += element.scrollLeft;
		element = element.parentNode;
	}
	
	return left;
}