jQuery(document).ready( function() {
	xOffset = 10;
	yOffset = 20;
	jQuery("span.tooltip").css('cursor', 'help');
	jQuery("span.tooltip").click(function(e){
		title = jQuery(this).attr('rel');
		jQuery.ajax({
			url: "/search/words/",
			cache: false,
			type: "POST",
			data: ({word : title}),
			dataType: "html",
			success: function(resp){
				jQuery("body").append("<p id='tooltip'>"+ resp +"</p>");
				jQuery("#tooltip").css("top",(e.pageY + yOffset) + "px").css("left",(e.pageX + xOffset) + "px").show();

				jQuery('*').click(function(){
					jQuery("#tooltip").remove();
				});
			}
		});

	});
});