$(document).ready(function() {

    var onMouseOutOpacity = 0.5;
    $('#navigation ul.thumbs li').css('opacity', onMouseOutOpacity).hover(
        function () {
            $(this).not('.selected').fadeTo('fast', 1.0);
        },
        function () {
            $(this).not('.selected').fadeTo('fast', onMouseOutOpacity);
        }
    );

    var gallery = $('#gallery').galleriffic('#navigation', {
        delay: 3000,
        numThumbs: 6,
        preloadAhead: 12,
        enableTopPager: false,
        renderNavControls: false,
        enableHistory: false,
        autoStart: false,
        loadingContainerSel: '#loading',
        imageContainerSel: '#slideshow',
        controlsContainerSel: '#controls',
        captionContainerSel: '#image-caption',
        playLinkText: 'Play slideshow',
        pauseLinkText: 'Pause slideshow',
        nextPageLinkText: 'Next',
        prevPageLinkText: 'Prev',
        onChange: function(prevIndex, nextIndex) {
            $('#navigation ul.thumbs').children().eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end().eq(nextIndex).fadeTo('fast', 1.0);
        },
        onTransitionOut: function(callback) {
            $('#slideshow, #details').fadeOut('fast', callback);
        },
        onTransitionIn: function() {
            $('#slideshow, #details').fadeIn('fast');
        },
        onPageTransitionOut: function(callback) {
            $('#navigation ul.thumbs').fadeOut('fast', callback);
        },
        onPageTransitionIn: function() {
            $('#navigation ul.thumbs').fadeIn('fast');
        }
    });

});