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


// Morphing the list with CSS selectors
  $$('#mainmenu li a').each(function(el){
    el.set('morph', {
      duration: 300
    }).addEvents({
      // Using Function:pass, which is a shorter alternative for
      //     function(){
      //         el.morph('.hover');
      //     }
      mouseenter: el.morph.pass('#mainmenu li a.hover', el),
      mouseleave: el.morph.pass('#mainmenu li a.default', el)
    });
  });



});