//we define two arrays, containing our toggles and divs.
//var myDivs = document.getElementsByClassName('stretcher');
//var myLinks = document.getElementsByClassName('stretchtoggle');

//then we create the effect.
//var myAccordion = new Fx.Accordion(myLinks, myDivs, {opacity: true});

/* http://www.developpement-web.net */

function init(){
	var stretchers = document.getElementsByClassName('stretcher');
	var toggles = document.getElementsByClassName('stretchtoggle');
	var myAccordion = new fx.Accordion(
		toggles, stretchers, {opacity: true, duration: 400, defaultStretcher: 0}
	);
}

function initkama(){
	var stretchers = document.getElementsByClassName('stretcherkama');
	var toggles = document.getElementsByClassName('stretchtogglekama');
	var myAccordion = new fx.Accordion(
		toggles, stretchers, {opacity: true, duration: 400, defaultStretcher: 2}
	);
}

/*
	"defaultStretcher: 0" permet d'ouvrir par défaut le 1er stretcher.
	"defaultStretcher: 1" ouvrira le 2ème stretcher.
	Pour que le menu soit fermer au chargement de la page, supprimez ce paramètre
*/

window.onload = function () {
  init();
  initkama();
}