// 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() {

	// We only want these styles applied when javascript is enabled
	$('div.navigation').css({ 'width': '275px', 'float': 'left', 'padding-bottom': '200px' });
	$('div.content').css('display', 'block');
	
    // Initialize Advanced Galleriffic Gallery
    var galleryAdv = $('#gallery').galleriffic('#thumbs', {
        delay: 2000,
        numThumbs: 12,
        preloadAhead: 10,
        enableTopPager: true,
        enableBottomPager: true,
        imageContainerSel: '#slideshow',
        controlsContainerSel: '#controls',
        captionContainerSel: '#caption',
        loadingContainerSel: '#loading',
        renderSSControls: true,
        renderNavControls: true,
        playLinkText: 'Play Slideshow',
        pauseLinkText: 'Pause Slideshow',
        prevLinkText: '‹ Previous Photo',
        nextLinkText: 'Next Photo ›',
        nextPageLinkText: 'Next ›',
        prevPageLinkText: '‹ Prev',
        enableHistory: true,
        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) {
            $('#caption').fadeOut('fast');
            $('#slideshow').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');
        }
    });
});