window.addEvent('domready', function(){
		//Bridal Button
	var el = $('bridalButton'),
		color = el.getStyle('backgroundColor');
	
	// We are setting the opacity of the element to 0.5 and adding two events
	$('bridalButton').set('opacity', 0.5).addEvents({
		mouseenter: function(){
			// This morphes the opacity and backgroundColor
			this.morph({
				'opacity': 1,
				'color': '#FFFFFF',
				'background-color': '#C4D6EE'
			});
		},
		mouseleave: function(){
			// Morphes back to the original style
			this.morph({
				opacity: 0.5,
				color: '#37444D',
				backgroundColor: '#FFFFFF'
			});
		}
	});

	//Vendor Button
	var el = $('vendorButton'),
		color = el.getStyle('backgroundColor');
	
	// We are setting the opacity of the element to 0.5 and adding two events
	$('vendorButton').set('opacity', 0.5).addEvents({
		mouseenter: function(){
			// This morphes the opacity and backgroundColor
			this.morph({
				'opacity': 1,
				'color': '#FFFFFF',
				'background-color': '#C4D6EE'
			});
		},
		mouseleave: function(){
			// Morphes back to the original style
			this.morph({
				opacity: 0.5,
				color: '#37444D',
				backgroundColor: '#FFFFFF'
			});
		}
	});
	
		//Attendant Button
	var el = $('attendantButton'),
		color = el.getStyle('backgroundColor');
	
	// We are setting the opacity of the element to 0.5 and adding two events
	$('attendantButton').set('opacity', 0.5).addEvents({
		mouseenter: function(){
			// This morphes the opacity and backgroundColor
			this.morph({
				'opacity': 1,
				'color': '#FFFFFF',
				'background-color': '#C4D6EE'
			});
		},
		mouseleave: function(){
			// Morphes back to the original style
			this.morph({
				opacity: 0.5,
				color: '#37444D',
				backgroundColor: '#FFFFFF'
			});
		}
	});

	
	//Accessories Button
	var el = $('accessoriesButton'),
		color = el.getStyle('backgroundColor');
	
	// We are setting the opacity of the element to 0.5 and adding two events
	$('accessoriesButton').set('opacity', 0.5).addEvents({
		mouseenter: function(){
			// This morphes the opacity and backgroundColor
			this.morph({
				'opacity': 1,
				'color': '#FFFFFF',
				'background-color': '#C4D6EE'
			});
		},
		mouseleave: function(){
			// Morphes back to the original style
			this.morph({
				opacity: 0.5,
				color: '#37444D',
				backgroundColor: '#FFFFFF'
			});
		}
	});
	
	//Our Brides Button
	var el = $('ourBridesButton'),
		color = el.getStyle('backgroundColor');
	
	// We are setting the opacity of the element to 0.5 and adding two events
	$('ourBridesButton').set('opacity', 0.5).addEvents({
		mouseenter: function(){
			// This morphes the opacity and backgroundColor
			this.morph({
				'opacity': 1,
				'color': '#FFFFFF',
				'background-color': '#C4D6EE'
			});
		},
		mouseleave: function(){
			// Morphes back to the original style
			this.morph({
				opacity: 0.5,
				color: '#37444D',
				backgroundColor: '#FFFFFF'
			});
		}
	});

	//Mother of the Wedding Button
	var el = $('mowButton'),
		color = el.getStyle('backgroundColor');
	
	// We are setting the opacity of the element to 0.5 and adding two events
	$('mowButton').set('opacity', 0.5).addEvents({
		mouseenter: function(){
			// This morphes the opacity and backgroundColor
			this.morph({
				'opacity': 1,
				'color': '#FFFFFF',
				'background-color': '#C4D6EE'
			});
		},
		mouseleave: function(){
			// Morphes back to the original style
			this.morph({
				opacity: 0.5,
				color: '#37444D',
				backgroundColor: '#FFFFFF'
			});
		}
	});
	
		//Press  Button
	var el = $('pressButton'),
		color = el.getStyle('backgroundColor');
	
	// We are setting the opacity of the element to 0.5 and adding two events
	$('pressButton').set('opacity', 0.5).addEvents({
		mouseenter: function(){
			// This morphes the opacity and backgroundColor
			this.morph({
				'opacity': 1,
				'color': '#FFFFFF',
				'background-color': '#C4D6EE'
			});
		},
		mouseleave: function(){
			// Morphes back to the original style
			this.morph({
				opacity: 0.5,
				color: '#37444D',
				backgroundColor: '#FFFFFF'
			});
		}
	});
	
	//Vendor Drop down
	
	// The same as before: adding events
	$('vendorButton').addEvents({
		'mouseenter': function(){
			// Always sets the duration of the tween to 1000 ms and a bouncing transition
			// And then tweens the height of the element
			this.set('tween', {
				duration: 1000,
				transition: Fx.Transitions.Bounce.easeOut // This could have been also 'bounce:out'
			}).tween('height', '150px');
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			this.set('tween', {}).tween('height', '25px');
		}
	});
	
});