gistfile1.txt

CSS:


#preview-foot {
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
}


$(document).ready(function () {
	var $each = $('ul.thumbprem a');

	$each.hover(function(e) {
		var url = $(this).find('img').attr('href').replace(/\.jpg$/, /\-big\.jpg/);
		$("body").append("<div id='preview-foot'><img src='"+ url +"' /></div>");								 
		$("#preview-foot")
			.css("top", (e.pageY - xOffset) + "px")
			.css("left", (e.pageX + yOffset) + "px")
			.fadeIn("fast");						
    },

	function(){
		$("#preview").remove();
    });	

	$each.mousemove(function(e){
		$("#preview-image")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
	});	
});