this.tooltip = function(){	
	/* CONFIG */		
		xOffset = -10;
		yOffset = 20;		
		// these 2 variable determine popup's distance from the cursor
		// you might want to adjust to get the right result		
	/* END CONFIG */		
	$("b.tooltip, a.tooltip, div.tooltip, li.tooltip, img.tooltip, input.tooltip, textarea.tooltip, select.tooltip, option.tooltip, span.tooltip").hover(function(e){											  		
		
		this.t = this.title;
		this.title = "";					  
		$("body").append('<div id="tooltip"><table align="left"><tr><td class="tooltiptopleft"><img src="images/null.gif" width="8" height="8" /></td>     <td class="tooltiptop"><img src="images/null.gif" height="8" /></td>  <td class="tooltiptopright"><img src="images/null.gif" width="8" height="8" /></td></tr><tr><td class="tooltipmidleft"><img src="images/null.gif" width="8" /></td><td class="tooltipmid">'+this.t+'</td><td class="tooltipmidright"><img src="images/null.gif" width="8"/></td></tr><tr><td class="tooltipbotleft"><img src="images/null.gif" width="8" height="8" /></td><td class="tooltipbot"><img src="images/null.gif" height="8" /></td><td class="tooltipbotright"><img src="images/null.gif" idth="8" height="8" /></td></tr></table></div>');
		$("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");
		
    },
	function(){
		this.title = this.t;		
		$("#tooltip").remove();
    });	
	$("b.tooltip, a.tooltip, div.tooltip, li.tooltip, img.tooltip, input.tooltip, textarea.tooltip, select.tooltip, option.tooltip, span.tooltip").mousemove(function(e){
		$("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
	});			
};