$(function(){
	

	$('#gallery').gallerify();
	
	// easter egg :)
	$('<div id="worm"></div>').appendTo('#footer_sleeve').toggle(
		function(){
			$(this).parents('#footer_sleeve').animate({height:'835px'},{queue:false,duration:2000});
			$('html,body').animate({scrollTop:$('#footer_sleeve').offset().top + 865},{queue:false,duration:2000});
		}, function(){
			$(this).parents('#footer_sleeve').animate({height:'70px'},{queue:false,duration:2000});
		});
});

	jQuery.fn.gallerify = function() {
		return this.each(function(){
			var images = $('img.thumb',this);
			images.hide().css({opacity:0});
			$(images[0]).show().css({opacity:1});
			
			if (images.length > 1) {
				$(this).after('<ul id="gallery_changer" class="clearfix"></ul>');
				var changer = $('+ul',this);
				images.each(function(){
					var numberLink = (images.index(this)+1).toString();
					if (numberLink.length == 1) numberLink = '0' + numberLink;
					$('<li><a href="#">'+numberLink+'</a></li>').click(showImage).appendTo(changer);
				});
				$('li:first',changer).addClass('first current');
			}

			function showImage() {
				$(this).addClass('current').siblings().removeClass('current');
				var clicked = this;
				images.each(function(){
					if ($(this).is(':visible')) {
						$(this).animate({opacity:0},200,function(){
							$(this).hide();
							$(images[$(clicked).parent().children('li').index(clicked)]).css({display:'block'}).animate({opacity:1},200);
						});
					}
				});
				return false;
			}
		});
	}