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

  $$('a.img span').each( function ( el ) {
    el.setOpacity(0.7);
  });

  $$('a.img').each( function ( el ) {
    Event.observe( el, 'mouseover', function (event) {
      el.setOpacity (0.7);
      el.select('span').setOpacity(1);
    });
    Event.observe( el, 'mouseout', function (event) {
      el.setOpacity(1);
      el.select('span').setOpacity(0.7);
    });
  });
  $$('.graphical').each( function ( el ) {
    Event.observe( el, 'mouseover', function (event) {
      el.setOpacity (0.7)
    });
    Event.observe( el, 'mouseout', function (event) {
      el.setOpacity(1);
    });
  });

  if ($('mainimage')) {
    $('mainimage').setOpacity(0.0);
    new Effect.Appear( ('mainimage'), { duration: 2 } );
    $('logo').hide();
  }
});