/*
 * Image preview script 
 * powered by jQuery (http://www.jquery.com)
 * 
 * written by Alen Grakalic (http://cssglobe.com)
 * 
 * for more info visit http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery
 *
 */
function viewport() {
		return {
				x: jQuery(window).scrollLeft(),
				y: jQuery(window).scrollTop(),
				cx: jQuery(window).width(),
				cy: jQuery(window).height()
		};
}
this.imagePreview = function(){	
	/* CONFIG */
		
		xOffset = -16;
		yOffset = 30;
	
		
	/* END CONFIG */
	jQuery("a.preview").hover(function(e){
		var v = viewport();
		this.t = this.title;
		this.title = "";	
		var c = (this.t != "") ? "<br/>" + this.t : "";
		jQuery("body").append("<p id='preview'><img src='"+ this.rel +"' alt='Image preview' />"+ c + "</p>");	
		var top = (e.pageY - xOffset) ;
		var left = (e.pageX + yOffset) ;
		if (v.x + v.cx < e.pageX + 400) { left -= 420; }	
		if (v.y + v.cy < e.pageY+ 400) { top -= jQuery("#preview").height();  }
 		
		jQuery("#preview").css("top",top+ "px").css("left",left+ "px").fadeIn("fast");						
    },
	function(){
		if (this.t) this.title = this.t;	
		jQuery("#preview").remove();
    });	
	jQuery("a.preview").mousemove(function(e){
		var v = viewport();
		var top = (e.pageY - xOffset) ;
		var left = (e.pageX + yOffset) ;
		if (v.x + v.cx < e.pageX + 400) {  left -= 420;  }		
		if (v.y + v.cy < e.pageY+ 400) {  top -= jQuery("#preview").height();  }
			
		jQuery("#preview").css("top",top+ "px").css("left",left+ "px");
	});			
	jQuery("a.preview").unbind("click").click( function() {
			location.href = this.href ;
			return false;
			});	
};


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