window.addEvent('domready', function(){
//enabling the image change on rollover in the main panel

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