$(document).ready(function() {
		var winWidth = $(window).width(); 
		var docHeight = $(document).height(); 
		
		$(".size-thumbnail").parent().click(function(){

			var newMarkup = '<div><img src="'+$(this).attr("href")+'" /></div>' ;
				
			
			$("#overlay").css('top', '0');
			$("#overlay").css('height', docHeight);

			
			$("#overlay").fadeIn("slow");
			$("#lightbox div").replaceWith(newMarkup);
			
			$("#lightbox img").load(function() {
				
				var myHeight = $("#lightbox img").height();
				var myWidth = $("#lightbox img").width();
				var myYposition = (winWidth - myWidth)/2;
  				
				$('#lightbox').vCenter();
				$("#lightbox").css('left', myYposition);
				


	$("#lightbox").width(myWidth);
			});

				$("#lightbox").fadeIn("slow");

			
			return false;

		});
		
		$("#overlay").click(function(){
			$("#overlay:visible").fadeOut("slow");
			$("#lightbox:visible").fadeOut("slow");
			
		});
		$("#lightbox").click(function(){
			$("#overlay:visible").fadeOut("slow");
			$("#lightbox:visible").fadeOut("slow");
			
		});
	});