$(window).load(function() {
        $('.project-gallery').fadeIn(2000);
      });
 
	$(function() {
		
		$('.project-gallery .thumbnail a').click(showPic);
		
	});

	//show a new asset
	function showPic(e) {

		//stop click
		e.preventDefault();
		
		//identify parts
		var last_thumb = $('.thumbnail .current');
		var newest_thumb = $(e.currentTarget);
		var old_asset_url = last_thumb.attr('href');
		var new_asset_url = newest_thumb.attr('href');
		if (!showPic.old_asset) showPic.old_asset = $('#current_image *');
		var old_asset = showPic.old_asset;
		
		//no double click
		if (old_asset_url == new_asset_url) return;

		//toggle current
		last_thumb.removeClass('current');
		newest_thumb.addClass('current');
		
		//transition
		var transition = function() {
			var span = 500;
			new_asset.animate({opacity:1}, span, null, function() { old_asset.remove(); });
			$("#current_image").animate({height:new_asset.height()}, span);
			showPic.old_asset = new_asset;
		}

		
			$("#current_image").append('<img src="'+new_asset_url+'" alt="" />');
			var new_asset = $('#current_image img:last');
			new_asset.css({opacity:0, position:'absolute', top: 0, right: 0});
			new_asset.load(transition);

	}