// Galleriffic:
// Initially set opacity on thumbs and add additional styling for hover effect on thumbs
var onMouseOutOpacity = 0.67;
$('#thumbs ul.thumbs li').css('opacity', onMouseOutOpacity)
.hover(
	function () {
		$(this).not('.selected').fadeTo('fast', 1.0);
	}, 
	function () {
		$(this).not('.selected').fadeTo('fast', onMouseOutOpacity);
	}
);

$(document).ready(function() {
	// Initialize Advanced Galleriffic Gallery
	var galleryAdv = $('#headerGallery').galleriffic('#galleryNav', {
		delay:                  6000,
		numThumbs:              6,
		preloadAhead:           6,
		enableTopPager:         false,
		enableBottomPager:      false,
		imageContainerSel:      '#slideshow',
		controlsContainerSel:   '#controls',
		captionContainerSel:    '#info',
		loadingContainerSel:    '#loader',
		renderSSControls:       false,
		renderNavControls:      true,
		playLinkText:           'Play',
		pauseLinkText:          'Pause',
		prevLinkText:           '←',
		nextLinkText:           '→',
		nextPageLinkText:       '→',
		prevPageLinkText:       '←',
		enableHistory:          false,
		autoStart:              false,
		onChange:function(prevIndex, nextIndex) {
			$('#thumbs ul.thumbs').children()
				.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
				.eq(nextIndex).fadeTo('fast', 1.0);
		},
		onTransitionOut:function(callback) {
			$('#slideshow, #caption').fadeOut('fast', callback);
		},
		onTransitionIn:function() {
			$('#slideshow, #caption').fadeIn('fast');
		},
		onPageTransitionOut:function(callback) {
			$('#thumbs ul.thumbs').fadeOut('fast', callback);
		},
		onPageTransitionIn:function() {
			$('#thumbs ul.thumbs').fadeIn('fast');
		}
	});

});