function collapse(e) {
  var arrow = e.target;

  // eerst alles sluiten
  $$('div.collaps div').each(
    function(div) {
      var a = div.adjacent('a')[0];
      if (a.hasClassName('collaps_up') && a != arrow) {
        new Effect.BlindUp(div, { duration:0.5, afterFinish: function(effect) 
          { effect.element.adjacent('a')[0].className = 'collaps' } } );
      }
    }
  );

  var b = arrow.up().getElementsBySelector('div')[0];
  if (arrow.hasClassName('collaps_up')) {
    new Effect.BlindUp(b, {duration:0.5, afterFinish: function(effect) 
      { effect.element.adjacent('a.collaps_up')[0].className = 'collaps' } } );
  } else {
    new Effect.BlindDown(b, {duration:0.5, afterFinish: function(effect) 
      { effect.element.adjacent('a.collaps')[0].className = 'collaps_up' } } );
  }
}

function initCollapse() {
  //Collapse.init();
  $$('div.collaps').each(
    function(div) {
      var content = document.createElement('DIV');
      content.className = 'collaps_content';
      
      var p = div.getElementsByTagName('P');
      while (p.length > 0) {
        content.insertBefore(p[p.length-1], content.firstChild);
        p = div.getElementsByTagName('P');
      }
      div.appendChild(content);
      content.expandHeight = content.offsetHeight;
      content.style.display = "none";

      var a = document.createElement('A');
      a.setAttribute('HREF', 'javascript:void(0)');
      $(a).observe('mousedown', collapse);
      a.className = 'collaps';
      div.appendChild(a);
    }
  );
}


function initDatum() {
  var date = new Date();
  var div = document.getElementById('datumtijd');
  div.firstChild.data = date.toLocaleDateString();
}

Event.observe(window, 'load', initCollapse, false);
Event.observe(window, 'load', initDatum, false);