window.addEvent('domready', function() {
	var status = {
		'true': 'open',
		'false': 'close'
	};

	
	
	//--Home
	
	//Hides the Element, then brings it back in with toggle and finally alerts
	//when complete:
	
	var myHomeSlide = new Fx.Slide('home_slide', {mode: 'vertical'});


	$('home_toggle').addEvent('click', function(e){
		e.stop();
		myHomeSlide.toggle();
		myAboutSlide.slideOut();
		myEquipmentSlide.slideOut();
		myServicesSlide.slideOut();
		myFaqsSlide.slideOut();
		myContactSlide.slideOut();
		myPackageSlide.slideOut();
	});
	
	// When Horizontal Slide ends its transition, we check for its status note that complete will not affect 'hide' and 'show' methods
	myHomeSlide.addEvent('complete', function() {
		$('vertical_status').set('html', status[myHomeSlide.open]);
	});
	
	myHomeSlide.show();
	
	
	
	//--About
	
	//Hides the Element, then brings it back in with toggle and finally alerts
	//when complete:
	
	var myAboutSlide = new Fx.Slide('about_slide', {mode: 'vertical'});


	$('about_toggle').addEvent('click', function(e){
		e.stop();
		myAboutSlide.toggle();
		myEquipmentSlide.slideOut();
		myServicesSlide.slideOut();
		myFaqsSlide.slideOut();
		myContactSlide.slideOut();
		myPackageSlide.slideOut();
		myHomeSlide.slideOut();
	});
	
	// When Horizontal Slide ends its transition, we check for its status note that complete will not affect 'hide' and 'show' methods
	myAboutSlide.addEvent('complete', function() {
		$('vertical_status').set('html', status[myAboutSlide.open]);
	});
	
	myAboutSlide.hide();
	
	
	
	//--Services
	
	var myServicesSlide = new Fx.Slide('services_slide', {mode: 'vertical'});


	$('services_toggle').addEvent('click', function(e){
		e.stop();
		myServicesSlide.toggle();
		myFaqsSlide.slideOut();
		myContactSlide.slideOut();
		myPackageSlide.slideOut();
		myHomeSlide.slideOut();
		myAboutSlide.slideOut();
		myEquipmentSlide.slideOut();
	});
	
	// When Services Slide ends its transition, we check for its status note that complete will not affect 'hide' and 'show' methods
	myServicesSlide.addEvent('complete', function() {
		$('vertical_status').set('html', status[myServicesSlide.open]);
	});
	
	myServicesSlide.hide();
	
	
	
	//--Contact
	
	var myContactSlide = new Fx.Slide('contact_slide', {mode: 'vertical'});


	$('contact_toggle').addEvent('click', function(e){
		e.stop();
		myContactSlide.toggle();
		myPackageSlide.slideOut();
		myHomeSlide.slideOut();
		myAboutSlide.slideOut();
		myEquipmentSlide.slideOut();
		myServicesSlide.slideOut();
		myFaqsSlide.slideOut();
	});
	
	// When Services Slide ends its transition, we check for its status note that complete will not affect 'hide' and 'show' methods
	myContactSlide.addEvent('complete', function() {
		$('vertical_status').set('html', status[myContactSlide.open]);
	});
	
	myContactSlide.hide();


//--Package
	
	var myPackageSlide = new Fx.Slide('package_slide', {mode: 'vertical'});


	$('package_toggle').addEvent('click', function(e){
		e.stop();
		myPackageSlide.toggle();
		myHomeSlide.slideOut();
		myAboutSlide.slideOut();
		myEquipmentSlide.slideOut();
		myServicesSlide.slideOut();
		myFaqsSlide.slideOut();
		myContactSlide.slideOut();
	});
	
	// When Services Slide ends its transition, we check for its status note that complete will not affect 'hide' and 'show' methods
	myPackageSlide.addEvent('complete', function() {
		$('vertical_status').set('html', status[myPackageSlide.open]);
	});
	
	myPackageSlide.hide();
	

//--Equipment
	
	var myEquipmentSlide = new Fx.Slide('equipment_slide', {mode: 'vertical'});


	$('equipment_toggle').addEvent('click', function(e){
		e.stop();
		myEquipmentSlide.toggle();
		myServicesSlide.slideOut();
		myFaqsSlide.slideOut();
		myContactSlide.slideOut();
		myPackageSlide.slideOut();
		myHomeSlide.slideOut();
		myAboutSlide.slideOut();
	});
	
	// When Services Slide ends its transition, we check for its status note that complete will not affect 'hide' and 'show' methods
	myEquipmentSlide.addEvent('complete', function() {
		$('vertical_status').set('html', status[myEquipmentSlide.open]);
	});
	
	myEquipmentSlide.hide();
	
	
//--FAQs
	
	var myFaqsSlide = new Fx.Slide('faqs_slide', {mode: 'vertical'});


	$('faqs_toggle').addEvent('click', function(e){
		e.stop();
		myFaqsSlide.toggle();
		myContactSlide.slideOut();
		myPackageSlide.slideOut();
		myHomeSlide.slideOut();
		myAboutSlide.slideOut();
		myEquipmentSlide.slideOut();
		myServicesSlide.slideOut();
	});
	
	// When Services Slide ends its transition, we check for its status note that complete will not affect 'hide' and 'show' methods
	myFaqsSlide.addEvent('complete', function() {
		$('vertical_status').set('html', status[myFaqsSlide.open]);
	});
	
	myFaqsSlide.hide();

});