$(document).ready(function() { 
	$("#contact").ajaxEmail(); 
	
	$("#work ul#thumbs li a.thumb").append($('<div class="hdetails">details</div>'));
	$("#work ul#thumbs li").hover(
		function() {
			$(this).find(".thumb img").fadeTo("normal", .15);
			$(this).find(".hdetails").fadeIn();
		},
		function() {
			$(this).find(".thumb img").fadeTo("normal", 1);
			$(this).find(".hdetails").fadeOut();
		}
	);
	
	$("#work ul#thumbs a.thumb").click(function(event) {
		event.preventDefault();
		var lista = $(this);
		var href = lista.attr("href");
					
		if($("#intro .result").length) { // if .result is already open
			$('#intro .result img').fadeTo(400, .001);
			$('#intro .result').fadeTo(400, .001).delay(400).slideUp(800, function() {
				$('#intro .result').remove();
				$("#intro").prepend('<div class="result"></div>').find(".result").hide(doIt());
			});
			
			//slideUp(function() {$('#intro .result').empty();});
		}
		else { // if the first time running
			$("#intro h1").fadeTo(400, .001).delay(400).slideUp(800);
			$("#intro").prepend('<div class="result"></div>').find(".result").hide(doIt());
		}					
		
		function doIt() {
			$("#intro").append('<p class="loading">loading...</p>').find(".loading").hide();
			$("#intro .loading").fadeIn("slow");

			var data = lista.closest("li").find(".content").html();
			
				$('#intro .result').html(data);
				$('#intro .result').find("img").hide();
				$("#intro .loading").fadeOut("slow", function() {$('#intro .loading').remove();});
				$("#intro .result").delay("slow").slideDown();
				$("#intro .result img").delay("1000").fadeTo(800, 1);
				
				$(".result").append('<a href="#" class="close">x</a>').find(".close").hide();
				$(".result .close").fadeIn();
		}

		$(".result .close").live("click", function(event) {
			event.preventDefault();
			$(this).fadeOut();
			
			$('#intro .result img').fadeTo(400, .001);
			$('#intro .result').fadeTo(400, .001).delay(500).slideUp(800, function() {
				$('#intro .result').remove();
				$("#intro h1").slideDown(400).delay(400).fadeTo(400, 1);
			});

		});
		

		
	}); // end #thumbs a click
	
});