$(document).ready(function() {
    var gallery = $('#ss-content').galleriffic('#ss-thumbs', {
        delay:                  3000,
        numThumbs:              20,
        preloadAhead:           40, // Set to -1 to preload all images
        enableTopPager:         false,
        enableBottomPager:      true,
        imageContainerSel:      '#ss-image',
        controlsContainerSel:   '#ss-controls',
        captionContainerSel:    '',
        loadingContainerSel:    '#ss-loading',
        renderSSControls:       false,
        renderNavControls:      true,
        playLinkText:           'Play',
        pauseLinkText:          'Pause',
        prevLinkText:           'Previous',
        nextLinkText:           'Next',
        nextPageLinkText:       'Next ›',
        prevPageLinkText:       '‹ Prev',
        enableHistory:          false,
        autoStart:              false,
        onChange:               undefined, // accepts a delegate like such: function(prevIndex, nextIndex) { ... }
        onTransitionOut:        function(callback) {
						$('#ss-image').fadeOut('fast', callback);
					},
        onTransitionIn:         function() {
						$('#ss-image').fadeIn('fast');
					},
        onPageTransitionOut:    undefined, // accepts a delegate like such: function(callback) { ... }
        onPageTransitionIn:     undefined  // accepts a delegate like such: function() { ... }
    });
});