jQuery(function($) {
    $('ul.jgallery').galleria({

        // the containing selector for our main image. 
        // If not found or undefined (like here), galleria will create a container 
        // before the ul with the class .galleria_container (see CSS)
        // insert: undefined,
        insert: '#jgallery_image',

        // deactivates the history object for bookmarking, back-button etc.
        history: false,

        // helper for making the image clickable.
        clickNext: true,

        // add some image effects
        onImage: function(image, caption, thumb) 
        {
            /*
            // fade in the image & caption
            if (!($.browser.mozilla && navigator.appVersion.indexOf("Win") != -1)) {
                // FF/Win fades large images terribly slow
                image.css('display', 'none').fadeIn(1000);
            }
            */
            image.css('display', 'none').fadeIn(500);
            caption.css('display', 'none').fadeIn(500);

            // fetch the thumbnail container
            var _li = thumb.parents('li');

            // fade out inactive thumbnail
            _li.siblings().children('img.selected').fadeTo(500, 0.4);

            // fade in active thumbnail
            thumb.fadeTo('fast', 1).addClass('selected');

            // add a title for the clickable image
            // image.attr('title','Next image >>');
        },

        // thumbnail effects goes here
        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.4';

            // 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.4); } // don't fade out if the parent is active
	        )
        }

    });
});
