$(function(){
	
	$('#gallery').gallerify();

});

$.fn.gallerify = function() {
	return this.each(function(){
		var images = $('#gallery_images>li');
		images.hide().css({opacity:0});
		$(images[0]).show().css({opacity:1});
		
		var timer;
		
		if (images.length > 1) {
			var changer = $('<ul id="gallery_changer"></ul>');
			$(this).append(changer);
			images.each(function(){
				var numberLink = (images.index(this)+1).toString();
				$('<li><a href="#"><span>'+numberLink+'</span></a></li>').appendTo(changer).children('a').click(function(){
					window.clearInterval(timer);
					showImage.call(this);
				});
			});
			$('li:first',changer).addClass('first current');
		}

		function showImage() {
			var clicked = $(this).parent();
			clicked.addClass('current').siblings().removeClass('current');
			images.each(function(){
				if ($(this).is(':visible')) {
					$(this).animate({opacity:0},200,function(){
						$(this).hide();
						images.eq($(clicked).parent().children('li').index(clicked)).css({display:'block'}).animate({opacity:1},200);
					});
				}
			});
			return false;
		}
		
		timer = window.setInterval(function(){
			var nav = $('#gallery_changer>li');
			var current = nav.filter('.current');
			var next = current.is(':last-child') ? nav.filter(':first') : current.next();
			showImage.call(next.children('a'));
		},4000);
	});
}