jQuery(document).ready(function($)
	{
		var onMouseOutOpacity = 0.4;
		$('#ss_thumbs ul.thumbs li').opacityrollover({
			mouseOutOpacity:   onMouseOutOpacity,
			mouseOverOpacity:  1.0,
			fadeSpeed:         'fast',
			exemptionSelector: '.selected'
		});
				
		var gallery = $('#ss_thumbs').galleriffic(
		{
        delay:                     7000, // in milliseconds
        numThumbs:                 11, // The number of thumbnails to show page
        preloadAhead:              40, // Set to -1 to preload all images
        enableTopPager:            false,
        enableBottomPager:         false,
        maxPagesToShow:            15,  // The maximum number of pages to display in either the top or bottom pager
        imageContainerSel:         '#ss_slideshow', // The CSS selector for the element within which the main slideshow image should be rendered
        controlsContainerSel:      '#ss_controls', // The CSS selector for the element within which the slideshow controls should be rendered
        captionContainerSel:       '#ss_captions', // The CSS selector for the element within which the captions should be rendered
        loadingContainerSel:       '#ss_loading', // The CSS selector for the element within which should be shown when an image is loading
        renderSSControls:          false, // Specifies whether the slideshow's Play and Pause links should be rendered
        renderNavControls:         false, // Specifies whether the slideshow's Next and Previous links should be rendered
        playLinkText:              'Play',
        pauseLinkText:             'Pause',
        prevLinkText:              'Previous',
        nextLinkText:              'Next',
        nextPageLinkText:          'Next ›',
        prevPageLinkText:          '‹ Prev',
        enableHistory:             false, // Specifies whether the url's hash and the browser's history cache should update when the current slideshow image changes
        enableKeyboardNavigation:  false, // Specifies whether keyboard navigation is enabled
        autoStart:                 true, // Specifies whether the slideshow should be playing or paused when the page first loads
        syncTransitions:           true, // Specifies whether the out and in transitions occur simultaneously or distinctly
        defaultTransitionDuration: 2000, // If using the default transitions, specifies the duration of the transitions
//        onSlideChange:             undefined, // accepts a delegate like such: function(prevIndex, nextIndex) { ... }
					onSlideChange:             function(prevIndex, nextIndex) {

										
										// 'this' refers to the gallery, which is an extension of $('#thumbs')
										this.find('ul.thumbs').children()
											.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
											.eq(nextIndex).fadeTo('fast', 1.0);
/*				
										// Update the photo index display
										this.$captionContainer.find('div.photo-index')
											.html('Photo '+ (nextIndex+1) +' of '+ this.data.length);*/
									},

        onTransitionOut:           undefined, // accepts a delegate like such: function(slide, caption, isSync, callback) { ... }
        onTransitionIn:            undefined, // accepts a delegate like such: function(slide, caption, isSync) { ... }
        onPageTransitionOut:       undefined, // accepts a delegate like such: function(callback) { ... }
        onPageTransitionIn:        undefined, // accepts a delegate like such: function() { ... }
        onImageAdded:              undefined, // accepts a delegate like such: function(imageData, $li) { ... }
        onImageRemoved:            undefined  // accepts a delegate like such: function(imageData, $li) { ... }
    	});
		

		/**************** Event handlers for custom play / pause link **********************/

	});