var stories = [
      { artist: 'Wim Emmerik',                             title: 'De stier wacht op groen',  time: 7 },
      { artist: 'Marja B\u00f6nker',                       title: 'Een zondag met vader',     time: 6 },
      { artist: 'Tony Bloem',                              title: 'De muggen in de aanval',   time: 7 },
      { artist: 'Harm de Vries',                           title: 'Met vakantie naar huis',   time: 6 },
      { artist: 'Dickson Sint Jago',                       title: 'De voetbalwedstrijd',      time: 7 },
      { artist: 'John van Gelder',                         title: 'De spin wordt boos',       time: 5 },
      { artist: 'Leontien Koenders',                       title: 'Verliefd op de leeuw',     time: 7 },
      { artist: 'Gert Stappenbelt',                        title: 'De noodlanding',           time: 5 },
      { artist: 'Gert-Jan de Kleer',                       title: 'Ik was Michiel de Ruyter', time: 6 },
      { artist: 'Impressie van een bezoek aan Washington', title: 'The Deaf Way - 1989',      time: 7 }
   ];

   var storyImgs = [];
   for (var i = 0; i < 10; i++)
   {
      storyImgs[i] = new Image();
      storyImgs[i].src = '../pix/verhalen/story' + i + '.jpg';
   }

function init()
{
   document.body.fader = new Animator();
   document.getElementById('hidden').faded = false;
   document.getElementById('link').onclick = function(event) { popup(event, 'gebarencolofon.html'); };

   var d = document.createElement('div');
   for (var i = 0; i < 10; i++)
   {
      var titleNode = d.cloneNode(false);
         titleNode.className   = 'clickable link';
         titleNode.onmouseover = fade;
         titleNode.onmouseout  = fade;
         titleNode.onclick     = function() { document.location.href = 'http://www.vitaaldenhaag.org/movies/aflev' + (parseInt(this.parentNode.id.substring(5)) + 1) + '.rm'; };
         titleNode.appendChild(document.createTextNode(stories[i].title));

      var storyNode = d.cloneNode(false);
         storyNode.className = 'story';
         storyNode.id        = 'story' + i;
         storyNode.appendChild(document.createTextNode(stories[i].artist));
         storyNode.appendChild(titleNode);
         storyNode.appendChild(document.createTextNode(stories[i].time + ' minuten'));
         if (i == 6)
            storyNode.appendChild(document.createTextNode(' [zonder geluid]'));

      i < 5 ? document.getElementById('middleCol').appendChild(storyNode) : document.getElementById('rightCol').appendChild(storyNode);
   }
}

function fade()
{
   if (this.parentNode.id == 'story10')
      return;  // no Washington pic yet...

   document.getElementById('hidden').src = '../pix/verhalen/' + this.parentNode.id + '.jpg';

   document.body.fader.init(500);
   document.body.fader.add(document.getElementById('logo'),   0, 100, 'linear', 'opacity', document.getElementById('hidden').faded ? 'fwd' : 'rev');
   document.body.fader.add(document.getElementById('hidden'), 0, 100, 'linear', 'opacity', document.getElementById('hidden').faded ? 'rev' : 'fwd');
   document.body.fader.start();
   document.getElementById('hidden').faded = !document.getElementById('hidden').faded;
}

   addLoadEvent(init);