$(function() {
	var gallery =
		$('#thumbnails').galleriffic({
			autoStart: true,
			captionContainerSel: '#caption',
			delay: 4500,
			enableBottomPager: false,
			enableTopPager: false,
			imageContainerSel: '#slide',
			numThumbs: 7,
			preloadAhead: 7,
			renderNavControls: false,
			renderSSControls: false,
			syncTransitions: true,
			onSlideChangeOut: function(prevIndex) {
				var prevThumb = this.find('ul.thumbs').children().eq(prevIndex);
				grayscale(prevThumb.find('a.thumb span.thumb-image'));
				prevThumb.find('span.thumb-border').stop(true, true).fadeOut('fast');
			},
			onSlideChangeIn: function(nextIndex) {
				var nextThumb = this.find('ul.thumbs').children().eq(nextIndex);
				grayscale.reset(nextThumb.find('a.thumb span.thumb-image'));
				nextThumb.find('span.thumb-border').stop(true, true).fadeIn('fast');
			},
			onPageTransitionOut: function(callback) {
				this.fadeTo('fast', 0.0, callback);
			},
			onPageTransitionIn: function() {
				var prevPageLink = $('a.prev');
				var nextPageLink = $('a.next');
				
				// Show appropriate next / prev page links
				if (this.displayedPage > 0)
					prevPageLink.fadeTo('fast', 1.0);
				var lastPage = this.getNumPages() - 1;
				if (this.displayedPage < lastPage)
					nextPageLink.fadeTo('fast', 1.0);
					
				grayscale.reset($('#thumbnails li.selected a.thumb span.thumb-image'));
				this.fadeTo('fast', 1.0);
			}
		});
		
	$('a.prev').click(function(e) {
		gallery.previous();
		e.preventDefault();
	});
	$('a.next').click(function(e) {
		gallery.next();
		e.preventDefault();
	});
	
	$('#thumbnails li').hover(function() {
		if (!$(this).hasClass('selected')) {
			grayscale.reset($(this).find('span.thumb-image'));
		}
	},
	function() {
		if (!$(this).hasClass('selected')) {
			grayscale($(this).find('span.thumb-image'));
		}
	});
});

$(window).load(function() {
	grayscale($('#thumbnails li:not(.selected) a.thumb span.thumb-image'));
	$('#gallery').fadeIn(400, function() {
		hideLoader();
	});
});
