$('#folio').galleriffic('#thumbs',
{
	delay: 3000, numThumbs: 20, preloadAhead: 2, enableTopPager: false, enableBottomPager: false,
	imageContainerSel: '#slideshow', controlsContainerSel: '#controls', captionContainerSel: '#caption',
    loadingContainerSel: '#loading', renderSSControls: false, renderNavControls: false,
    playLinkText: 'Play', pauseLinkText: 'Pause', prevLinkText: 'Previous', nextLinkText: 'Next',
    nextPageLinkText: 'Next ›', prevPageLinkText: '‹ Prev', enableHistory: false, 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').fadeTo('fast', 0.0);
    	$('#slideshow').fadeTo('fast', 0.0, callback);
    },
    onTransitionIn: function()
    {
    	$('#slideshow').fadeTo('fast', 1.0);
    	$('#caption').fadeTo('fast', 1.0);
    },
    onPageTransitionOut: function(callback)
    {
    	$('#thumbs ul.thumbs').fadeTo('fast', 0.0, callback);
    },
    onPageTransitionIn: function()
    {
    	$('#thumbs ul.thumbs').fadeTo('fast', 1.0);
    }
});

var onMouseOutOpacity = 0.20;

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