function setWindowSize(){
  if ($('framework')){
    if ($(window).getSize().x <= 750){
      $(document.body).removeClass('small');
      $(document.body).addClass('smaller');
    }else if ($(window).getSize().x <= 976){
      $(document.body).removeClass('smaller');
      $(document.body).addClass('small');
    }else {
      $(document.body).removeClass('small');
      $(document.body).removeClass('smaller');
    }
  }
}

function initCarousel(slideInterval, transitionDuration){
  if ($('carousel-image') && $('carousel-control')){

    var carouselImages = $('carousel-image').getElements('img');
    var controlButtonsList = new Element('ul');

    // Set color of first slide
    controlButtonsList.addClass(carouselImages[0].getProperty('class'));

    i = 0;
    $$('#carousel-image img').each(function(){
      var button = new Element('li', {id: 'carousel-control-button-'+i});
      button.inject(controlButtonsList);
      var slideNumber = i;
      button.addEvent('click', function(){
        if (slideNumber != homeCarousel.currentSlide){
          homeCarousel.stop();
          homeCarousel.showSlide(slideNumber);
          setCurrentControl();
        }
      });

      carouselControlContents = $('carousel-control').getElements('.carousel-control-content');
      carouselControlContents[i].addClass(carouselImages[i].getProperty('class'));
      i++;
    });
    controlButtonsList.inject($('carousel-control-buttons'));

    var controlButtons = $('carousel-control-buttons').getElements('li');
    controlButtons[0].addClass('active');

    homeCarousel = new SimpleCarousel($('carousel'), $$('#carousel-image img'), $$('#carousel-control .carousel-control-content'), {
      rotateAction: 'none',
      slideInterval: slideInterval,
      transitionDuration: transitionDuration,
      onRotate: function(){
        setCurrentControl();
      }
    });

    function setCurrentControl(){
      color = carouselImages[homeCarousel.currentSlide].getProperty('class');
      controlButtonsList.removeProperty('class');
      controlButtonsList.addClass(color);
      controlButtons.removeProperty('class');
      controlButtons[homeCarousel.currentSlide].addClass('active');
    }
  }
}

function initSearchPopups(){

  $$('#searchfilter-inputgroup label#filter-boeken-label').addEvent('mouseenter', function(){
    $$('.search-popup').removeClass('search-popup-active');
    $('filter-boeken-popup').addClass('search-popup-active');
  });

  $$('#searchfilter-inputgroup label#filter-tijdschriften-label').addEvent('mouseenter', function(){
    $$('.search-popup').removeClass('search-popup-active');
    $('filter-tijdschriften-popup').addClass('search-popup-active');
  });

  $$('#searchfilter-inputgroup label#filter-kranten-label').addEvent('mouseenter', function(){
    $$('.search-popup').removeClass('search-popup-active');
    $('filter-kranten-popup').addClass('search-popup-active');
  });

  $$('#searchfilter-inputgroup label#filter-beeldmateriaal-label').addEvent('mouseenter', function(){
    $$('.search-popup').removeClass('search-popup-active');
    $('filter-beeldmateriaal-popup').addClass('search-popup-active');
  });

  $$('#searchfilter-inputgroup label#filter-website-label').addEvent('mouseenter', function(){
    $$('.search-popup').removeClass('search-popup-active');
    $('filter-website-popup').addClass('search-popup-active');
  });

  $$('.search-popup, #searchfilter-inputgroup').addEvent('mouseleave', function(){
    $$('.search-popup').removeClass('search-popup-active');
  });
}

window.addEvent('domready', function() {
  setWindowSize();
  initSearchPopups();
  initCarousel(7000, 1000); // First number is slide duration (in ms), second number is transition-duration (in ms)
});

window.addEvent('resize', function() {
  setWindowSize();
});