$(function(){

	$('#gallery').gallerify();
	
	$( '#dock > li' ).hover( function() {
			$( '.latest' ).fadeOut( 'fast' );
			$( this ).children( 'span' ).fadeIn( 200 );
		}).bind( "mouseleave", function() {		
			$( this ).children( 'span' ).fadeOut( 200 );
		} );
				
		$( '#dock' ).bind( "mouseleave", function() {
			$( '.latest' ).fadeIn( 1000 );
		} );
	
});

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