window.addEvent('domready', function(){

var navigation = $$('#navigation li');
var navigation_a = $$('#navigation li a');

navigation.each(function(element) {
 
	var fx = new Fx.Styles(element, {duration:250, wait:false});
 
	element.addEvent('mouseenter', function(){
		fx.start({
			'width': 170
		});
	});
 
	element.addEvent('mouseleave', function(){
		fx.start({
			'width': 155
		});
	});
 
});

navigation_a.each(function(element) {
 
	var fx = new Fx.Styles(element, {duration:200, wait:false});
 
	element.addEvent('mouseenter', function(){
		fx.start({
			'color': '#505050'
		});
	});
 
	element.addEvent('mouseleave', function(){
		fx.start({
			'color': '#505050'
		});
	});
});

});