jQuery(function($) {

     $('.gallery_demo_unstyled').addClass('gallery_demo'); // adds new class name to maintain degradability
     
     $('ul.gallery_demo').galleria({
          history   : false,
          clickNext : true, 
          insert    : '#main_image', 
          onImage   : function(image,caption,thumb) { 
          
               // fade in image and caption
               //image.css('display','none').fadeIn(1000); /* looks bad in IE if we leave this in */
               caption.css('display','none').fadeIn(1000);
               
               // fetch the thumbnail container
               var _li = thumb.parents('li');
               
               // fade out inactive thumbnail
               _li.siblings().children('img.selected').fadeTo(500,0.3);
               
               // fade in active thumbnail
               thumb.fadeTo('fast',1).addClass('selected');
               
               // add a title for the clickable image
               image.attr('title','Next image >>');
               },
          onThumb : function(thumb) {
          
               // fetch the thumbnail container
               var _li = thumb.parents('li');
               
               // if thumbnail is active, fade all the way.
               var _fadeTo = _li.is('.active') ? '1' : '0.3';
               
               // fade in the thumbnail when finnished 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.3); } // don't fade out if the parent is active
               )
          }
     });
     
     // fire up jcarousel plugin
	 $('.galleria').jcarousel({
	 });

});