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").hover(
	function(e){

		 this.t = this.title;
		 this.title = "";
		 var c = (this.t != "") ? "<br/>" + this.t : "";
		 jQuery("body").append("<p id='preview'><img width=\"350\" src='"+ jQuery(this).attr("rel") +"' alt='Image preview' />"+ c +"</p>");
		 jQuery("#preview")
		 .css("top",(e.pageY - xOffset) + "px")
		 .css("left",(e.pageX + yOffset) + "px")
		 .fadeIn("fast");
	},
	function(){
		 this.title = this.t;
		 jQuery("#preview").remove();
	}
 );
 
 jQuery("a.preview").mousemove(function(e){
 jQuery("#preview")
 .css("top",(e.pageY - xOffset) + "px")
 .css("left",(e.pageX + yOffset) + "px");
 });
};


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