this.imagePreview = function(){	
		
		xOffset = 10;
		yOffset = -10;
		
	$("a.preview").hover(function(e){
		this.t = this.title;
		this.title = "";	
		var c = (this.t != "") ? "<br/>" + this.t : "";
		$("body").append("<p id='preview'><img src='"+ this.rel +"'/>"+ c +"</p>");			
		
		
		var tolerance = {x:$("#preview").width()+4,y:$("#preview").height()+4};
		var $w = $(window);
    var screenPos = {x:e.pageX-$w.scrollLeft(), y:e.pageY-$w.scrollTop()};		
		
		
		var x = e.pageX + xOffset;
		var y = e.pageY - yOffset;
		if( $w.width() - screenPos.x <= tolerance.x)
		{
			x = e.pageX - xOffset - tolerance.x;
		}
		
		if( $w.height() - screenPos.y <= tolerance.y)
		{
			y = e.pageY - yOffset - tolerance.y;
		}	
									 
		$("#preview")
			.css("top",y + "px")
			.css("left",x + "px")
			.fadeIn("fast");						
    },
	function(){
		this.title = this.t;	
		$("#preview").remove();
    });	
	
	$("a.preview").mousemove(function(e){
		var tolerance = {x:$("#preview").width()+4,y:$("#preview").height()+4};
		var $w = $(window);
    var screenPos = {x:e.pageX-$w.scrollLeft(), y:e.pageY-$w.scrollTop()};		
		
		
		var x = e.pageX + xOffset;
		var y = e.pageY - yOffset;
		if( $w.width() - screenPos.x <= tolerance.x)
		{
			x = e.pageX - xOffset - tolerance.x;
		}
		
		if( $w.height() - screenPos.y <= tolerance.y)
		{
			y = e.pageY - yOffset - tolerance.y;
		}	
		
		$("#preview")
			.css("top",y + "px")
			.css("left",x + "px");
	});	
			
};

$(document).ready(function(){
	imagePreview();
});