$("<nav>");
$("<footer>");

$.fn.center = function(){
	var w=$(window);

	return this.css({
		top: (w.height() - this.height()) / 2,
		left: (w.width() - this.width()) / 2
	});

};


$(function() {
	var modalBlocker = $("<div />")
		.css({
			position: "fixed",
			top: 0,
			left: 0,
			width: "100%",
			height: "100%",
			backgroundColor: "#000",
			opacity: 0.8
		})
		.hide()
		.appendTo("body");


	var preview = $("<img class='album' style='position:fixed'>")
		.hide()
		.appendTo("body");

	$("a[href$='jpg']").click(function(e) {
	
		e.preventDefault();
		
		modalBlocker.show();
		
		preview
			.attr("src",$(this).attr("href"))
			.load(function() {
//				main.stop().fadeTo(200,0.5);
				
				preview
					.stop()
					.center()
					.fadeTo(200, 1.0);
//				main.removeClass("loading");

			});
			
		e.stopPropagation();
					
		$("body").one("click", function() {
			preview
				.stop()
				.hide();
			modalBlocker.hide();			
	//		main.stop().fadeTo(200,1);
			return false;
		});
	});

//	$(window).scroll(function(){preview.center()});
});