(function($) {
	$('div.navigation').css({'width' : '400px', 'float' : 'left'});
	$('div.content').css('display', 'block');

	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() {
		$('#gallery').galleriffic('#thumbs', {
			delay:                  2000,
			preloadAhead:           12,
			imageContainerSel:      '#slideshow',
			controlsContainerSel:   '#controls',
			loadingContainerSel:    '#loading',
			captionContainerSel:    '#caption',
			numThumbs:              12,
			preloadAhead:           10,
			enableTopPager:         true,
			enableBottomPager:      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);
			}

		});
	});
})(jQuery);