$(document).ready(function() {  
  /******************************************
  **  Header banners
  ******************************************/
  // init values
  var banners = $("#header div[id^=banner]").length;
  var slogans = $("#header span[class^=banner]").length;
  var bannerIndex = 1;

  if (slogans > 1) {
    toggleText(bannerIndex, banners);
  }

  function toggleText(i, banners) {
    $(".banner" + i + ".slogan1").css('filter','');
    $(".banner" + i + ".slogan2").css('filter','');
    $(".banner" + i + ".slogan1").delay(1000).fadeIn(2000, function(){
      $(".banner" + i + ".slogan2").delay(1000).fadeIn(2000, function() {
        $(".banner" + i + ".slogan2").delay(3000).fadeOut(2000, function() {
          $(".banner" + i + ".slogan1").fadeOut(2000, function(){
            if (banners > 1) {
              i++;
              toggleBanners(i, banners);
            }
          });              
        });
      });
    });
  }

  function toggleBanners(i, banners) {
    $("#banner" + (i-1)).fadeOut(1000);
    if (i <= banners) {
      $("#banner" + i).fadeIn(1000, function(){
        toggleText(i, banners);
      });
    }
    else {
      $("#banner1").fadeIn(1000, function() {
        toggleText(1, banners);
      });
    }
  }

  /******************************************
  **  Contact Box
  ******************************************/
  $(".contact > .contact-information").each(function() { 
    $(this).find("a.contact-header").each(function() {
      $(this).click(function(){
        $(this).parent().find(".adresgegevens").slideToggle();
        if ($(this).hasClass("icon_expand")) {
            $(this).removeClass("icon_expand").addClass("icon_expanded");
        }
        else {
            $(this).removeClass("icon_expanded").addClass("icon_expand");
        }
        return false;
      });
    });
  });
});
