(function() {
  'use strict';

  window.utils = window.utils || {};

  window.utils.aside = function(asideEl) {

    function init() {
      var favoritesBtn = document.querySelector('.navbar__list-item--favorite');
      favoritesBtn.addEventListener('click', function(event) {
        asideEl.classList.toggle('main__aside--expanded');
        event.preventDefault();
      }, true);
    }
    init();
  };
})();

document.addEventListener('DOMContentLoaded', function() {

  var asidenavEl = document.querySelector('.main__aside');
  var mainContentEl = document.querySelector('.main__content');

  function adjustHeight() {
    window.requestAnimationFrame(function() {
      asidenavEl.style.height = mainContentEl.clientHeight + 'px';
    });
  }

  // unbeknownst to the user (below the fold),  this happes slightly delayed
  // because of dynamic changes to the styles inside the main__content
  setTimeout(function() {
    adjustHeight();
  }, 10);

  window.addEventListener('resize', adjustHeight);

  window.utils.aside(asidenavEl);

});