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

	
	
	//--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'});


	$('h_toggle').addEvent('click', function(e){
		e.stop();
		myAboutSlide.toggle();
		myServicesSlide.slideOut();
		myPortfolioSlide.slideOut();
		myQuoteSlide.slideOut();
		myContactSlide.slideOut();
		
		myWebsiteCMSSlide.slideOut();
		myWebsiteStaticSlide.slideOut();
		myWebsiteCustomSlide.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();
		myAboutSlide.slideOut();
		myPortfolioSlide.slideOut();
		myQuoteSlide.slideOut();
		myContactSlide.slideOut();
		
		myWebsiteCMSSlide.slideOut();
		myWebsiteStaticSlide.slideOut();
		myWebsiteCustomSlide.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();
	
	
	//--Portfolio
	
	var myPortfolioSlide = new Fx.Slide('portfolio_slide', {mode: 'vertical'});


	$('portfolio_toggle').addEvent('click', function(e){
		e.stop();
		myPortfolioSlide.toggle();
		myAboutSlide.slideOut();
		myServicesSlide.slideOut();
		myQuoteSlide.slideOut();
		myContactSlide.slideOut();
		
		myWebsiteCMSSlide.slideOut();
		myWebsiteStaticSlide.slideOut();
		myWebsiteCustomSlide.slideOut();
	});
	
	// When Services Slide ends its transition, we check for its status note that complete will not affect 'hide' and 'show' methods
	myPortfolioSlide.addEvent('complete', function() {
		$('vertical_status').set('html', status[myPortfolioSlide.open]);
	});
	
	myPortfolioSlide.hide();
	
	
	//--Ouote
	
	var myQuoteSlide = new Fx.Slide('quote_slide', {mode: 'vertical'});


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


	$('contact_toggle').addEvent('click', function(e){
		e.stop();
		myContactSlide.toggle();
		myAboutSlide.slideOut();
		myServicesSlide.slideOut();
		myPortfolioSlide.slideOut();
		myQuoteSlide.slideOut();
		
		myWebsiteCMSSlide.slideOut();
		myWebsiteStaticSlide.slideOut();
		myWebsiteCustomSlide.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();
	
	
	//-Website Slides Start Here
	//--Website Static
	
	var myWebsiteStaticSlide = new Fx.Slide('website_static_slide', {mode: 'vertical'});


	$('website_static_toggle').addEvent('click', function(e){
		e.stop();
		myWebsiteStaticSlide.toggle();
		myWebsiteCMSSlide.slideOut();
		myWebsiteCustomSlide.slideOut();
	});
	
	// When Services Slide ends its transition, we check for its status note that complete will not affect 'hide' and 'show' methods
	myWebsiteStaticSlide.addEvent('complete', function() {
		$('vertical_status').set('html', status[myWebsiteStaticSlide.open]);
	});
	
	myWebsiteStaticSlide.hide();
	
	
	//--Website CMS
	
	var myWebsiteCMSSlide = new Fx.Slide('website_cms_slide', {mode: 'vertical'});


	$('website_cms_toggle').addEvent('click', function(e){
		e.stop();
		myWebsiteCMSSlide.toggle();
		myWebsiteStaticSlide.slideOut();
		myWebsiteCustomSlide.slideOut();
	});
	
	// When Services Slide ends its transition, we check for its status note that complete will not affect 'hide' and 'show' methods
	myWebsiteCMSSlide.addEvent('complete', function() {
		$('vertical_status').set('html', status[myWebsiteCMSSlide.open]);
	});
	
	myWebsiteCMSSlide.hide();
	
	//--Website Custom
	
	var myWebsiteCustomSlide = new Fx.Slide('website_custom_slide', {mode: 'vertical'});


	$('website_custom_toggle').addEvent('click', function(e){
		e.stop();
		myWebsiteCustomSlide.toggle();
		myWebsiteCMSSlide.slideOut();
		myWebsiteStaticSlide.slideOut();
	});
	
	// When Services Slide ends its transition, we check for its status note that complete will not affect 'hide' and 'show' methods
	myWebsiteCustomSlide.addEvent('complete', function() {
		$('vertical_status').set('html', status[myWebsiteCustomSlide.open]);
	});
	
	myWebsiteCustomSlide.hide();
	
});