(function () {
  'use strict';

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

  window.utils.stickynav = function (nav) {
    var ticking = false;

    init();
    function init() {
      window.setTimeout(function () {
        nav.classList.add('navbar--animated');
      }, 200);
      window.addEventListener('scroll', function (e) {
        if (!ticking) {
          window.requestAnimationFrame(update);
          ticking = true;
        }
      }, false);
      update();
    }

    function update() {
      var sticky = window.scrollY > 0;
      sticky = sticky && window.innerHeight < (document.scrollingElement.scrollHeight - 200);
      nav.classList.toggle('navbar--sticky', sticky);
      ticking = false;
    }
  }

})();

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

  utils.stickynav(document.querySelector('.js-sticky-navbar'));

});