/*
 * 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(){	
	/* CONFIG */
		
		xOffset = 2;
		yOffset = 2;
		
		// 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){
		var ptitle = jQuery(this).find("img").attr("alt");
		$("body").append("<div id='preview'><img src='"+ this.href +"' alt='loading image now...' /></div>");
		var imagewidth = $("#preview").width();
		var c = (ptitle ? '<p class="previewdesc" style="width:' + imagewidth + 'px"><br/>' + ptitle + '</p>': '');
		$("#preview").append(c);
		var imagewidth = $("#preview").width();
		var imageheight = $("#preview").height();
		var totalheight = (imageheight+e.pageY+77);
		if (totalheight > $(window).height()){
			var setheight = (e.pageY-imageheight);
		} else {
			var setheight = e.pageY;
		}
		$("#preview")
				.css("top",(setheight) + "px")
				.css("right",(e.pageX) + "px");				
    },
	function(){
		//this.title = this.t;	
		$("#preview").remove();
    });	
	$("a.preview").mousemove(function(e){
		var windowwidth = $(window).width();
		var imageheight = $("#preview").height();
		var totalheight = (imageheight+e.pageY+77);
		if (totalheight > $(window).height()){
			var setheight = (e.pageY-imageheight);
		} else {
			var setheight = e.pageY;
		}
		$("#preview")
				.css("top",(setheight) + "px")
				.css("right",(windowwidth-e.pageX)+10 + "px");
;
	});			
};


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