// Zodra de DOM geladen is
$(function() {

 // Laat CSS weten dat JavaScript aan staat
 $('html').addClass('js-enabled');

 // Klap alle FAQs dicht
 $('ul.faq li div').hide().prev().click(function() {
  $(this).next().slideToggle(function() {
   $(this).blur().parent().toggleClass('opened');
  });
  return false;
 });

 // Als er naar een FAQ gelinked is, klap die dan open
 if (location.hash && location.hash.substring(1, 5) == 'faq-') {
  $('ul.faq li' + location.hash + ' a').click();
 };

 // Voeg extra markup voor ronde hoekjes toe aan <div class="focus">)
 $('div.focus').wrap('<div class="focus-wrapper"></div>');

 function addClosable() {
  // Met <a href="#" class="close-message"> kan een bericht gesloten worden
  $('.close-message, .message-normal #close-button a').click(function() {
   $('#message').fadeOut('slow', function() {
    $('#message-container').css('opacity', '0.8').fadeOut('normal', function() {
     if ($.browser.msie && $.browser.version == '6.0') {
      $('select').css('visibility', 'visible');
     };
     $('#container form :input').attr('disabled', false);
     $('#message, #message-container').remove();
    });
   });
   return false;
  });
 };
 addClosable();

 // Ajaxificeer het postcode check formulier
 $('#sidebar form').submit(function() {
  $('#container form :input').attr('disabled', true);
  $.get('checkPostalCode.do?ajax=true', {postalCode:$('#postalCode').val()},function(data) {
   if ($.browser.msie && $.browser.version == '6.0') {
    $('select').css('visibility', 'hidden');
   };
   $('#container').before(data);
   addClosable();
   $('#message').hide();
   $('#message-container').css('opacity', '0').fadeTo('normal', 0.8, function() {
    $('#message').fadeIn('slow');
   });
  });
  return false;
 });

 // Print link
 $('ul.print').prepend($('<li id="print"><a href="#">Voorwaarden afdrukken</a></li>').click(function() {
  if (print) {
   print();
  };
  return false;
 }))

});

// Maak alle kolommen op de homepage net zo hoog als de hoogste, maar wel
// nadat de plaatjes geladen zijn, zodat de hoogtes ook kloppen
window.onload = function() {
 var hoogste = 0, kolommen = $('div.content');
 if (kolommen.length > 0) {
  kolommen.each(function() {
   hoogste = $(this).height() > hoogste ? $(this).height() : hoogste;
  });
  if ($.browser.msie && $.browser.version == '6.0') {
   kolommen.height(hoogste + 21);
  } else {
   kolommen.height(hoogste);
  };
 };
};

// Background flicker ding voor IE6
try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {}
