if(typeof(jQuery) != "undefined") {
	jQuery(function($) { 
    // We only want these styles applied when javascript is enabled
    $('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('fast', 1.0);
    		}, 
    		function () {
    			$(this).not('.selected').fadeTo('fast', onMouseOutOpacity);
    		}
  	  );

		// Initialize Advanced Galleriffic Gallery
		var galleryAdv = $('#gallery').galleriffic('#thumbs', {
      delay:                  3000,
      numThumbs:              7,
      preloadAhead:           5,
      enableTopPager:         false,
      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').fadeOut('slow');
      	$('#slideshow').fadeOut('slow', callback);
      },
      onTransitionIn:         function() {
      	$('#slideshow, #caption').fadeIn('slow');
      },
      onPageTransitionOut:    function(callback) {
      	$('#thumbs ul.thumbs').fadeOut('fast', callback);
      },
      onPageTransitionIn:     function() {
      	$('#thumbs ul.thumbs').fadeIn('fast');
      }
		});
	});
}