$(document).ready(function() {
  // console.log($('div#programma li.content div.filled9').length);
  $('li>div.filled9, li>div.filled6, li>div.filled4, li>div.doorlopend').click(function() {
    var blokje = this;
    var zoomin = $(this).siblings('div.zoomin');
    if (zoomin.length > 0) {
      zoomin.slideUp(function() { $(this).remove() });
      if ($.browser.msie && parseInt($.browser.version) < 9) {
        $('ul.doorlopend, div.special, div.label2').show();
      }
    } else {
      $('#programma li div.zoomin').slideUp(function() { $(this).remove() });
      var classes = $(this).attr('class');
      var page = $(this).attr('page');
      var zoomin = $('<div class="zoomin ' + classes + '"/>');
      $(this).parent('li').append(zoomin);
      zoomin.html('<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>').slideDown();
      zoomin.load('/cgi-bin/webetui4.cgi?o=WebEtui::Functions&f=field_ajax&field=text&page=' + page, function() {
        $('h1', this).before('<a class="close" href="#"></a>');
        $('a.close', this).click(function() {
          $(blokje).click();
        });
        
        if ($('div[webetui_function=beschikbaar] p').text().search(/VOL/) > 0) {
          $('h1', this).append('<label>deze workshop is volgeboekt en kun je niet meer kiezen!</label>');
        } else if (!$(blokje).hasClass('doorlopend')) {
          $('h1', this).append('<label>kies deze workshop</label>');
          if ($(blokje).hasClass('selected'))
            $('h1', this).addClass('selected').append('<label>kies deze workshop</label>');
          
          $('h1', this).click(function() {
            var selected = $(this).hasClass('selected');
            if ($(blokje).hasClass('ochtend')) {
              $('li.content div.ochtend').removeClass('selected');
              $.cookie('ochtendsessie', (selected ? 'geen' : $(blokje).attr('page')), { path: '/' });
            } else {
              $('li.content div.middag').removeClass('selected');
              $.cookie('middagsessie',  (selected ? 'geen' : $(blokje).attr('page')), { path: '/' });
            }
            $(this).toggleClass('selected', !selected);
            $(blokje).toggleClass('selected', !selected);
            $(blokje).click();
          });
        }
      });
      
      if ($.browser.msie && parseInt($.browser.version) < 9) {
        if (!$(this).hasClass('doorlopend'))
          $('ul.doorlopend').hide();
        $('div.special, div.label2').hide();
      }

    }
  });
  
  if ($('div.alfabet').length > 0) {
    alfabet();
  }
});

function alfabet() {
  function refresh(letter) {
    $('div.alfabet h3').each(function() {
      // var onoff = (letter == $(this).text().substr(0, 1));
      var onoff = (letter == $(this).attr('letter'));
      $(this).toggle(onoff).next('p').toggle(onoff);
    });
    $('div#alfabet a').removeClass('selected');
    $('div#alfabet a:contains(' + letter + ')').addClass('selected');
  };
  var alfabet = $('<div id="alfabet"/>');
  var prev = null;
  $('div.alfabet h3').each(function() {
    var titel = $(this).text();
    var p = titel.lastIndexOf(' ');
    var letter = titel.substr(p+1, 1).toUpperCase();
    $(this).attr('letter', letter);
    if (letter && letter != prev) {
      $('<a href="#">' + letter + '</a>').click(function() {
        refresh(letter);
        return false;
      }).appendTo(alfabet);
      prev = letter;
    }
  });
  $('div.alfabet').prepend(alfabet);
  refresh('A');
}