﻿$.fn.tooltip = function()
{
	var jSender = $(this);
	if (jSender.attr("title"))
	{


		var now = new Date();

		var t = document.createElement("div");
		t.id = "Tooltip" + now.getDay() + now.getMilliseconds() + now.getSeconds();
		t.className = "Tooltip Hidden";
		t.style.position = "absolute";

		t.innerHTML = jSender.attr("title");
		document.body.appendChild(t);

		jSender.attr("toolTipID", t.id);
		jSender.hover(show, hide);
	}
	function show()
	{
		var ttel = document.getElementById($(this).attr("toolTipID"));
		$(ttel).removeClass("Hidden");
		positionTip(this);
	}
	function hide()
	{
		var ttel = document.getElementById($(this).attr("toolTipID"));
		$(ttel).addClass("Hidden");
	}
	function positionTip(sender)
	{
		var posT = $(sender).position().top;
		var posL = $(sender).position().left;
		var senW = $(sender).width();
		
		if ($.browser.msie)
		{
			if ($.browser.version == 8)
			{
				posL += $('.ContentInner').position().left + senW;
			}
		}
		if ($.browser.webkit)
		{
			
				posL += $('.ContentInner').position().left + senW;
			
		}

		var ttel = document.getElementById($(sender).attr("toolTipID"));

		$(ttel).css("top", posT);
		$(ttel).css("left", (posL + senW));
	}
};
