/*
 * 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
 *
 */
 
this.imagePreview = function(){	
	$("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.href +"' alt='Image preview' />"+ c +"</p>");
		var previewHeight = 520;
		var previewWidth = 500;
		var scrollHeight = $(document).scrollTop();
		var scrollWidth = $(document).scrollLeft();
		var windowHeight = $(window).height();
		var windowWidth = $(window).width();
		$("#preview")
			.css("top",((windowHeight/2-previewHeight/2)+scrollHeight))
			.css("left",((windowWidth/2-previewWidth/2)+scrollWidth))
			.fadeIn("fast");						
    },
	function(){
		this.title = this.t;	
		$("#preview").remove();
    });	
	  $(document).scroll(function(){
	  	centerPopup();
	  });			
};

//centering popup
function centerPopup(){
//request data for centering
var previewHeight = 520;
var previewWidth = 500;
var scrollHeight = $(document).scrollTop();
var scrollWidth = $(document).scrollLeft();
var windowHeight = $(window).height();
var windowWidth = $(window).width();
//centering
$("#preview")
	.css("top",((windowHeight/2-previewHeight/2)+scrollHeight))
	.css("left",((windowWidth/2-previewWidth/2)+scrollWidth));
//only need force for IE6
}


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