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 */
		$("a.preview").hover(function(e){
			this.t = this.title;
			this.title = "";	
			
			var dataPreview = "";
			if (this.rel){
				dataPreview = "<img src='"+ this.rel +"' alt='Image preview' />";
				var c = "";(this.t != "") ? "<br/>" + this.t : "";
			} else {
				var c = this.t;
			}
			dataPreview += c;
			$("body").append("<p id='preview'>"+ dataPreview +"</p>");								 
			$("#preview")
				.css("top",(e.pageY - xOffset) + "px")
				.css("left",(e.pageX + yOffset) + "px")
				.show();
				//.fadeIn("fast");						
	    },
		function(){
			this.title = this.t;	
			$("#preview").remove();
	    });	
		$("a.preview").mousemove(function(e){
			$("#preview")
				.css("top",(e.pageY - xOffset) + "px")
				.css("left",(e.pageX + yOffset) + "px");
		});			
	};
	
	// starting the script on page load
	$(document).ready(function(){
		imagePreview();
	});

/*	
	jQuery.fn.log = function (msg) {
		//console.log("%s: %o", msg, this);
		return this;
	};

	this.imagePreview = function(){	
			xOffset = 10;
			yOffset = 0;
			// these 2 variable determine popup's distance from the cursor
			// you might want to adjust to get the right result
			
		$("a.preview").hover(function(e){
			var offset = $(this).parent().parent().offset();
			$().log( "offset left: " + offset.left + ", top: " + offset.top +",width : "+$(this).width() +",width : "+$(this).parent().width() +",height : "+$(this).height() +",height : "+$(this).parent().height() );
			var position = $(this).position();
			$().log( "position left: " + position.left + ", top: " + position.top );
			var position = $(this).parent().position();
			$().log( "position left: " + position.left + ", top: " + position.top );
			var position = $(this).parent().parent().position();
			$().log( "position left: " + position.left + ", top: " + position.top );
			$().log( " " );

			this.t = this.title;
			this.title = "";	
			
			var dataPreview = "";
			if (this.rel){
				dataPreview = "<img src='"+ this.rel +"' alt='Image preview' />";
				var c = "";//(this.t != "") ? "<br/>" + this.t : "";
			} else {
				var c = this.t;
			}
			dataPreview += c;
			$("body").append("<p id='preview'>"+ dataPreview +"</p>");								 
			$("#preview")
				.css("top",(offset.top - $(this).parent().height() + yOffset ) + "px")
				.css("left",(offset.left + $(this).width() + xOffset) + "px")
				.show();
	    },
		function(){
			this.title = this.t;	
			$("#preview").remove();
	    });	
		$("a.preview").mousemove(function(e){
			var offset = $(this).offset();
			$("#preview")
				.css("top",(offset.top - $(this).parent().height() + yOffset) + "px")
				.css("left",(offset.left + $(this).width() + xOffset) + "px")
		});			
	};
	
	// starting the script on page load
	$(document).ready(function(){
		imagePreview();
	});

*/