this.imagePreview = function(){
    /* CONFIG */

    xOffset = 10;
    yOffset = 30;

    // these 2 variable determine popup's distance from the cursor
    // you might want to adjust to get the right result

    /* END CONFIG */
    jQuery("a.preview img").hover(function(e){
        this.t = this.title;
        this.title = "";
        var c = (this.t != "") ? "<br/>" + this.t : "";
        jQuery("body").append("<div id='imgpreview'><div class='product-hover-name'>"+this.alt+"</div><img src='"+ this.src +"' height='340' alt='"+this.href +"' />"+ c +"</div>");
        jQuery("#imgpreview")
        .css("top",(e.pageY - xOffset - 50) + "px")
        .css("left",(e.pageX + yOffset) + "px")
        .fadeIn("fast");
    },
    function(){
        this.title = this.t;
        jQuery("#imgpreview").remove();
    });
    jQuery("a.preview").mousemove(function(e){
        jQuery("#imgpreview")
        .css("top",(e.pageY - xOffset - 50) + "px")
        .css("left",(e.pageX + yOffset) + "px");
    });
};


// starting the script on page load
jQuery(document).ready(function(){
    imagePreview();
});