window.addEvent('domready', function(){
	var list = $$('#sub-nav li');
	list.each(function(element) {
		
		var fx = new Fx.Styles(element, {duration:300, wait:false});
		
		element.addEvent('mouseenter', function(){
			fx.start({
				'padding-left': 20
			});
		});
		
		element.addEvent('mouseleave', function(){
			fx.start({
				'padding-left': 0
			}).chain(function(){
				this.start({
					'padding-left': 5
				});
			}).chain(function(){
				this.start({
					'padding-left': 0
				});
			}).chain(function(){
				this.start({
					'padding-left': 1
				});
			}).chain(function(){
				this.start({
					'padding-left': 0
				});
			});
		});
		
	});
});