document.addEvent('domready', function(){
  $$('.nopreload').addEvent('click', function(){
    $$('body').addClass('nopreload');
  });
});

if ($$('.preload')) {
window.addEvent('domready', function(){
  if ($$('.preload')[0])
  {
    // console.log('dom is ready');
    
    (function(){
      new Fx.Morph($$('.preload')[0], {
        duration: 'long',
        onComplete: function() {
          this.dispose();
        }.bind($$('.preload')[0])
      }).start({
        'opacity': [1, 0]
      });
          
    }).delay(200);
  }
});

window.addEvent('beforeunload', function(){
  
  if ($$('body').hasClass('nopreload')) {
    $$('body').removeClass('nopreload');
    return;
  }
  
  
  preload = new Element('div', {
    'class': 'preload',
    'styles': {
      'opacity': 0
    }
  });
  preload.inject($$('body')[0], 'top');
  
  new Fx.Morph(preload,{
    duration: 'short'
  }).start({
    'opacity': [0, 1]
  });  
});
}