/*
 * 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 = 20;
	yOffset = 20;

	// these 2 variable determine popup distance from the cursor
	// you might want to adjust to get the right result

	/* END CONFIG */
	$("img.preview").hover(
		function(e) {
			this.t = this.title;
			this.title = "";
			var c = (this.t != "") ? "<br/>" + this.t : "";
			$("body").append("<div id='preview' style='position: absolute; border: solid 1px black'><img style='border: solid 1px white' src='"+ this.src +"' alt='Image preview' />"+ c +"</div>");

			var left = e.pageX + xOffset;
			var top = e.pageY + yOffset;

			if (e.pageX > $(window).width() - $("#preview").width() - xOffset) {
				left = e.pageX - $("#preview").width() - xOffset;
				window.Aleft = e.pageX - $("#preview").width() - xOffset;
			}
			if (e.pageY > $(window).height() - $("#preview").height() - yOffset) {
				top = e.pageY - $("#preview").height() - yOffset;
				window.Atop = e.pageY - $("#preview").height() - yOffset;
			}

			$("#preview").css("top", (top) + "px").css("left", (left) + "px").fadeIn("fast");
		},
		function() {
			this.title = this.t;	
			$("#preview").remove();
		}
	);
	$("img.preview").mousemove(
		function(e) {
			var left = e.pageX + xOffset;
			var top = e.pageY + yOffset;

			if (e.pageX > $(window).width() - $("#preview").width() - xOffset) {
				left = e.pageX - $("#preview").width() - xOffset;
			}
			if (e.pageY > $(window).height() - $("#preview").height() - yOffset) {
				top = e.pageY - $("#preview").height() - yOffset;
			}

			$("#preview").css("top",(top) + "px").css("left",(left) + "px");
		}
	);
};

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