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

	var VendingSlide = new Fx.Slide('Vending_Slide');
	$('VendingToggle').addEvent('click', function(e){
		e.stop();
		VendingSlide.toggle();
		VendorSlide.slideOut();
		ServiceSlide.slideOut();
	});
	
	VendingSlide.hide();
	
	var ServiceSlide = new Fx.Slide('Service_Slide');
	$('ServiceToggle').addEvent('click', function(e){
		e.stop();
		ServiceSlide.toggle();
		VendorSlide.slideOut();
		VendingSlide.slideOut();
	});
	
	ServiceSlide.hide();
	
	var VendorSlide = new Fx.Slide('Vendor_Slide');
	$('VendorToggle').addEvent('click', function(e){
		e.stop();
		VendorSlide.toggle();
		VendingSlide.slideOut();
		ServiceSlide.slideOut();
	});
	
	VendorSlide.hide();
	
		color = '#FFFFFF';
	
	// We are setting the opacity of the element to 0.5 and adding two events
	$$('.phone').addEvents({
		mouseenter: function(){
			// This morphes the opacity and backgroundColor
			this.morph({
				'background-color': '#D7EBFF'
			});
		},
		mouseleave: function(){
			// Morphes back to the original style
			this.morph({
				backgroundColor: color
			});
		}
	});

});