var origTop, origLeft, imageToLoad, maxImageWidth, maxImageHeight;
var minImageWidth = Math.ceil(maxImageWidth / 10);
var minImageHeight = Math.ceil(maxImageHeight / 10);

$(document).ready(function(){
						   
	$("a.picLauncher").click(
		
 
		function (){
			
			$("div.detail").hide();

			var options = { margin: true, border: true, padding: false, scroll: true};
			var offset = {};
			var winWidth = (self.innerWidth) ? self.innerWidth : document.documentElement.clientWidth;
			var winHeight = (self.innerHeight) ? self.innerHeight : document.documentElement.clientHeight;

			$(this).offset(options, offset);
			imageToLoad = $(this).attr("href");
			var preLoadImage = new Image();
			preLoadImage.src = imageToLoad;
			maxImageHeight = preLoadImage.height;
			maxImageWidth = preLoadImage.width;
			
			var endLeft = ((winWidth / 2) - 250) + $(document).scrollLeft();
			var endTop = ((winHeight / 2) - 80) + $(document).scrollTop();
			
			origTop = offset["top"];
			origLeft = offset["left"];
			
			/*While image is loading*/
			if (preLoadImage.onload){} else
				{
					$("div.detail").hide().css({ top: endTop, left: endLeft});
					$("img#detailImage").attr("src","/art/loading.gif");
					$("div.detail").css({ top: endTop, left: endLeft}).show();
					$("img#detailImage").show();
			};
						
			/*When image is done loading*/
			preLoadImage.onload = function() {
				$("div.detail").hide().css({ top: offset["top"] , left: offset["left"] });
				$("img#detailImage").attr("src",imageToLoad);
				$("div.detail").css({ top: endTop, left: endLeft}).fadeIn("slow");
				$("img#detailImage").fadeIn("slow");
			};			
			return false;
		}
	);
	
	/* when image popup is clicked */
	$("div.detail").click(
		function(){
			$("img#detailImage").fadeOut("slow");
			$("div.detail").fadeOut("slow", function(){ ("div.detail").hide() });
		}
	);
});