/* Gallery photo */
var Gallery = function (cssGallery,idMask){
	var gallery = $$(cssGallery);
	if (gallery.length>0) gallery = gallery[0];
	var items = gallery.getElements("li div");
	var selected = null;
	var select = function(item){
		scroll(0,0);
		if (selected!=item){
			if (selected) selected.hide();
			selected = item;
		}
		selected.show();
	}
	items.each(function(item,index){
		item.index = index;
		item.set('tween',{duration: 1000});
		item.setStyle('top','-800px');
		item.show = function(){
			item.tween('top','50%');
		}
		item.hide = function(){
			item.tween('top','-800px');
		}
		item.addEvent('click', function(event){
			mask.hide();
			event.stopPropagation();
		});
		var precedent = item.getElement("a.precedent");
		if (precedent){
			//alert(typeof precedent);
			precedent.addEvent('click', function(event){
				var i = Math.max(selected.index-1,0);
				select(items[i]);
				event.stopPropagation();
			});
		}
		var suivant = item.getElement("a.suivant");
		if (suivant) suivant.addEvent('click', function(event){
			var i = Math.min(selected.index+1,items.length-1);
			select(items[i]);
			event.stopPropagation();
		});
		item.getParent().addEvent('click', function(){
			mask.show();
			select(item);
		});
	});
	var mask = $(idMask);
	mask.set('tween',{duration: 1000});
	mask.show = function(){
		mask.setStyle('display','block');
		mask.tween('opacity',0.7);
	}
	mask.hide = function(){
		mask.get('tween').chain(function(){
			mask.setStyle('display','none');
		});
		mask.tween('opacity',0);
		if (selected) selected.hide();
	}
	mask.hide();
	mask.addEvent('click', function(){
		mask.hide();
	});
}