window.addEvent('domready', function() {
	var btns = [$('q1'), $('q2'), $('q3'), $('q4'), $('q6'), $('q7'), $('q8'), $('q9'), $('q10'), $('q11'), $('q12'), $('q13'), $('q14'), $('q15'), $('q16'), $('q17'), $('q18'), $('q19'), $('q20'), $('q21'), $('q22'), $('q23'), ]; //The buttons to trigger the slides;
	var slides = [$('a1'), $('a2'), $('a3'), $('a4'), $('a6'), $('a7'), $('a8'), $('a9'), $('a10'), $('a11'), $('a12'), $('a13'), $('a14'), $('a15'), $('a16'), $('a17'), $('a18'), $('a19'), $('a20'), $('a21'), $('a22'), $('a23'),]; //The elements to be slides;
	var mySlide = [];
	var openSlide = -1; //Create a flag variable to be checked and test if any slide is opened;
 
	slides.each(function(slide, idx) { //For each element in slides do...
		mySlide[idx] = new Fx.Slide(slide, {duration: 600}).hide(); //Create an array with the Fx.Slide for each element in slides and hides it;
		btns[idx].addEvent('click', function(e) { //Add a click event for each element in btns;
			e = new Event(e);
			if ( openSlide == -1 ) { //Check if a slide has been opened before;
				openSlide = idx;
				mySlide[idx].toggle(); //Slide In the slide;
			} else {
				mySlide[openSlide].slideOut(); //Slide Out the previous openened slide;
				mySlide[idx].toggle(); //Slide In the slide;
				openSlide = idx; //openSlide will now be the current open slide;
			}
			e.stop();
		});
	});
});