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

	var list = $$('#menu_list li');
	var path = 'url(images/but_'
	var ext = ".png)"
	var over = ['about_1', 'showreel_1', 'team_1', 'contact_1'];
	var out = ['about_0', 'showreel_0', 'team_0', 'contact_0']
	var i = 0;

	list.each(function(element){
 
		var fx = new Fx.Styles(element, {duration:500, wait:false});
	 	fx.options.transition = Fx.Transitions.Quart.easeOut;
	 
	 	var this_over = path + over[i] + ext;
		 
		element.addEvent('mouseenter', function(){
			this.setStyle('background-image', this_over);
			fx.start({
				'margin-top': 60
			});
		});
	 
	 	var this_out = path + out[i] + ext;
	 
		element.addEvent('mouseleave', function(){
			this.setStyle('background-image', this_out);
			fx.start({
				'margin-top': 0
			});
		});
	 
	 	i++;
	 
	});

});