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