$(document).ready(function(){

	$('#gallerie-zoom').galleria({
		history   : false, // activates the history object for bookmarking, back-button etc.
		clickNext : false, // helper for making the image clickable
		insert    : '.galleria_wrapper',
		onImage   : function(image){
			$('.zoomit').remove();
			if(!$.browser.msie){
				//image.hide();
			}
			//var width_cont = ($.browser.msie ? 298 : 330);
			var width_cont = $('.galleria_wrapper').width();
			var width_img = image.attr('alt');
			image.removeAttr('alt');
			//var width_img = image.width();
			var border = (width_cont - width_img) / 2;
			var large_url = image.attr('src').replace('moyenne', 'grande');
			//var html = '<a href="'+large_url+'" class="zoomit"></a>';
			var html = '<span class="zoomit"></span>';
			image.wrap(html);
			//instanciation du zoom
			//$('.zoomit').css({'margin-left': border});
			init_click_img();
			//$('.zoomit').css({'margin-left': border}).lightBox(options_lightbox);
			image.fadeIn();
		}
	}).css({display: 'block'});
	
	//on masque la gallerie dans le cas ou on a juste une image
	if($('#gallerie-zoom li').length <= 1){
		$('#gallerie-zoom').hide();
	}
	
	//init de la premiere image
	if($('ul.galleria li:first img').length > 0){
		$.galleria.activate($('ul.galleria li:first img').attr('src').replace('petite', 'moyenne'));
	}
	
	$('#loupe').click(function(){
		$('.zoomit img').click();
	});
	
	//init du lightbox
	$('#galerie-lightbox a').lightBox(options_lightbox);
	
	//gestion du flipflap
	$('#reverse').unbind('click').click(function(){
		
		var face = $('.replaced').attr('face');
		//alert(face);
		if(face == 'recto'){
			$('.galleria li.verso img').click();
		}
		else{
			$('.galleria li.recto img').click();
		}
		
		init_click_img();
		
		
	});
	
});

function init_click_img(){
	$('.zoomit img').unbind('click').click(function(){
		var face = $(this).attr('face');
		
		$('ul#galerie-lightbox li[rel="'+face+'"] a').click();
		
	});
}