(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 mainEl = document.querySelector('.main__content');

  asidenavEl.style.height = `${mainEl.clientHeight + 75}px`;

  window.addEventListener('resize', function() {
    window.requestAnimationFrame(function() {
      asidenavEl.style.height = `${mainEl.clientHeight + 75}px`;
    });
  });

  window.utils.aside(asidenavEl);

});