/* global screenReaderText */
/**
 * Theme functions file.
 *
 * Contains handlers for navigation and widget area.
 */

(function ($) {
  var masthead, menuToggle, siteNavigation, siteHeaderMenu;

  function initMainNavigation(container) {
    // Add dropdown toggle that displays child menu items.
    var dropdownToggle = $("<button />", {
      class: "dropdown-toggle",
      "aria-expanded": false,
    });

    container.find(".menu-item-has-children > a").after(dropdownToggle);

    // Toggle buttons and submenu items with active children menu items.
    container.find(".current-menu-ancestor > button").addClass("toggled-on");
    container.find(".current-menu-ancestor > .sub-menu").addClass("toggled-on");

    // Add menu items with submenus to aria-haspopup="true".
    container.find(".menu-item-has-children").attr("aria-haspopup", "true");

    container.find(".dropdown-toggle").on("click", function (e) {
      var _this = $(this);

      e.preventDefault();
      _this.toggleClass("toggled-on");
      _this.next(".children, .sub-menu").toggleClass("toggled-on");

      // jscs:disable
      _this.attr(
        "aria-expanded",
        _this.attr("aria-expanded") === "false" ? "true" : "false"
      );
      // jscs:enable
    });
  }
  initMainNavigation($(".main-navigation"));

  masthead = $("#masthead");
  menuToggle = masthead.find(".menu-toggle");
  siteNavContain = masthead.find(".main-navigation");
  siteHeaderMenu = masthead.find("#site-header-menu");
  siteNavigation = masthead.find(".main-navigation > div > ul");

  // Enable menuToggle.
  (function () {
    // Return early if menuToggle is missing.
    if (!menuToggle.length) {
      return;
    }

    // Add an initial values for the attribute.
    menuToggle.add(siteNavigation).attr("aria-expanded", "false");

    menuToggle.on("click.epic-blog", function () {
      $(this).add(siteHeaderMenu).toggleClass("toggled-on");

      // jscs:disable
      $(this)
        .add(siteNavigation)
        .attr(
          "aria-expanded",
          $(this).add(siteNavigation).attr("aria-expanded") === "false"
            ? "true"
            : "false"
        );
      // jscs:enable
    });
  })();

  // Fix sub-menus for touch devices and better focus for hidden submenu items for accessibility.
  (function () {
    if (!siteNavigation.length || !siteNavigation.children().length) {
      return;
    }

    // Toggle `focus` class to allow submenu access on tablets.
    function toggleFocusClassTouchScreen() {
      if ("none" === $(".menu-toggle").css("display")) {
        $(document.body).on("touchstart.epic-blog", function (e) {
          if (!$(e.target).closest(".main-navigation li").length) {
            $(".main-navigation li").removeClass("focus");
          }
        });

        siteNavigation
          .find(".menu-item-has-children > a, .page_item_has_children > a")
          .on("touchstart.epic-blog", function (e) {
            var el = $(this).parent("li");

            if (!el.hasClass("focus")) {
              e.preventDefault();
              el.toggleClass("focus");
              el.siblings(".focus").removeClass("focus");
            }
          });
      } else {
        siteNavigation
          .find(".menu-item-has-children > a, .page_item_has_children > a")
          .unbind("touchstart.epic-blog");
      }
    }

    if ("ontouchstart" in window) {
      $(window).on("resize.epic-blog", toggleFocusClassTouchScreen);
      toggleFocusClassTouchScreen();
    }

    siteNavigation.find("a").on("focus.epic-blog blur.epic-blog", function () {
      $(this).parents(".menu-item, .page_item").toggleClass("focus");
    });
  })();
})(jQuery);

/**
 * File skip-link-focus-fix.js.
 *
 * Helps with accessibility for keyboard only users.
 *
 * Learn more: https://git.io/vWdr2
 */
(function () {
  var isIe = /(trident|msie)/i.test(navigator.userAgent);

  if (isIe && document.getElementById && window.addEventListener) {
    window.addEventListener(
      "hashchange",
      function () {
        var id = location.hash.substring(1),
          element;

        if (!/^[A-z0-9_-]+$/.test(id)) {
          return;
        }

        element = document.getElementById(id);

        if (element) {
          if (!/^(?:a|select|input|button|textarea)$/i.test(element.tagName)) {
            element.tabIndex = -1;
          }

          element.focus();
        }
      },
      false
    );
  }
})();