// $Id: galleria.js,v 1.1.2.3 2009/01/16 17:02:58 marktheunissen Exp $

var options = {
  onImage : function(image, caption, thumb) {
    // let's add some image effects for demonstration purposes
    // fade in the image & caption


    // fetch the thumbnail container
    var _li = thumb.parents('li');

    // fade out inactive thumbnail
    _li.siblings().children('img.selected').fadeTo(500, 0.5);

    // fade in active thumbnail
    thumb.fadeTo('fast',1).addClass('selected');

    // add a title for the clickable image
    image.attr('title','Next image >>');

    $('.galleria-nav').show();
   
  },

  onThumb : function(thumb) {
    
    // thumbnail effects goes here
    // fetch the thumbnail container
    var _li = thumb.parents('li');

    // if thumbnail is active, fade all the way.
    var _fadeTo = _li.is('.active') ? 1 : 0.5;

    // fade in the thumbnail when finished loading
    thumb.css({display:'none',opacity:_fadeTo}).fadeIn(1500);

    // hover effects
    thumb.hover(
      function() { thumb.fadeTo('fast', 1); },
      function() { _li.not('.active').children('img').fadeTo('fast', 0.5); } // don't fade out if the parent is active
    )
  },

  history : false
};
$(document).ready(function() {
  $('ul.gallery').galleria(options);

  // when the ajax call is complete, load galleria - used when viewing in a lightbox!
  $('body').bind("ajaxComplete", function() {
    $('ul.gallery').galleria(options);
  });
  
  var __src = $("ul.gallery li:first img").attr("src");
  $("<div />").addClass("galleria_wrapper").append("div.galleria_container");
  $("div.galleria_wrapper").html('<img src="'+__src+'" />');
});