window.addEvent('domready', function(){
  var col1 = $('menu_1').getStyle('color');
  var col2 = $('menu_2').getStyle('color');
  var col3 = $('menu_3').getStyle('color');
  var col4 = $('menu_4').getStyle('color');
 
  $('menu_1').addEvents({
    'mouseenter': function(){
      this.morph({'color': '#ffffff'});
    },
    'mouseleave': function(){
      this.morph({'color': col1});
    }
  });

  $('menu_2').addEvents({
    'mouseenter': function(){
      this.morph({'color': '#ffffff'});
    },
    'mouseleave': function(){
      this.morph({'color': col2});
    }
  });

  $('menu_3').addEvents({
    'mouseenter': function(){
      this.morph({'color': '#ffffff'});
    },
    'mouseleave': function(){
      this.morph({'color': col3});
    }
  });

  $('menu_4').addEvents({
    'mouseenter': function(){
      this.morph({'color': '#ffffff'});
    },
    'mouseleave': function(){
      this.morph({'color': col4});
    }
  });
});