$(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.67;
  $('#thumbs ul.thumbs li').opacityrollover({
    mouseOutOpacity:   onMouseOutOpacity,
    mouseOverOpacity:  1.0,
    fadeSpeed:         'medium',
    exemptionSelector: '.selected'
  });
  
  // Initialize Advanced Galleriffic Gallery
  $("#thumbs").each(function() {
    $(this).galleriffic({
      delay:                     2500,
      numThumbs:                 21,
      preloadAhead:              10,
      enableTopPager:            true,
      enableBottomPager:         true,
      maxPagesToShow:            7,
      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:             false,
      autoStart:                 false,
      syncTransitions:           false,
      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);
      },
      onPageTransitionOut:       function(callback) {
        this.fadeTo('fast', 0.0, callback);
      },
      onPageTransitionIn:        function() {
        this.fadeTo('fast', 1.0);
      }
    });
  });

	// ajaxify the form. show dialog with results
	$("form#ajax_form").submit(function () {
		// post the form data
		$.post($(this).attr("action"), $(this).serialize(), function(data, status) {
			// remove old dialog
			$("#dialog").remove();
			// create new dialog
			$("body").append("<div id=\"dialog\"><img src=\"images/fileclose.png\" /><p>" + data + "</p></div>");
			// fade in to begin with
			$("#dialog").css("display", "none").fadeIn("slow");
			// fade out dialog on click
			$("#dialog").click(function(event) {
				$(this).fadeOut("slow", function() { $(this).remove(); });
			});
		});
		// return false so the page doesn't redirect
		return false;
	});
});