$(function(){
	
	// slide-down images on homepage
	$('#our_work li').hover(function(){
		$(this).find('img').animate({top:'140px'},{queue:false,duration:500});
	}, function(){
		$(this).find('img').animate({top:'0px'},{queue:false,duration:500});
	});

	$('#gallery').gallerify();
});

	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"></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;
			}
		});
	}