window.addEvent('domready', function() {
	var btns = [$('v_toggle'), $('v_toggle2'), $('v_toggle3'), $('v_toggle4'), $('v_toggle5'), $('v_toggle6'), $('v_toggle7'), $('v_toggle8')]; //The buttons to trigger the slides;
	var slides = [$('vertical_slide'), $('vertical_slide2'), $('vertical_slide3'), $('vertical_slide4'), $('vertical_slide5'), $('vertical_slide6'), $('vertical_slide7'), $('vertical_slide8')]; //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: 500}).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].slideIn(); //Slide In the slide;
			} else {
				mySlide[openSlide].slideOut(); //Slide Out the previous openened slide;
				mySlide[idx].slideIn(); //Slide In the slide;
				openSlide = idx; //openSlide will now be the current open slide;
			}
			e.stop();
		});
	});
});

/*
window.addEvent('domready', function() {
	var status = {
		'true': 'open',
		'false': 'close'
	};
	
	var myVerticalSlide = new Fx.Slide('vertical_slide').hide();;
	$('v_toggle').addEvent('mouseover', function(e){
		e.stop();
		myVerticalSlide.toggle();
	});
	
	var myVerticalSlide2 = new Fx.Slide('vertical_slide2').hide();;
	$('v_toggle2').addEvent('mouseover', function(e){
		e.stop();
		myVerticalSlide2.toggle();
	});
	
	var myVerticalSlide3 = new Fx.Slide('vertical_slide3').hide();;
	$('v_toggle3').addEvent('mouseover', function(e){
		e.stop();
		myVerticalSlide3.toggle();
	});
	
	var myVerticalSlide4 = new Fx.Slide('vertical_slide4').hide();;
	$('v_toggle4').addEvent('mouseover', function(e){
		e.stop();
		myVerticalSlide4.toggle();
	});
	
	var myVerticalSlide5 = new Fx.Slide('vertical_slide5').hide();;
	$('v_toggle5').addEvent('mouseover', function(e){
		e.stop();
		myVerticalSlide5.toggle();
	});
	
	var myVerticalSlide6 = new Fx.Slide('vertical_slide6').hide();;
	$('v_toggle6').addEvent('mouseover', function(e){
		e.stop();
		myVerticalSlide6.toggle();
	});
	
	var myVerticalSlide7 = new Fx.Slide('vertical_slide7').hide();;
	$('v_toggle7').addEvent('mouseover', function(e){
		e.stop();
		myVerticalSlide7.toggle();
	});
	
	var myVerticalSlide8 = new Fx.Slide('vertical_slide8').hide();;
	$('v_toggle8').addEvent('mouseover', function(e){
		e.stop();
		myVerticalSlide8.toggle();
	});
	
	myVerticalSlide.addEvent('complete', function() {
		$('vertical_status').set('html', status[myVerticalSlide.open]);
	});
});
*/
/*
window.addEvents({
	'domready': function(){
		var mySlide = new Fx.Slide('elle', {duration: 500}).hide();
		$('slidein').addEvent('click', function(e){
			e = new Event(e);
			mySlide.toggle();
			e.stop();
		});
	},
	'load': function(){
		mySlide.slideIn(); // When page loads, slide in
	}
});
*/