window.addEvent('domready', function(){
  
  var list = $$('#menu li');
  list.each(function(element) {
    element.addEvent('mouseenter', element.tween.bind(element, ['padding-right', '10px'])); 
    element.addEvent('mouseleave', element.tween.bind(element, ['padding-right', '0'])); 
  })

  var morph = new Fx.Morph('bandeau', { duration: 'short'});
  $('bandeau').addEvent('mouseenter', function(e) {
    e.stop();
    morph.start({
      top: '-8px',
      left: '-8px'
    });
  });
  $('bandeau').addEvent('mouseleave', function(e) {
    e.stop();
    morph.start({
      top: '0',
      left: '0'
    });
  });
});