Template[getTemplate('nav')].helpers({
  headerClass: function () {
    var headerClass = "";
    var bgBrightness = tinycolor(getSetting('headerColor')).getBrightness();
    if (bgBrightness < 50) {
      headerClass += " dark-bg";
    } else if (bgBrightness < 130) {
      headerClass += " medium-dark-bg";
    } else if (bgBrightness < 220) {
      headerClass += " medium-light-bg";
    } else if (bgBrightness < 255) {
      headerClass += " light-bg";
    } else {
      headerClass += " white-bg";
    }
    return headerClass;
  },
  primaryNav: function () {
    return _.sortBy(primaryNav, 'order');
  },
  hasPrimaryNav: function () {
    return !!primaryNav.length;
  },
  secondaryNav: function () {
    return _.sortBy(secondaryNav, 'order');
  },
  hasSecondaryNav: function () {
    return !!secondaryNav.length;
  },
  dropdownClass: function () {
    var dropdownClass = "";
    // only use dropdowns for top nav
    if (this.length > 3) {
      dropdownClass += "long-dropdown";
    }
    if (getSetting('navLayout', 'top-nav') == 'top-nav' && getThemeSetting('useDropdowns', true)) {
      dropdownClass += "has-dropdown";
    } else {
      dropdownClass += "no-dropdown";
    }
    return dropdownClass;
  },
  hasMoreThanThreeItems: function () {
    console.log(this)
    return this.length > 3;
  },
  logoTemplate: function () {
    return getTemplate('logo');
  },
  navZoneTemplate: function () {
    return getTemplate('navZone');
  },
  getTemplate: function () {
    return getTemplate(this.template);
  }
});

Template[getTemplate('nav')].events({
  'click .mobile-menu-button': function(e){
    e.preventDefault();
    e.stopPropagation(); // Make sure we don't immediately close the mobile nav again. See layout.js event handler.
    $('body').toggleClass('mobile-nav-open');
  }
});