window.addEvent('domready', function(){
	/* On récupère l'élement dont l'id est 'sliding-navigation'*/
	/* et pour tous les liens "<a>" on fait : */
	$('sliding-navigation').getElements('a').addEvents({ // on rajoute un événement
		mouseenter: function(){ //quand la souris est au dessus
			
			this.set('morph', { // on change la méthode morph
				duration: 1500, // on lui donne une durée de 1.5s
				transition: Fx.Transitions.Circ.easeOut // pour un effet "elastique" : transition: Fx.Transitions.Elastic.easeOut
			}).morph({ // puis on applique la méthode morph sur le menu
				'padding-left': '20' // on augmente le padding-left de 20px
									// donc décalage sur la droite de 20px
			});
		},
		mouseleave: function(){
			// quand la souris quitte le menu
			this.morph({
				'padding-left': '6' // on remet la valeur du padding-left initiale
			});
		}
	});
});