$(document).ready(function() {
	$('body').append('<div id="tooltip"></div>');
	$('a[rel=tooltip], a.explained').mousemove(function(e) {
		var position = $(this).position();
		var offset = $(this).offset();
		var x = e.pageX - (offset.left);
		var y = e.pageY - (offset.top);
		if ($('#tooltip').text()) {
			$('#tooltip').css({'left': e.pageX+16, 'top': e.pageY+16});
		}
	}).hover(
		function() {
			if ($(this).attr('title')) {
				$(this).data('title', $(this).attr('title'));
				$(this).removeAttr('title');
			}
			title = $(this).data('title');
			if (title) {
				$('#tooltip').show().html(title);
			}
		},
		function() {
			$('#tooltip').hide();
		}
	).click(function(){
		$("a[rel=tooltip], a.explained").each(function(){	
			if ($(this).data('title')) {
				$(this).attr('title', $(this).data('title'));
			}
		});		
	});
	 
});