var Site = {

	start : function (){
			Site.accordio();
			
			
	},
	
	accordio : function (){
		var togglers = $$('h2.toggler'); //on met dans la variable togglers tous les div H3 de la page appartenant a la classe toggler. 

		var stretchers = $$('div.stretchers');
		var scroll = new Fx.Scroll(window, {duration: 800, transition: Fx.Transitions.backOut, fps: 60});
		stretchers.each(function(item){
				item.setStyles({'height': '0', 'overflow': 'hidden'});

		});
	
		// creation de l'effet accordeon
		//syntaxe : new Fx.Accordion(quel_div_visible, quel_div_a_afficher, {options eventuelles});
		var myAccordion = new Accordion(
			togglers, stretchers, {

				onActive: function(tog){
					
					//(function() {scroll.scrollTo(0,tog.getTop()-10);}).bind(tog).delay(500)
				},
				start: 'all-close',
				duration: 500,
				alwaysHide: true
			}

		);
		
		//permet de reouvrir directement le bon element 
		//grace à l'url test.html#cat_a_ouvrir
		function checkHash(){
			var found = false;
			$$('h2.toggler a').each(function(link, i){

				if (window.location.hash.test(link.hash)){
					myAccordion.showThisHideOpen(i);
					found = true;
				}
			});
			return found;
		}
	
		if (!checkHash()) myAccordion.showThisHideOpen(0);//ouvre le premier ou pas

	}
	
}

window.addEvent('load', Site.start);

function Display_ItemAccordion()
 {
  var stretchers = $$('div.stretchers');
  stretchers.each(function(item){
    item.setStyles({'display': ''});
  });
 }