jQuery.noConflict(); // Use jQuery via jQuery(...) instead of $, to avoid conflicts with o2 variables.

jQuery(document).ready(function() {

  // :hover effect for thumbnails
  //var onMouseOutOpacity = 0.67;
  //jQuery('#thumbs ul.thumbs li').css('opacity', onMouseOutOpacity).hover (
  //  function () {
  //    jQuery(this).not('.selected').fadeTo('fast', 1.0);
  //  }, 
  //  function () {
  //    jQuery(this).not('.selected').fadeTo('fast', onMouseOutOpacity);
  //  }
  //);


  //Gallery
  var gallery = jQuery('#gallery').galleriffic('#thumbs', {
    delay:                  7000,
    numThumbs:              20,
    preloadAhead:           40, // Set to -1 to preload all images
    enableTopPager:         false,
    enableBottomPager:      false,
    imageContainerSel:      '#imageContainer',
    controlsContainerSel:   '',
    captionContainerSel:    '#caption',
    loadingContainerSel:    '',
    renderSSControls:       false,
    renderNavControls:      false,
    playLinkText:           'Play',
    pauseLinkText:          'Pause',
    prevLinkText:           'Previous',
    nextLinkText:           'Next',
    nextPageLinkText:       'Next ›',
    prevPageLinkText:       '‹ Prev',
    enableHistory:          false,
    autoStart:              true,
    //onChange:               function(prevIndex, nextIndex) {
    //  jQuery('#thumbs ul.thumbs').children()
    //  .eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
    //  .eq(nextIndex).fadeTo('fast', 1.0);
    //},
    onTransitionOut:        function(callback) {
      jQuery('#imageContainer, #caption').fadeOut('fast', callback);
    },
    onTransitionIn:         function() {
      jQuery('#imageContainer, #caption').fadeIn('fast');
    },
    onPageTransitionOut:    function(callback) {
      jQuery('#thumbs ul.thumbs').fadeOut('fast', callback);
    },
    onPageTransitionIn:     function() {
      jQuery('#thumbs ul.thumbs').fadeIn('fast');
    }


  });
});