this.imagePreview = function(){
    /* CONFIG */
    
    xOffset = 100;
    yOffset = 30;

    // these 2 variable determine popup's distance from the cursor
    // you might want to adjust to get the right result
    var imgObj;
    $("img.previews").hover(function(e){
		var hre = $(this).attr("src").replace(/smallimages\//,'');
        $("body").append("<div id='previews' style='position:absolute;display:none'><img src='" +hre+ "' alt='Image previews' /></div>");
        $("#previews").css("top", (e.pageY - xOffset) + "px").css("left", (e.pageX + yOffset) + "px").fadeIn("slow");
    }, function(){
        $("#previews").remove();
    });
    $("img.previews").live("mousemove", function(e){
        $("#previews").css("top", (e.pageY - xOffset) + "px").css("left", (e.pageX + yOffset) + "px");
    });
};