$(document).ready(function(){	
		//$('.gallery').addClass('gallery_demo');  adds new class name to maintain degradability
		
		// Ligne à activer dans le cas d'une galerie répartie sur plusieurs pages (exemple de marytatto)
		//$("#menuGal ul li a[href='#']").addClass("gal_active"); /* On applique la class gal_active au bouton actif (href="#") */
		
		$(".gallery li:first").addClass("active"); /* On applique la class "active" à la vignette sélectionnée par défaut (1er enfant LI)  */
		
		$('ul.gallery').galleria({
			history   : false, // activer l'objet Historique (pour bouton précédent, marque-pages)
			clickNext : true, // rendre l'image grand format cliquable (pour passer à l'image suivante)
			insert    : '#main_image', // le sélecteur du conteneur de l'image grand format
			onImage   : function(image,caption,thumb) { // Ajoutons quelques effets à des fins de démonstration :
				
				// fadein sur image et caption
				if(! ($.browser.mozilla && navigator.appVersion.indexOf("Win")!=-1) ) { // FF/Win fades large images terribly slow
					image.css('display','none').fadeIn(1000);
				}
				caption.css('display','none').fadeIn(1000);
				
				// on rapatrie le conteneur de la miniature
				var _li = thumb.parents('li');
				
				// fadeout sur miniature inactive
				_li.siblings().children('img.selected').fadeTo(500,0.7);
				
				// fade in active thumbnail
				thumb.fadeTo('fast',1).addClass('selected');
				
				// on ajoute un title pour image cliquable
				image.attr('title','Next image >>');
				},
				onThumb : function(thumb) { // Effets sur les miniatures :
				
				// on rapatrie le conteneur de la miniature
				var _li = thumb.parents('li');
				
				// si la miniature est active, on fait un fade
				var _fadeTo = _li.is('.active') ? '1' : '0.7'; // Régler ici l'opacité
				
				// fadein sur miniature lorsque chargement terminé
				thumb.css({display:'none',opacity:_fadeTo}).fadeIn(1500);
				
				// Effets de survol
				thumb.hover(
					function() { thumb.fadeTo('fast',1); },
					function() { _li.not('.active').children('img').fadeTo('fast',0.7); } // pas de fadeout si le parent est actif
				)
			}
		});
	});