// Image animation.

var x_pos   = 200;
var x_speed = 15;
var step    = 1;

var images  = new Array(5);
var speeds  = new Array(5);

if (document.images) {
  for (i = 0; i < 5; i++) {
    images[i] = new Image;
    images[i].src = "usagi/u" + (i+1) + ".gif";
  }

  speeds[0] = 2000;
  speeds[1] = 2000;
  speeds[2] = 2000;
  speeds[3] = 1500;
  speeds[4] = 1500;
}

function move_image() {
  var s = document.getElementById('sprite0');

  x_pos = x_pos - x_speed;
  document.getElementById('image').style.left = x_pos + 'px';

  if (x_pos > -400) {
    setTimeout("move_image();",50);
  } else {
    if (self.innerHeight) {
      // All except Explorer.
    }
    else if (document.documentElement && document.documentElement.clientHeight) {
      // Explorer 6 Strict Mode
    }
    else if (document.body) {
    // other Explorers
      document.getElementById('welcome').style.width = document.body.clientWidth - 230;
    }
    
    document.getElementById('welcome').style.visibility = 'visible';
    document.getElementById('image').style.visibility = 'hidden';
  }
}

function change_image() {
  document.getElementById('image').src = images[step].src;
  step++;

  if (step >= 5) {
    setTimeout("move_image();",50);
    return;
  }

  setTimeout("change_image();",speeds[step]);
}

function start() {
  if (document.images) {
    setTimeout("change_image();",speeds[0]);
    window.onclick = sidebar_retract;
  }
}

function sidebar_retract(e) {
  if (window.routeEvent(e)) {
    document.getElementById('sidebar1').style.visibility = 'hidden';
  }
}

function sidebar_expand(id) {
  document.getElementById('sidebar' + id).style.visibility = 'visible';
  return false;
}