Evaluate wrapping elements. Style first element in wrapped row on window.resize and dom.ready

app.js

docReady( function() {

  var app = {
    init: function () {
      this._menuInit();
      this._resizeEventListener();
    },
    _menuInit: function () {
      var firstEle = [];

      $('.menu-item').each(function(i){
        $(this).removeClass('undotted');
        var item = $(this).offset().top;
        firstEle.push(item);
        var itemFirst = firstEle.indexOf(item);
        if (i === itemFirst) {
          $('.menu-item').eq(i).addClass('undotted');
          $(this).addClass(i);
        }
      });
    },
    _resizeEventListener: function() {
      var resizeTimer;

      $(window).on('resize', function(e) {
        // Should probably debound this.
        app._menuInit();
      });
    }
  };

  app.init();

});