window.addEvent('domready', function(){
  var MAX_SPLASH_NUM = 29;
  var $s = $('splash');
  
  var splashNo = Number.random(1, MAX_SPLASH_NUM);
  if (splashNo<10) {
    splashNo = "00"+splashNo;
  } else {
    splashNo = "0"+splashNo;
  }
  $('splash-photo').set('src', "images/splash/"+splashNo+".jpg");
  $s.set('opacity', 0);
  $s.setStyle('display', 'block');        
  $s.fade('in');
  $('splash-photo').addEvents({
    'mouseenter': function(e) {
      this.fade('out');
    },
    'mouseleave': function(e) {
      this.fade('in');
    }
  });
  $s.addEvent('click', function(e) {
    $s.set('morph', {
      onComplete: function(e){
        window.location = 'main.html';
      }
    }).morph({opacity: 0});
  });
});