
function init_accordion() {
  if (!$('dl.accordion').length) {
    return;
  }
 
  // Verzamel alle accordions
  $('dl.accordion').each(function() {
    // Laat het eerste element zien
    $(this).find('dt a:first').addClass('accordion_expanded')
           .end().find('dd:first').show();
    //$(this).find('dt a:last').addClass('accordion_last');
  });
  
  // Handlers voor de click-events
  $('dl.accordion dt a').click(function() {
    var $dl = $(this).parents('dl:first');
    var $dd = $(this).parent('dt').next('dd');
    // Is dit dd-element verborgen?
    if ($dd.is(':hidden')) {
      $(this).addClass('accordion_expanded');
      $dd.show();
    }
    else {
      $(this).removeClass('accordion_expanded');
      $dd.hide();
    }
    this.blur();
    return false;
  });
}

// Laat een Tool tip zien voor noteringen
function init_tooltip() {
  if (!$('td.stats').length) {
    return;
  }

  $('body').append('<div id="tooltip_outer"><div id="tooltip_inner"></div></div>');
  var $tt_o = $('#tooltip_outer');
  var $tt_i = $('#tooltip_inner');
  
  $('td.stats').hover(function(ev) {
    // Event coordinaten
    var $ev_x = ev.pageX;
    var $ev_y = ev.pageY;
    // Tooltip coordinaten
    var $tt_x = $tt_o.outerWidth();
    var $tt_y = $tt_o.outerHeight();
    // Body coordianaten
    var $bd_x = $('body').outerWidth();
    var $bd_y = $('body').outerHeight();
    // Gegevens in de tooltip plaatsen
    $tt_i.html($(this).find(':first-child').html());
    //$tt_i.html('ja hoor');
    // Plaats tooltip
    $tt_o.css({
      'top' :$ev_y + $tt_y + 220 > $bd_y ? $ev_y - $tt_y : $ev_y,
      'left':$ev_x + $tt_x + 20 > $bd_x ? ev_x - $tt_x - 10 : $ev_x + 15
    });
    $tt_o.show();
  },
  function() {
    $tt_o.hide();
  });
}

$(document).ready(function() {
  init_accordion();
  init_tooltip();
  
  $('table.common tr').hover(
    function() {
      $(this).find('td').addClass('g1');
    },
    function() {
      $(this).find('td').removeClass('g1');
    }
  );
  
  $('table.numbers tr').hover(
    function() {
      $(this).find('td').addClass('g1');
    },
    function() {
      $(this).find('td').removeClass('g1');
    }
  ); 
  
  // Controleer of er tekst is ingevuld, wanneer de gebruiker een zoekactie start
  $('a.search').bind('click',function(){
    var $form = $(this).parent().parent();
    var formName = $form.attr('name');
    var $objTxt = $(this).siblings(':text').first();
    if ($objTxt.val() == '') {
      $form.find('.searcherror .error').text('Er is niets ingevuld!');
    }
    else {
      document.forms[formName].submit();
    }
    return false;
  });
});

