// Show the content area of the gallery
document.write("<style type='text/css'>div.navigation{width:278px;float: left;}div.content{display:block;}</style>");

$(document).ready(function() {

  // additional styling for hover effect on thumbs
	var onMouseOutOpacity = 0.67;
	$('#thumbs-adv ul.thumbs li').css('opacity', onMouseOutOpacity)
		.hover(
			function () {
				$(this).not('.selected').fadeTo('fast', 1.0);
			}, 
			function () {
				$(this).not('.selected').fadeTo('fast', onMouseOutOpacity);
			}
		);
  
	// Initialize Advanced Galleriffic Gallery
	var galleryAdv = $('#gallery-adv').galleriffic('#thumbs-adv', {
		delay:                  3500,
		numThumbs:              15,
		preloadAhead:           6,
		enableTopPager:         true,
		enableBottomPager:      false,
		imageContainerSel:      '#slideshow-adv',
		controlsContainerSel:   '#controls-adv',
		captionContainerSel:    '#caption-adv',
		loadingContainerSel:    '#loading-adv',
		renderSSControls:       true,
		renderNavControls:      true,
		playLinkText:           'Play Slideshow',
		pauseLinkText:          'Pause Slideshow',
		prevLinkText:           '&lsaquo; Previous Photo',
		nextLinkText:           'Next Photo &rsaquo;',
		nextPageLinkText:       'Next &rsaquo;',
		prevPageLinkText:       '&lsaquo; Prev',
		enableHistory:          true,
		autoStart:              false,
		onChange:     function(prevIndex, nextIndex) {
			$('#thumbs-adv ul.thumbs').children()
				.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
				.eq(nextIndex).fadeTo('fast', 1.0);
		},
		onTransitionOut:        function(callback) {
			$('#slideshow-adv, #caption-adv').fadeOut('fast', callback);
		},
		onTransitionIn:         function() {
			$('#slideshow-adv, #caption-adv').fadeIn('fast');
		},
		onPageTransitionOut:    function(callback) {
			$('#thumbs-adv ul.thumbs').fadeOut('fast', callback);
		},
		onPageTransitionIn:     function() {
			$('#thumbs-adv ul.thumbs').fadeIn('fast');
		}
	});
});