﻿function tooltip(obj) {
	if (!obj.length) return;
	$("body").append('<div id="tooltip" />');
	var tooltip = $("#tooltip");
	var title;
	obj.hover(function() {
		title = $(this).attr("title")  ? $(this).attr("title") : "No Title";
		$(this).attr("title","");
		tooltip.html(title);
		tooltip.stop(true,true).delay(50).fadeIn("slow").dequeue();
	},function() {
		$(this).attr("title",title);
		tooltip.stop(true,true).fadeOut("slow");
	}).mousemove(function(e) {
		tooltip.animate({
			top:e.pageY + 10,
			left:e.pageX + 10
		},200);
	});
}

jQuery(document).ready(function(){
	tooltip($(".tooltip"));
});
