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

$(document).ready(function() {

	$('#thumbs').css({'width' : '330px', 'float' : 'left'});
	$('#gallery').css('display', 'block');

	var galleryAdv = $('#gallery').galleriffic('#thumbs', {
		delay:                  2000,
		numThumbs:              20,
		preloadAhead:           10,
		enableTopPager:         true,
		enableBottomPager:      true,
		imageContainerSel:      '#slideshow',
		controlsContainerSel:   '#controls',
		captionContainerSel:    '#caption',
		loadingContainerSel:    '#loading',
		renderSSControls:       true,
		renderNavControls:      true,
		playLinkText:           'Lecture',
		pauseLinkText:          'Pause',
		prevLinkText:           '‹',
		nextLinkText:           '›',
		nextPageLinkText:       '›',
		prevPageLinkText:       '‹',
		enableHistory:          true,
		autoStart:              false,
		onChange:      
			function(prevIndex, nextIndex) {
				$('#thumbs ul').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').fadeTo('fast', 0.0, callback);
			},
		onPageTransitionIn:  
			function() {
				$('#thumbs ul').fadeTo('fast', 1.0);
			}
	});
});