// starting the script on page load
$(document).ready(function(){
    preview.ini();
});


var preview = {

    ini : function() {

        /* CONFIG */

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

        xOffset = 10;
        yOffset = 30;

        /* END CONFIG */
        $("img.imagePreview").hover(function(e){
            this.t = this.title;
            this.title = "";
            var c = (this.t != "") ? "<br/>" + this.t : "";
            $("body").append("<p id='preview'><img src='"+ this.name +"' alt='Image preview' />"+ c +"</p>");
            $("#preview")
                .css("top",(e.pageY - xOffset) + "px")
                .css("left",(e.pageX + yOffset) + "px")
                .fadeIn("fast");
        },
        function(){
            this.title = this.t;
            $("#preview").remove();
        });
        $("img.imagePreview").mousemove(function(e){
            $("#preview")
                .css("top",(e.pageY - xOffset) + "px")
                .css("left",(e.pageX + yOffset) + "px");
        });

    }

}