$(document).ready(function(){

	// We only want these styles applied when javascript is enabled
	$('div.navigation').css({
		'width': '430px',
		'float': 'left'
	});
	$('div.content').css('display', 'block');
	
	// 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('slow', 1.0);
	}, function(){
		$(this).not('.selected').fadeTo('slow', onMouseOutOpacity);
	});
	
	$(document).ready(function(){
		// Initialize Advanced Galleriffic Gallery
		var galleryAdv = $('#gallery').galleriffic('#thumbs', {
			delay: 4000,
			numThumbs:11,
			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').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);
			}
		});
	});
});