$(function() {

	xOffset = 50;
	yOffset = 200;
	
	$('.tooltip')
		
		.hover(function(e) {
			var tooltip = $('#tooltip');
			if ( ! tooltip.get(0)) {
				$('<img/>', {
					id: 'tooltip',
					css: {
						position: 'absolute',
						top: e.pageY - yOffset,
						left: e.pageX + xOffset,
						zIndex: 100
					}
				}).appendTo($('body'));
			}
			tooltip.attr({src: $(this).attr('rel')});
		}, function() {
			$('#tooltip').attr({src: ''});
		})
		
		.mousemove(function(e) {
			$('#tooltip').css({
				top: e.pageY - yOffset,
				left: e.pageX + xOffset
			});
		});

});