this.tooltip = function(){	
	$(".tooltip").hover(function(e){	
		var toolTipPosition = $(this).offset();										  
		var toolTipWidth = 180;										  
		this.t = this.title;
		this.title = "";									  
		$("body").append("<div id='tooltip'><div class='arrow'></div><div class='outerborder'><p>"+ this.t +"</p></div></div>");
		$("#tooltip")
			.css("width", toolTipWidth + "px")
			.css("top", toolTipPosition.top +"px")
			.css("left", (toolTipPosition.left + 105) + "px")
			.fadeIn("fast");
    },
	function(){
		this.title = this.t;		
		$("#tooltip").remove();
    });	
};

// starting the script on page load
$(document).ready(function(){
	tooltip();
});