document.observe("dom:loaded", function() {

  $('rootLink').observe('mouseenter', function() {
    new Effect.Morph('navText', { style: 'color: #CCC', duration: 0.5, queue: {position:'end', limit: 10, scope:'link'}});
  });

  $('rootLink').observe('mouseleave', function() {
    new Effect.Morph('navText', { style: 'color: #505050', duration: 0.5, queue: {position:'end', limit: 10, scope:'link'}});
  });

});