this.tooltip = function(){	
	/* CONFIG */		
		xOffset = -10;
		yOffset = -25;		
		// these 2 variable determine popup's distance from the cursor
		// you might want to adjust to get the right result		
	/* END CONFIG */		
	$j(".tooltip").hover(function(e){											  
		this.t = this.title;
		
		var text = this.t.split('|');

		this.title = "";
		
		if(text.length == 1){
											  
		$j("body").append("<div id='tooltip'><p class='tipBody'>"+ text +"</p></div>");
		}else{
			if($j(this).hasClass('tipLeft')){
				$j("body").append("<div id='tooltip'><p class='tipHead leftHead'>"+ text[0] +"</p><p class='tipBody'>"+text[1]+"</p></div>");
			}else{
				$j("body").append("<div id='tooltip'><p class='tipHead'>"+ text[0] +"</p><p class='tipBody'>"+text[1]+"</p></div>");
			}
			
		}
		if($j(this).hasClass('tipLeft')){
			
			$j("#tooltip")
				.css("top",(e.pageY - xOffset) + "px")
				.css("left",(e.pageX + yOffset-280) + "px")
				.fadeIn("fast");
		}else{
			
			$j("#tooltip")
				.css("top",(e.pageY - xOffset) + "px")
				.css("left",(e.pageX + yOffset) + "px")
				.fadeIn("fast");	
		}	
    },
	function(){
		this.title = this.t;		
		$j("#tooltip").remove();
    });	
	/*$j("a.tooltip").mousemove(function(e){
		$j("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
			
	});	*/		
};