/**
 * 
 */
function imageTooltip(block, link, xoffset, yoffset){
	
	$(block).hover(
		function(e){
			var url   = $(this).find(link).attr('href');
			var title = $(this).find(link).attr('title');
			var loading  = 'scripts/loading.gif';
			$('body').append("<div id='tooltip'><img src='"+ loading +"' /></div>");
			$("#tooltip")
				.css("position", "absolute")
				.css("top",(e.pageY - yoffset) + "px")
				.css("left",(e.pageX + xoffset) + "px")
				.css("text-align", "center")
				.fadeIn("fast");
			$('#tooltip img')
				.hide()
				.attr("src", url)
				//.attr("alt", title + ' - cover preview')
				.fadeIn("slow");
		},
		function(e){
			$('#tooltip').remove();
		}
	);
	$(block).mousemove(function(e){
		$("#tooltip")
			.css("top",(e.pageY - yoffset) + "px")
			.css("left",(e.pageX + xoffset) + "px");
	});
}

$(function(){				
	imageTooltip('#charts li', 'a.preview', -202, 200);				
});