$('div.content').css('display', 'block');
$('.navigation').hide();

$(document).ready(function()
{
  $('div.content').css('display', 'block');

  // Initially set opacity on thumbs and add
  // additional styling for hover effect on thumbs
  var onMouseOutOpacity = 0.3;
  $('#thumbs ul.thumbs li, div.navigation a.pageLink').opacityrollover({
    mouseOutOpacity:   onMouseOutOpacity,
    mouseOverOpacity:  1.0,
    fadeSpeed:         'fast',
    exemptionSelector: '.selected'
  });

  $("#gallery").hover(
    function () {
      $("#caption").fadeIn();
    },
    function () {
      $("#caption").fadeOut();
    }
  );

  // Initialize Minimal Galleriffic Gallery
  var gallery = $('#thumbs').galleriffic(
  {
    delay:                     2500,
    numThumbs:                 10,
    preloadAhead:              1,
    imageContainerSel:      '#slideshow',
    controlsContainerSel:   '#controls',
    renderSSControls:          false,
    captionContainerSel:       '#caption',
    prevLinkText:              '',
    nextLinkText:              '',
    loadingContainerSel:       '#loading',
    renderNavControls:         true,
    syncTransitions:           true,
    defaultTransitionDuration: 900,

    onSlideChange:             function(prevIndex, nextIndex)
    {
      // 'this' refers to the gallery, which is an extension of $('#thumbs')
      this.find('ul.thumbs').children()
        .eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
        .eq(nextIndex).fadeTo('fast', 1.0);

      // Update the photo index display
      this.$captionContainer.find('div.photo-index')
        .html('Photo '+ (nextIndex+1) +' of '+ this.data.length);
    },

    onPageTransitionOut:       function(callback) {
      this.fadeTo('fast', 0.0, callback);
    },

    onPageTransitionIn:        function() {
      var prevPageLink = this.find('a.prev').css('visibility', 'hidden');
      var nextPageLink = this.find('a.next').css('visibility', 'hidden');

      // Show appropriate next / prev page links
      if (this.displayedPage > 0)
        prevPageLink.css('visibility', 'visible');

      var lastPage = this.getNumPages() - 1;
      if (this.displayedPage < lastPage)
        nextPageLink.css('visibility', 'visible');

      this.fadeTo('fast', 1.0);
    }

  });

  gallery.find('a.prev').click(function(e) {
    gallery.previousPage();
    e.preventDefault();
  });

  gallery.find('a.next').click(function(e) {
    gallery.nextPage();
    e.preventDefault();
  });

});