var members = new Array('mario', 'harold', 'jarno', 'rob', 0);

function fade_divs(ids) {
  $('#' + ids[ids[ids.length - 1]]).fadeOut(2000);
  ids[ids.length - 1]++;
  if (ids[ids.length - 1] >= ids.length - 1) {
    ids[ids.length - 1] = 0;
  }
  $('#' + ids[ids[ids.length - 1]]).fadeIn(2000);
}

function on_load() {
  // Hide past gigs
  $('#gigs-past').slideToggle();

  // create a player instance
  var s1 = new SWFObject('jwplayer/player.swf', 'ply', '260', '120', '9', '#ffffff');
  s1.addParam('allowfullscreen', 'false');
  s1.addParam('allowscriptaccess', 'false');
  s1.addParam('flashvars', 'file=media/playlist.xml&autostart=true&repeat=true&controlbar=top&playlist=bottom&playlistsize=100&backcolor=000000&frontcolor=FFFFFF');
  s1.write('player');

  // replace the empty spacer image (also triggers preload)
  $('#img-harold').attr('src', 'images/harold.jpg');
  $('#img-gerrit').attr('src', 'images/gerrit.jpg');
  $('#img-rob').attr('src', 'images/rob.jpg');
  $('#img-jarno').attr('src', 'images/jarno.jpg');

  // start the rotating background images
  setInterval('fade_divs(members);', 10000);
}

function toggle_gigs() {
  $('#gigs-past').slideToggle();
}