window.addEvent('domready', function() {
	

// EFFET TIROIR
	var stretchers = $$('.affiche'); 	//Zone à afficher
	var toggles = $$('.bouton'); 		//Bouton
	
	var mySliders = {};
	var myHiders = {};
	var visible = null;
	var marginreset;

	stretchers.each(function(el, i){
		mySliders[i] = new Fx.Slide(stretchers[i]);	
		myHiders[i] = new Fx.Slide(stretchers[i].getParent(), 
				    {			
                   onComplete: function(){ 
							
							//force the hidden div to be completely reset
							marginreset = this.wrapper.firstChild.getStyle('margin');
							this.wrapper.firstChild.firstChild.setStyle('margin', marginreset);
														
							this.wrapper.firstChild.setStyle('margin', '0');
							this.wrapper.firstChild.setStyle('height', '0');
							
							this.wrapper.setStyle('height', 'auto');
							
							mySliders[myHiders['next']].toggle();
							visible = myHiders['next'];
                   }
           })	
			
		mySliders[i].hide();
	});



	toggles.each(function(el, i){
								
						
			toggles[i].addEvent('click', function(){				
					
					
					if ((visible != null) && (i != visible)) {
						myHiders['next'] = i;	
						myHiders[visible].toggle();
					}
												
					// Pour le 1er clic :
					else {
						mySliders[i].toggle();
						visible = i;
					}


									
			});
				
	});

});