// JavaScript Document

$.extend({
ShowTips:function(divStyle,template,offsetLeft,offsetTop)
{
	var _offsetLeft=0;
	if(offsetLeft!="")
	{
		_offsetLeft=offsetLeft;
	}
	var _offsetTop=15;
	if(offsetTop!="")
	{
		_offsetTop=offsetTop;
	}
	$("<div id='TipsContainer'></div>").appendTo("body");
	
	var _tips=$("div[id='TipsContainer']");
	
	_tips.addClass(divStyle);
	_tips.mouseover
	(
	function()
		{
			$(this).show();
		}
	).mouseout(
		function()
		{
			$(this).hide();
		}
	);
	
	$("[tips]").mouseover(
		function()
		{
			//var tips=new ShowTips();
			//alert($(this));
			var _template=template.replace("@value",$(this).attr("tips"));		
			var offset=$(this).offset();			
			_tips.css("left",offset.left+_offsetLeft).css("top",offset.top+_offsetTop).html(_template).show();
			//alert(offset.top);
		}
		).mouseout(function()
		{
			_tips.hide();
		}
		);	
}
}
);