
		var stretchers = $$('div.accordion');
		var togglers = $$('h3.toggler');

		stretchers.setStyles({'height': '0', 'overflow': 'hidden'});

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

			//initialization of togglers effects

			togglers.each(function(toggler, i){
				toggler.color = toggler.getStyle('background-color');
				toggler.$tmp.first = toggler.getFirst();
				toggler.$tmp.fx = new Fx.Style(toggler, 'background-color', {'wait': true, 'transition': Fx.Transitions.Quart.easeOut});
			});

			//the accordion

			var myAccordion = new Accordion(togglers, stretchers, {

				'opacity': false,

				'start': true,

				'transition': Fx.Transitions.Quad.easeOut,

				onActive: function(toggler){
					toggler.$tmp.fx.start('#003366');
					toggler.$tmp.first.setStyle('color', '#fff');
				},

				onBackground: function(toggler){
					toggler.$tmp.fx.stop();
					toggler.setStyle('background-color', toggler.color).$tmp.first.setStyle('color', '#fff');
				}
			});

			//open the accordion section relative to the url

			var found = 0;
			$$('h3.toggler a').each(function(link, i){
				if (window.location.hash.test(link.hash)) found = i;
			});


		});
