');
}
var $j = jQuery.noConflict();
$j(document).ready(function() {
//Select all anchor tag with rel set to tooltip
$j('a[rel=tooltip]').mouseover(function(e) {
//Grab the title attribute's value and assign it to a variable
var tip = $j(this).attr('title');
//Remove the title attribute's to avoid the native tooltip from the browser
$j(this).attr('title','');
//Append the tooltip template and its value
$j(this).append('
' + tip + '
');
//Set the X and Y axis of the tooltip
$j('#tooltip').css('top', e.pageY + 5 );
$j('#tooltip').css('left', e.pageX - 50 );
//Show the tooltip with faceIn effect
$j('#tooltip').fadeIn('500');
$j('#tooltip').fadeTo('10',0.8);
}).mousemove(function(e) {
//Keep changing the X and Y axis for the tooltip, thus, the tooltip move along with the mouse
$j('#tooltip').css('top', e.pageY + 5 );
$j('#tooltip').css('left', e.pageX - 50 );
}).mouseout(function() {
//Put back the title attribute's value
$j(this).attr('title',$j('.tipBody').html());
//Remove the appended tooltip template
$j(this).children('div#tooltip').remove();
});
});