<!-- Onglets effet accordeon/slide -->
window.addEvent('domready', function() {
	var list = $$('div.stretcher');
	var headings = $$('h4.toggler');
	var collapsibles = new Array();
	var spans = new Array();
	headings.each( function(heading, i) {
		var collapsible = new Fx.Slide(list[i], { 
			duration: 500, 
			transition: Fx.Transitions.linear,
				onComplete: function(request){ 
					var open = request.getStyle('margin-top').toInt();
					if(open >= 0) new Fx.Scroll(window).toElement(headings[i]);
				}
			});
		collapsibles[i] = collapsible;
		spans[i] = $E('span', heading);
		heading.onclick = function(){
			var bg = heading.getStyle('background-color') == '#99ccff' ? '#608FCB' : '#99ccff';
			heading.setStyle('background', bg);
			var span = $E('span', heading);
			if(span){
				var newHTML = span.innerHTML == '+' ? '-' : '+';
				span.setHTML(newHTML);
			}
			collapsible.toggle();
			return false;
		}
		//collapsible.hide();
	}, $('accordion'));
});