
function test() {
	$('ul.gallery').galleria({
		history   : true, // activates the history object for bookmarking, back-button etc.
		clickNext : false, // helper for making the image clickable
		insert    : '#preview_image', // the containing selector for our main image
		onImage   : function(image,caption,thumb) { // let's add some image effects for demonstration purposes
			
			// 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);
			}
			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,1);
		//	_li.siblings().children('img.selected').css({border:'2px solid #555555',height:'62px'});
			_li.siblings().children('img.selected').css({border:'0px solid grey'});
			
			// 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) { // 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' : '1';
			if(_li.is('.active')){
				//thumb.css({border:'4px solid #555555',height:'57px'});
			}
			
			// fade in the thumbnail when finnished loading
			thumb.css({display:'none',opacity:_fadeTo}).fadeIn(1500);
			
			// hover effects
			thumb.hover(
			//	function() { thumb.fadeTo('fast',1);thumb.css({border:'4px solid #555555',height:'58px'}); },
				function() { thumb.fadeTo('fast',1);thumb.css({border:'4px solid transparent'}); },
				// function() { _li.not('.active').children('img').fadeTo('fast',1);_li.not('.active').children('img').css({border:'1px solid #555555'}); }, // don't fade out if the parent is active
				function() { _li.not('.active').children('img').fadeTo('fast',1);_li.not('.active').children('img').css({border:'0 solid grey'}); } // don't fade out if the parent is active
			)
		}
	});
}

jQuery(function($) {
	test();
});

// function pagination(cat, num_page, num_affichage) {

	// $.get('pagination_folio.php', { cat: cat, page: num_page, aff: num_affichage },
	// function success(data){
		// $('#preview_image').empty();
		// $('#interface_gauche').fadeOut(0);
		// $('#interface_gauche').html(data);
		// $('#interface_gauche').fadeIn(1000);
		// test();
    // });
// }





