window.addEvent('domready', function(){
	//First Example
	var el = $('profilebutt'),
		color = el.getStyle('backgroundColor');	
	$('profilebutt').set('opacity', 0.5).addEvents({
		mouseenter: function(){
			this.morph({
				'opacity': 1
			}),
			this.set('tween', {
				duration: 1000,
				transition: Fx.Transitions.Bounce.easeOut // This could have been also 'bounce:out'
			}).tween('width', '250px');
		},
		mouseleave: function(){
			this.morph({
				opacity: 0.5
			}),
			this.set('tween', {}).tween('width', '190px');
		}
	});
	//First Example
	var el = $('servicesbutt'),
		color = el.getStyle('backgroundColor');	
	$('servicesbutt').set('opacity', 0.5).addEvents({
		mouseenter: function(){
			this.morph({
				'opacity': 1
			}),
			this.set('tween', {
				duration: 1000,
				transition: Fx.Transitions.Bounce.easeOut // This could have been also 'bounce:out'
			}).tween('width', '250px');
		},
		mouseleave: function(){
			this.morph({
				opacity: 0.5
			}),
			this.set('tween', {}).tween('width', '190px');
		}
	});
	//First Example
	var el = $('clientsbutt'),
		color = el.getStyle('backgroundColor');	
	$('clientsbutt').set('opacity', 0.5).addEvents({
		mouseenter: function(){
			this.morph({
				'opacity': 1
			}),
			this.set('tween', {
				duration: 1000,
				transition: Fx.Transitions.Bounce.easeOut // This could have been also 'bounce:out'
			}).tween('width', '250px');
		},
		mouseleave: function(){
			this.morph({
				opacity: 0.5
			}),
			this.set('tween', {}).tween('width', '190px');
		}
	});
	//First Example
	var el = $('contactbutt'),
		color = el.getStyle('backgroundColor');	
	$('contactbutt').set('opacity', 0.5).addEvents({
		mouseenter: function(){
			this.morph({
				'opacity': 1
			}),
			this.set('tween', {
				duration: 1000,
				transition: Fx.Transitions.Bounce.easeOut // This could have been also 'bounce:out'
			}).tween('width', '250px');
		},
		mouseleave: function(){
			this.morph({
				opacity: 0.5
			}),
			this.set('tween', {}).tween('width', '190px');
		}
	});
});