Licensed under the Apache License, Version 2.0 (the “License”)\n *
Copyright © 2013 Adobe Systems Incorporated.\n *
Project page https://github.com/adobe-accessibility/Accessible-Mega-Menu\n * @version 0.1\n * @author Michael Jordan\n * @requires jquery\n */\n\n/*jslint browser: true, devel: true, plusplus: true, nomen: true */\n/*global jQuery, window, document */\n(function ($, window, document) {\n \"use strict\";\n var pluginName = \"accessibleMegaMenu\",\n defaults = {\n uuidPrefix: \"accessible-megamenu\", // unique ID's are required to indicate aria-owns, aria-controls and aria-labelledby\n menuClass: \"accessible-megamenu\", // default css class used to define the megamenu styling\n topNavItemClass: \"accessible-megamenu-top-nav-item\", // default css class for a top-level navigation item in the megamenu\n panelClass: \"accessible-megamenu-panel\", // default css class for a megamenu panel\n panelGroupClass: \"accessible-megamenu-panel-group\", // default css class for a group of items within a megamenu panel\n hoverClass: \"hover\", // default css class for the hover state\n focusClass: \"focus\", // default css class for the focus state\n openClass: \"open\", // default css class for the open state,\n toggleButtonClass: \"accessible-megamenu-toggle\", // default css class responsive toggle button\n openDelay: 0, // default open delay when opening menu via mouseover\n closeDelay: 250, // default open delay when opening menu via mouseover\n openOnMouseover: false // default setting for whether menu should open on mouseover\n },\n Keyboard = {\n BACKSPACE: 8,\n COMMA: 188,\n DELETE: 46,\n DOWN: 40,\n END: 35,\n ENTER: 13,\n ESCAPE: 27,\n HOME: 36,\n LEFT: 37,\n PAGE_DOWN: 34,\n PAGE_UP: 33,\n PERIOD: 190,\n RIGHT: 39,\n SPACE: 32,\n TAB: 9,\n UP: 38,\n keyMap: {\n 48: \"0\",\n 49: \"1\",\n 50: \"2\",\n 51: \"3\",\n 52: \"4\",\n 53: \"5\",\n 54: \"6\",\n 55: \"7\",\n 56: \"8\",\n 57: \"9\",\n 59: \";\",\n 65: \"a\",\n 66: \"b\",\n 67: \"c\",\n 68: \"d\",\n 69: \"e\",\n 70: \"f\",\n 71: \"g\",\n 72: \"h\",\n 73: \"i\",\n 74: \"j\",\n 75: \"k\",\n 76: \"l\",\n 77: \"m\",\n 78: \"n\",\n 79: \"o\",\n 80: \"p\",\n 81: \"q\",\n 82: \"r\",\n 83: \"s\",\n 84: \"t\",\n 85: \"u\",\n 86: \"v\",\n 87: \"w\",\n 88: \"x\",\n 89: \"y\",\n 90: \"z\",\n 96: \"0\",\n 97: \"1\",\n 98: \"2\",\n 99: \"3\",\n 100: \"4\",\n 101: \"5\",\n 102: \"6\",\n 103: \"7\",\n 104: \"8\",\n 105: \"9\",\n 190: \".\"\n }\n },\n clearTimeout = window.clearTimeout,\n setTimeout = window.setTimeout,\n isOpera = window.opera && window.opera.toString() === '[object Opera]';\n /**\n * @desc Creates a new accessible mega menu instance.\n * @param {jquery} element\n * @param {object} [options] Mega Menu options\n * @param {string} [options.uuidPrefix=accessible-megamenu] - Prefix for generated unique id attributes, which are required to indicate aria-owns, aria-controls and aria-labelledby\n * @param {string} [options.menuClass=accessible-megamenu] - CSS class used to define the megamenu styling\n * @param {string} [options.topNavItemClass=accessible-megamenu-top-nav-item] - CSS class for a top-level navigation item in the megamenu\n * @param {string} [options.panelClass=accessible-megamenu-panel] - CSS class for a megamenu panel\n * @param {string} [options.panelGroupClass=accessible-megamenu-panel-group] - CSS class for a group of items within a megamenu panel\n * @param {string} [options.hoverClass=hover] - CSS class for the hover state\n * @param {string} [options.focusClass=focus] - CSS class for the focus state\n * @param {string} [options.openClass=open] - CSS class for the open state\n * @constructor\n */\n function AccessibleMegaMenu(element, options) {\n this.element = element;\n\n // merge optional settings and defaults into settings\n this.settings = $.extend({}, defaults, options);\n\n this._defaults = defaults;\n this._name = pluginName;\n\n this.mouseTimeoutID = null;\n this.focusTimeoutID = null;\n this.mouseFocused = false;\n this.justFocused = false;\n\n this.init();\n }\n\n AccessibleMegaMenu.prototype = (function () {\n\n /* private attributes and methods ------------------------ */\n var uuid = 0,\n keydownTimeoutDuration = 1000,\n keydownSearchString = \"\",\n isTouch = 'ontouchstart' in window || window.navigator.msMaxTouchPoints,\n _getPlugin,\n _addUniqueId,\n _togglePanel,\n _clickHandler,\n _touchmoveHandler,\n _clickOutsideHandler,\n _DOMAttrModifiedHandler,\n _focusInHandler,\n _focusOutHandler,\n _keyDownHandler,\n _mouseDownHandler,\n _mouseOverHandler,\n _mouseOutHandler,\n _clickToggleHandler,\n _toggleExpandedEventHandlers,\n _addEventHandlers,\n _removeEventHandlers;\n\n /**\n * @name jQuery.fn.accessibleMegaMenu~_getPlugin\n * @desc Returns the parent accessibleMegaMenu instance for a given element\n * @param {jQuery} element\n * @memberof jQuery.fn.accessibleMegaMenu\n * @inner\n * @private\n */\n _getPlugin = function (element) {\n return $(element).closest(':data(plugin_' + pluginName + ')').data(\"plugin_\" + pluginName);\n };\n\n /**\n * @name jQuery.fn.accessibleMegaMenu~_addUniqueId\n * @desc Adds a unique id and element.\n * The id string starts with the\n * string defined in settings.uuidPrefix.\n * @param {jQuery} element\n * @memberof jQuery.fn.accessibleMegaMenu\n * @inner\n * @private\n */\n _addUniqueId = function (element) {\n element = $(element);\n var settings = this.settings;\n if (!element.attr(\"id\")) {\n element.attr(\"id\", settings.uuidPrefix + \"-\" + new Date().getTime() + \"-\" + (++uuid));\n }\n };\n\n /**\n * @name jQuery.fn.accessibleMegaMenu~_togglePanel\n * @desc Toggle the display of mega menu panels in response to an event.\n * The optional boolean value 'hide' forces all panels to hide.\n * @param {event} event\n * @param {Boolean} [hide] Hide all mega menu panels when true\n * @memberof jQuery.fn.accessibleMegaMenu\n * @inner\n * @private\n */\n _togglePanel = function (event, hide) {\n var target = $(event.target),\n that = this,\n settings = this.settings,\n menu = this.menu,\n topli = target.closest('.' + settings.topNavItemClass),\n panel = target.hasClass(settings.panelClass) ? target : target.closest('.' + settings.panelClass),\n newfocus;\n\n _toggleExpandedEventHandlers.call(this, true);\n\n if (hide) {\n topli = menu.find('.' + settings.topNavItemClass + ' .' + settings.openClass + ':first').closest('.' + settings.topNavItemClass);\n if (!(topli.is(event.relatedTarget) || topli.has(event.relatedTarget).length > 0)) {\n if ((event.type === 'mouseout' || event.type === 'focusout') && topli.has(document.activeElement).length > 0) {\n return;\n }\n topli.find('[aria-expanded]')\n .attr('aria-expanded', 'false')\n .removeClass(settings.openClass)\n .filter('.' + settings.panelClass)\n .attr('aria-hidden', 'true');\n if ((event.type === 'keydown' && event.keyCode === Keyboard.ESCAPE) || event.type === 'DOMAttrModified') {\n newfocus = topli.find(':tabbable:first');\n setTimeout(function () {\n menu.find('[aria-expanded].' + that.settings.panelClass).off('DOMAttrModified.accessible-megamenu');\n newfocus.focus();\n that.justFocused = false;\n }, 99);\n }\n } else if (topli.length === 0) {\n menu.find('[aria-expanded=true]')\n .attr('aria-expanded', 'false')\n .removeClass(settings.openClass)\n .filter('.' + settings.panelClass)\n .attr('aria-hidden', 'true');\n }\n } else {\n clearTimeout(that.focusTimeoutID);\n topli.siblings()\n .find('[aria-expanded]')\n .attr('aria-expanded', 'false')\n .removeClass(settings.openClass)\n .filter('.' + settings.panelClass)\n .attr('aria-hidden', 'true');\n topli.find('[aria-expanded]')\n .attr('aria-expanded', 'true')\n .addClass(settings.openClass)\n .filter('.' + settings.panelClass)\n .attr('aria-hidden', 'false');\n\n var pageScrollPosition = $('html')[0].scrollTop;\n var openPanelTopPosition = $('.' + settings.panelClass + '.' + settings.openClass).parent().offset().top;\n\n if(pageScrollPosition > openPanelTopPosition) {\n $('html')[0].scrollTop = openPanelTopPosition;\n }\n\n if (event.type === 'mouseover' && target.is(':tabbable') && topli.length === 1 && panel.length === 0 && menu.has(document.activeElement).length > 0) {\n target.focus();\n that.justFocused = false;\n }\n\n _toggleExpandedEventHandlers.call(that);\n }\n };\n\n /**\n * @name jQuery.fn.accessibleMegaMenu~_clickHandler\n * @desc Handle click event on mega menu item\n * @param {event} Event object\n * @memberof jQuery.fn.accessibleMegaMenu\n * @inner\n * @private\n */\n _clickHandler = function (event) {\n var target = $(event.target).closest(':tabbable'),\n topli = target.closest('.' + this.settings.topNavItemClass),\n panel = target.closest('.' + this.settings.panelClass);\n if (topli.length === 1\n && panel.length === 0\n && topli.find('.' + this.settings.panelClass).length === 1) {\n if (!target.hasClass(this.settings.openClass)) {\n event.preventDefault();\n event.stopPropagation();\n _togglePanel.call(this, event);\n this.justFocused = false;\n } else {\n if (this.justFocused) {\n event.preventDefault();\n event.stopPropagation();\n this.justFocused = false;\n } else if (isTouch || !isTouch && !this.settings.openOnMouseover) {\n event.preventDefault();\n event.stopPropagation();\n _togglePanel.call(this, event, target.hasClass(this.settings.openClass));\n }\n }\n }\n };\n\n /**\n * @name jQuery.fn.accessibleMegaMenu~_touchmoveHandler\n * @desc Handle touch move event on menu\n * @memberof jQuery.fn.accessibleMegaMenu\n * @inner\n * @private\n */\n _touchmoveHandler = function () {\n this.justMoved = true;\n };\n\n /**\n * @name jQuery.fn.accessibleMegaMenu~_clickOutsideHandler\n * @desc Handle click event outside of a the megamenu\n * @param {event} Event object\n * @memberof jQuery.fn.accessibleMegaMenu\n * @inner\n * @private\n */\n _clickOutsideHandler = function (event) {\n if ($(event.target).closest(this.menu).length === 0) {\n event.preventDefault();\n event.stopPropagation();\n _togglePanel.call(this, event, true);\n }\n };\n\n /**\n * @name jQuery.fn.accessibleMegaMenu~_DOMAttrModifiedHandler\n * @desc Handle DOMAttrModified event on panel to respond to Windows 8 Narrator ExpandCollapse pattern\n * @param {event} Event object\n * @memberof jQuery.fn.accessibleMegaMenu\n * @inner\n * @private\n */\n _DOMAttrModifiedHandler = function (event) {\n if (event.originalEvent.attrName === 'aria-expanded'\n && event.originalEvent.newValue === 'false'\n && $(event.target).hasClass(this.settings.openClass)) {\n event.preventDefault();\n event.stopPropagation();\n _togglePanel.call(this, event, true);\n }\n };\n\n /**\n * @name jQuery.fn.accessibleMegaMenu~_focusInHandler\n * @desc Handle focusin event on mega menu item.\n * @param {event} Event object\n * @memberof jQuery.fn.accessibleMegaMenu\n * @inner\n * @private\n */\n _focusInHandler = function (event) {\n clearTimeout(this.focusTimeoutID);\n var target = $(event.target),\n panel = target.closest('.' + this.settings.panelClass);\n target\n .addClass(this.settings.focusClass);\n this.justFocused = !this.mouseFocused || (!this.settings.openOnMouseover && this.mouseFocused);\n this.mouseFocused = false;\n if (this.justFocused && this.panels.not(panel).filter('.' + this.settings.openClass).length) {\n _togglePanel.call(this, event);\n }\n };\n\n /**\n * @name jQuery.fn.accessibleMegaMenu~_focusOutHandler\n * @desc Handle focusout event on mega menu item.\n * @param {event} Event object\n * @memberof jQuery.fn.accessibleMegaMenu\n * @inner\n * @private\n */\n _focusOutHandler = function (event) {\n this.justFocused = false;\n var that = this,\n target = $(event.target),\n topli = target.closest('.' + this.settings.topNavItemClass);\n target\n .removeClass(this.settings.focusClass);\n\n if (window.cvox) {\n // If ChromeVox is running...\n that.focusTimeoutID = setTimeout(function () {\n window.cvox.Api.getCurrentNode(function (node) {\n if (topli.has(node).length) {\n // and the current node being voiced is in\n // the mega menu, clearTimeout,\n // so the panel stays open.\n clearTimeout(that.focusTimeoutID);\n } else {\n that.focusTimeoutID = setTimeout(function (scope, event, hide) {\n _togglePanel.call(scope, event, hide);\n }, 275, that, event, true);\n }\n });\n }, 25);\n } else {\n that.focusTimeoutID = setTimeout(function () {\n if (that.mouseFocused && event.relatedTarget === null) {\n return;\n }\n _togglePanel.call(that, event, true);\n }, 300);\n }\n };\n\n /**\n * @name jQuery.fn.accessibleMegaMenu~_keyDownHandler\n * @desc Handle keydown event on mega menu.\n * @param {event} Event object\n * @memberof jQuery.fn.accessibleMegaMenu\n * @inner\n * @private\n */\n _keyDownHandler = function (event) {\n var that = (this.constructor === AccessibleMegaMenu) ? this : _getPlugin(this), // determine the AccessibleMegaMenu plugin instance\n settings = that.settings,\n target = $($(this).is('.' + settings.hoverClass + ':tabbable') ? this : event.target), // if the element is hovered the target is this, otherwise, its the focused element\n menu = that.menu,\n topnavitems = that.topnavitems,\n topli = target.closest('.' + settings.topNavItemClass),\n tabbables = menu.find(':tabbable'),\n panel = target.hasClass(settings.panelClass) ? target : target.closest('.' + settings.panelClass),\n panelGroups = panel.find('.' + settings.panelGroupClass),\n currentPanelGroup = target.closest('.' + settings.panelGroupClass),\n next,\n keycode = event.keyCode || event.which,\n start,\n i,\n o,\n label,\n found = false,\n newString = Keyboard.keyMap[event.keyCode] || '',\n regex,\n isTopNavItem = (topli.length === 1 && panel.length === 0);\n\n if (target.is(\"input:focus, select:focus, textarea:focus, button:focus\")) {\n // if the event target is a form element we should handle keydown normally\n return;\n }\n\n if (target.is('.' + settings.hoverClass + ':tabbable')) {\n $('html').off('keydown.accessible-megamenu');\n }\n\n switch (keycode) {\n case Keyboard.ESCAPE:\n this.mouseFocused = false;\n _togglePanel.call(that, event, true);\n break;\n case Keyboard.DOWN:\n event.preventDefault();\n this.mouseFocused = false;\n if (isTopNavItem) {\n _togglePanel.call(that, event);\n found = (topli.find('.' + settings.panelClass + ' :tabbable:first').focus().length === 1);\n } else {\n found = (tabbables.filter(':gt(' + tabbables.index(target) + '):first').focus().length === 1);\n }\n\n if (!found && isOpera && (event.ctrlKey || event.metaKey)) {\n tabbables = $(':tabbable');\n i = tabbables.index(target);\n found = ($(':tabbable:gt(' + $(':tabbable').index(target) + '):first').focus().length === 1);\n }\n break;\n case Keyboard.UP:\n event.preventDefault();\n this.mouseFocused = false;\n if (isTopNavItem && target.hasClass(settings.openClass)) {\n _togglePanel.call(that, event, true);\n next = topnavitems.filter(':lt(' + topnavitems.index(topli) + '):last');\n if (next.children('.' + settings.panelClass).length) {\n found = (next.find('[aria-expanded]')\n .attr('aria-expanded', 'true')\n .addClass(settings.openClass)\n .filter('.' + settings.panelClass)\n .attr('aria-hidden', 'false')\n .find(':tabbable:last')\n .focus() === 1);\n }\n } else if (!isTopNavItem) {\n found = (tabbables.filter(':lt(' + tabbables.index(target) + '):last').focus().length === 1);\n }\n\n if (!found && isOpera && (event.ctrlKey || event.metaKey)) {\n tabbables = $(':tabbable');\n i = tabbables.index(target);\n found = ($(':tabbable:lt(' + $(':tabbable').index(target) + '):first').focus().length === 1);\n }\n break;\n case Keyboard.RIGHT:\n event.preventDefault();\n this.mouseFocused = false;\n if (isTopNavItem) {\n found = (topnavitems.filter(':gt(' + topnavitems.index(topli) + '):first').find(':tabbable:first').focus().length === 1);\n } else {\n if (panelGroups.length && currentPanelGroup.length) {\n // if the current panel contains panel groups, and we are able to focus the first tabbable element of the next panel group\n found = (panelGroups.filter(':gt(' + panelGroups.index(currentPanelGroup) + '):first').find(':tabbable:first').focus().length === 1);\n }\n\n if (!found) {\n found = (topli.find(':tabbable:first').focus().length === 1);\n }\n }\n break;\n case Keyboard.LEFT:\n event.preventDefault();\n this.mouseFocused = false;\n if (isTopNavItem) {\n found = (topnavitems.filter(':lt(' + topnavitems.index(topli) + '):last').find(':tabbable:first').focus().length === 1);\n } else {\n if (panelGroups.length && currentPanelGroup.length) {\n // if the current panel contains panel groups, and we are able to focus the first tabbable element of the previous panel group\n found = (panelGroups.filter(':lt(' + panelGroups.index(currentPanelGroup) + '):last').find(':tabbable:first').focus().length === 1);\n }\n\n if (!found) {\n found = (topli.find(':tabbable:first').focus().length === 1);\n }\n }\n break;\n case Keyboard.TAB:\n this.mouseFocused = false;\n i = tabbables.index(target);\n if (event.shiftKey && isTopNavItem && target.hasClass(settings.openClass)) {\n _togglePanel.call(that, event, true);\n next = topnavitems.filter(':lt(' + topnavitems.index(topli) + '):last');\n if (next.children('.' + settings.panelClass).length) {\n found = next.children()\n .attr('aria-expanded', 'true')\n .addClass(settings.openClass)\n .filter('.' + settings.panelClass)\n .attr('aria-hidden', 'false')\n .find(':tabbable:last')\n .focus();\n }\n } else if (event.shiftKey && i > 0) {\n found = (tabbables.filter(':lt(' + i + '):last').focus().length === 1);\n } else if (!event.shiftKey && i < tabbables.length - 1) {\n found = (tabbables.filter(':gt(' + i + '):first').focus().length === 1);\n } else if (isOpera) {\n tabbables = $(':tabbable');\n i = tabbables.index(target);\n if (event.shiftKey) {\n found = ($(':tabbable:lt(' + $(':tabbable').index(target) + '):last').focus().length === 1);\n } else {\n found = ($(':tabbable:gt(' + $(':tabbable').index(target) + '):first').focus().length === 1);\n }\n }\n\n if (found) {\n event.preventDefault();\n }\n break;\n case Keyboard.SPACE:\n case Keyboard.ENTER:\n if (isTopNavItem) {\n event.preventDefault();\n _clickHandler.call(that, event);\n } else {\n return true;\n }\n break;\n default:\n // alphanumeric filter\n clearTimeout(this.keydownTimeoutID);\n\n keydownSearchString += newString !== keydownSearchString ? newString : '';\n\n if (keydownSearchString.length === 0) {\n return;\n }\n\n this.keydownTimeoutID = setTimeout(function () {\n keydownSearchString = '';\n }, keydownTimeoutDuration);\n\n if (isTopNavItem && !target.hasClass(settings.openClass)) {\n tabbables = tabbables.filter(':not(.' + settings.panelClass + ' :tabbable)');\n } else {\n tabbables = topli.find(':tabbable');\n }\n\n if (event.shiftKey) {\n tabbables = $(tabbables.get()\n .reverse());\n }\n\n for (i = 0; i < tabbables.length; i++) {\n o = tabbables.eq(i);\n if (o.is(target)) {\n start = (keydownSearchString.length === 1) ? i + 1 : i;\n break;\n }\n }\n\n regex = new RegExp('^' + keydownSearchString.replace(/[\\-\\[\\]{}()*+?.,\\\\\\^$|#\\s]/g, '\\\\$&'), 'i');\n\n for (i = start; i < tabbables.length; i++) {\n o = tabbables.eq(i);\n label = $.trim(o.text());\n if (regex.test(label)) {\n found = true;\n o.focus();\n break;\n }\n }\n if (!found) {\n for (i = 0; i < start; i++) {\n o = tabbables.eq(i);\n label = $.trim(o.text());\n if (regex.test(label)) {\n o.focus();\n break;\n }\n }\n }\n break;\n }\n that.justFocused = false;\n };\n\n /**\n * @name jQuery.fn.accessibleMegaMenu~_mouseDownHandler\n * @desc Handle mousedown event on mega menu.\n * @param {event} Event object\n * @memberof accessibleMegaMenu\n * @inner\n * @private\n */\n _mouseDownHandler = function (event) {\n if ($(event.target).closest(this.settings.panelClass) || $(event.target).closest(\":focusable\").length) {\n this.mouseFocused = true;\n if ($(event.target).closest(this.settings.menuClass)) {\n $('html').on('keydown.accessible-megamenu', $.proxy(_keyDownHandler, event.target));\n }\n }\n clearTimeout(this.mouseTimeoutID);\n this.mouseTimeoutID = setTimeout(function () {\n clearTimeout(this.focusTimeoutID);\n }, 1);\n };\n\n /**\n * @name jQuery.fn.accessibleMegaMenu~_mouseOverHandler\n * @desc Handle mouseover event on mega menu.\n * @param {event} Event object\n * @memberof jQuery.fn.accessibleMegaMenu\n * @inner\n * @private\n */\n _mouseOverHandler = function (event) {\n clearTimeout(this.mouseTimeoutID);\n var that = this;\n\n if (!that.settings.openOnMouseover) {\n return;\n }\n\n this.mouseTimeoutID = setTimeout(function () {\n $(event.target).addClass(that.settings.hoverClass);\n _togglePanel.call(that, event);\n if ($(event.target).closest(that.settings.menuClass)) {\n $('html').on('keydown.accessible-megamenu', $.proxy(_keyDownHandler, event.target));\n }\n }, this.settings.openDelay);\n };\n\n /**\n * @name jQuery.fn.accessibleMegaMenu~_mouseOutHandler\n * @desc Handle mouseout event on mega menu.\n * @param {event} Event object\n * @memberof jQuery.fn.accessibleMegaMenu\n * @inner\n * @private\n */\n _mouseOutHandler = function (event) {\n clearTimeout(this.mouseTimeoutID);\n var that = this;\n\n if (!that.settings.openOnMouseover) {\n return;\n }\n\n $(event.target)\n .removeClass(that.settings.hoverClass);\n\n that.mouseTimeoutID = setTimeout(function () {\n _togglePanel.call(that, event, true);\n }, this.settings.closeDelay);\n if ($(event.target).is(':tabbable')) {\n $('html').off('keydown.accessible-megamenu');\n }\n };\n\n /**\n * @name jQuery.fn.accessibleMegaMenu~_clickToggleHandler\n * @desc Handle click event on menu toggle button.\n * @memberof jQuery.fn.accessibleMegaMenu\n * @inner\n * @private\n */\n _clickToggleHandler = function () {\n var isExpanded = this.toggleButton.attr('aria-expanded') === 'true';\n this.toggleButton.attr({'aria-expanded': !isExpanded, 'aria-pressed': !isExpanded});\n };\n\n _toggleExpandedEventHandlers = function (hide) {\n var menu = this.menu;\n if (hide) {\n $('html').off('mouseup.outside-accessible-megamenu, touchend.outside-accessible-megamenu, mspointerup.outside-accessible-megamenu, pointerup.outside-accessible-megamenu');\n\n menu.find('[aria-expanded].' + this.settings.panelClass).off('DOMAttrModified.accessible-megamenu');\n } else {\n $('html').on('mouseup.outside-accessible-megamenu, touchend.outside-accessible-megamenu, mspointerup.outside-accessible-megamenu, pointerup.outside-accessible-megamenu', $.proxy(_clickOutsideHandler, this));\n\n /* Narrator in Windows 8 automatically toggles the aria-expanded property on double tap or click.\n To respond to the change to collapse the panel, we must add a listener for a DOMAttrModified event. */\n menu.find('[aria-expanded=true].' + this.settings.panelClass).on('DOMAttrModified.accessible-megamenu', $.proxy(_DOMAttrModifiedHandler, this));\n }\n };\n\n _addEventHandlers = function() {\n var menu = this.menu,\n toggleButton = this.toggleButton;\n menu.on(\"focusin.accessible-megamenu\", \":focusable, .\" + this.settings.panelClass, $.proxy(_focusInHandler, this))\n .on(\"focusout.accessible-megamenu\", \":focusable, .\" + this.settings.panelClass, $.proxy(_focusOutHandler, this))\n .on(\"keydown.accessible-megamenu\", $.proxy(_keyDownHandler, this))\n .on(\"mouseover.accessible-megamenu\", $.proxy(_mouseOverHandler, this))\n .on(\"mouseout.accessible-megamenu\", $.proxy(_mouseOutHandler, this))\n .on(\"mousedown.accessible-megamenu\", $.proxy(_mouseDownHandler, this))\n .on(\"click.accessible-megamenu\", $.proxy(_clickHandler, this));\n\n toggleButton.on('click.accessible-megamenu', $.proxy(_clickToggleHandler, this));\n\n if (isTouch) {\n menu.on(\"touchmove.accessible-megamenu\", $.proxy(_touchmoveHandler, this));\n }\n\n if ($(document.activeElement).closest(menu).length) {\n $(document.activeElement).trigger(\"focusin.accessible-megamenu\");\n }\n };\n\n _removeEventHandlers = function () {\n var menu = this.menu,\n toggleButton = this.toggleButton;\n menu.off('.accessible-megamenu');\n if (menu.find('[aria-expanded=true].' + this.settings.panelClass).length) {\n _toggleExpandedEventHandlers.call(this, true);\n }\n\n toggleButton.off('.accessible-megamenu');\n };\n\n /* public attributes and methods ------------------------- */\n return {\n constructor: AccessibleMegaMenu,\n\n /**\n * @lends jQuery.fn.accessibleMegaMenu\n * @desc Initializes an instance of the accessibleMegaMenu plugins\n * @memberof jQuery.fn.accessibleMegaMenu\n * @instance\n */\n init: function () {\n var settings = this.settings,\n nav = $(this.element),\n menu = nav.children('ol,ul').first(),\n topnavitems = menu.children(),\n toggleButton = nav.children('button').first();\n this.start(settings, nav, menu, topnavitems, toggleButton);\n },\n\n start: function(settings, nav, menu, topnavitems, toggleButton) {\n var that = this;\n this.settings = settings;\n this.menu = menu;\n this.topnavitems = topnavitems;\n this.toggleButton = toggleButton;\n\n nav.attr(\"role\", \"navigation\");\n _addUniqueId.call(that, menu);\n menu.addClass(settings.menuClass);\n menu.addClass(['js', settings.menuClass].join('-'));\n topnavitems.each(function (i, topnavitem) {\n var topnavitemlink, topnavitempanel;\n topnavitem = $(topnavitem);\n topnavitem.addClass(settings.topNavItemClass);\n topnavitemlink = topnavitem.find(\":tabbable:first\");\n topnavitempanel = topnavitem.children(\":not(:tabbable):last\");\n _addUniqueId.call(that, topnavitemlink);\n if (topnavitempanel.length) {\n _addUniqueId.call(that, topnavitempanel);\n topnavitemlink.attr({\n \"role\": \"button\",\n \"aria-controls\": topnavitempanel.attr(\"id\"),\n \"aria-expanded\": false,\n \"tabindex\": 0\n });\n\n topnavitempanel.attr({\n \"role\": \"region\",\n \"aria-expanded\": false,\n \"aria-hidden\": true\n })\n .addClass(settings.panelClass)\n .not(\"[aria-labelledby]\")\n .attr(\"aria-labelledby\", topnavitemlink.attr(\"id\"));\n }\n });\n\n this.panels = menu.find(\".\" + settings.panelClass);\n\n menu.find(\"hr\").attr(\"role\", \"separator\");\n\n toggleButton.addClass(settings.toggleButtonClass);\n toggleButton.attr({'aria-expanded': false, 'aria-pressed': false, 'aria-controls': menu.attr('id')});\n\n _addEventHandlers.call(this);\n },\n\n /**\n * @desc Removes maga menu javascript behavior\n * @example $(selector).accessibleMegaMenu(\"destroy\");\n * @return {object}\n * @memberof jQuery.fn.accessibleMegaMenu\n * @instance\n */\n destroy: function () {\n this.menu.removeClass(['js', this.settings.menuClass].join('-'));\n _removeEventHandlers.call(this, true);\n },\n\n /**\n * @desc Get default values\n * @example $(selector).accessibleMegaMenu(\"getDefaults\");\n * @return {object}\n * @memberof jQuery.fn.accessibleMegaMenu\n * @instance\n */\n getDefaults: function () {\n return this._defaults;\n },\n\n /**\n * @desc Get any option set to plugin using its name (as string)\n * @example $(selector).accessibleMegaMenu(\"getOption\", some_option);\n * @param {string} opt\n * @return {string}\n * @memberof jQuery.fn.accessibleMegaMenu\n * @instance\n */\n getOption: function (opt) {\n return this.settings[opt];\n },\n\n /**\n * @desc Get all options\n * @example $(selector).accessibleMegaMenu(\"getAllOptions\");\n * @return {object}\n * @memberof jQuery.fn.accessibleMegaMenu\n * @instance\n */\n getAllOptions: function () {\n return this.settings;\n },\n\n /**\n * @desc Set option\n * @example $(selector).accessibleMegaMenu(\"setOption\", \"option_name\", \"option_value\", reinitialize);\n * @param {string} opt - Option name\n * @param {string} val - Option value\n * @param {boolean} [reinitialize] - boolean to re-initialize the menu.\n * @memberof jQuery.fn.accessibleMegaMenu\n * @instance\n */\n setOption: function (opt, value, reinitialize) {\n this.settings[opt] = value;\n if (reinitialize) {\n this.init();\n }\n }\n };\n }());\n\n /* lightweight plugin wrapper around the constructor,\n to prevent against multiple instantiations */\n\n /**\n * @class accessibleMegaMenu\n * @memberOf jQuery.fn\n * @classdesc Implements an accessible mega menu as a jQuery plugin.\n *
The mega-menu It is modeled after the mega menu on {@link http://adobe.com|adobe.com} but has been simplified for use by others. A brief description of the interaction design choices can be found in a blog post at {@link http://blogs.adobe.com/accessibility/2013/05/adobe-com.html|Mega menu accessibility on adobe.com}.
\n *Keyboard Accessibility
\n *The accessible mega menu supports keyboard interaction modeled after the behavior described in the {@link http://www.w3.org/TR/wai-aria-practices/#menu|WAI-ARIA Menu or Menu bar (widget) design pattern}, however we also try to respect users' general expectations for the behavior of links in a global navigation. To this end, the accessible mega menu implementation permits tab focus on each of the six top-level menu items. When one of the menu items has focus, pressing the Enter key, Spacebar or Down arrow will open the submenu panel, and pressing the Left or Right arrow key will shift focus to the adjacent menu item. Links within the submenu panels are included in the tab order when the panel is open. They can also be navigated with the arrow keys or by typing the first character in the link name, which speeds up keyboard navigation considerably. Pressing the Escape key closes the submenu and restores focus to the parent menu item.
\n *Screen Reader Accessibility
\n *The accessible mega menu models its use of WAI-ARIA Roles, States, and Properties after those described in the {@link http://www.w3.org/TR/wai-aria-practices/#menu|WAI-ARIA Menu or Menu bar (widget) design pattern} with some notable exceptions, so that it behaves better with screen reader user expectations for global navigation. We don't use role=\"menu\" for the menu container and role=\"menuitem\" for each of the links therein, because if we do, assistive technology will no longer interpret the links as links, but instead, as menu items, and the links in our global navigation will no longer show up when a screen reader user executes a shortcut command to bring up a list of links in the page.
HTML
\n<nav>\n <ul class="nav-menu">\n <li class="nav-item">\n <a href="?movie">Movies</a>\n <div class="sub-nav">\n <ul class="sub-nav-group">\n <li><a href="?movie&genre=0">Action & Adventure</a></li>\n <li><a href="?movie&genre=2">Children & Family</a></li>\n <li>…</li>\n </ul>\n <ul class="sub-nav-group">\n <li><a href="?movie&genre=7">Dramas</a></li>\n <li><a href="?movie&genre=9">Foreign</a></li>\n <li>…</li>\n </ul>\n <ul class="sub-nav-group">\n <li><a href="?movie&genre=14">Musicals</a></li>\n <li><a href="?movie&genre=15">Romance</a></li>\n <li>…</li>\n </ul>\n </div>\n </li>\n <li class="nav-item">\n <a href="?tv">TV Shows</a>\n <div class="sub-nav">\n <ul class="sub-nav-group">\n <li><a href="?tv&genre=20">Classic TV</a></li>\n <li><a href="?tv&genre=21">Crime TV</a></li>\n <li>…</li>\n </ul>\n <ul class="sub-nav-group">\n <li><a href="?tv&genre=27">Reality TV</a></li>\n <li><a href="?tv&genre=30">TV Action</a></li>\n <li>…</li>\n </ul>\n <ul class="sub-nav-group">\n <li><a href="?tv&genre=33">TV Dramas</a></li>\n <li><a href="?tv&genre=34">TV Horror</a></li>\n <li>…</li>\n </ul>\n </div>\n </li>\n </ul>\n</nav>\n * @example
CSS
\n/* Rudimentary mega menu CSS for demonstration */\n\n/* mega menu list */\n.nav-menu {\n display: block;\n position: relative;\n list-style: none;\n margin: 0;\n padding: 0;\n z-index: 15;\n}\n\n/* a top level navigation item in the mega menu */\n.nav-item {\n list-style: none;\n display: inline-block;\n padding: 0;\n margin: 0;\n}\n\n/* first descendant link within a top level navigation item */\n.nav-item > a {\n position: relative;\n display: inline-block;\n padding: 0.5em 1em;\n margin: 0 0 -1px 0;\n border: 1px solid transparent;\n}\n\n/* focus/open states of first descendant link within a top level\n navigation item */\n.nav-item > a:focus,\n.nav-item > a.open {\n border: 1px solid #dedede;\n}\n\n/* open state of first descendant link within a top level\n navigation item */\n.nav-item > a.open {\n background-color: #fff;\n border-bottom: none;\n z-index: 1;\n}\n\n/* sub-navigation panel */\n.sub-nav {\n position: absolute;\n display: none;\n top: 2.2em;\n margin-top: -1px;\n padding: 0.5em 1em;\n border: 1px solid #dedede;\n background-color: #fff;\n}\n\n/* sub-navigation panel open state */\n.sub-nav.open {\n display: block;\n}\n\n/* list of items within sub-navigation panel */\n.sub-nav ul {\n display: inline-block;\n vertical-align: top;\n margin: 0 1em 0 0;\n padding: 0;\n}\n\n/* list item within sub-navigation panel */\n.sub-nav li {\n display: block;\n list-style-type: none;\n margin: 0;\n padding: 0;\n}\n * @example
JavaScript
\n<!-- include jquery -->\n<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>\n\n<!-- include the jquery-accessibleMegaMenu plugin script -->\n<script src="js/jquery-accessibleMegaMenu.js"></script>\n\n<!-- initialize a selector as an accessibleMegaMenu -->\n<script>\n $("nav:first").accessibleMegaMenu({\n /* prefix for generated unique id attributes, which are required to indicate aria-owns, aria-controls and aria-labelledby */\n uuidPrefix: "accessible-megamenu",\n\n /* css class used to define the megamenu styling */\n menuClass: "nav-menu",\n\n /* css class for a top-level navigation item in the megamenu */\n topNavItemClass: "nav-item",\n\n /* css class for a megamenu panel */\n panelClass: "sub-nav",\n\n /* css class for a group of items within a megamenu panel */\n panelGroupClass: "sub-nav-group",\n\n /* css class for the hover state */\n hoverClass: "hover",\n\n /* css class for the focus state */\n focusClass: "focus",\n\n /* css class for the open state */\n openClass: "open"\n });\n</script>\n * @param {object} [options] Mega Menu options\n * @param {string} [options.uuidPrefix=accessible-megamenu] - Prefix for generated unique id attributes, which are required to indicate aria-owns, aria-controls and aria-labelledby\n * @param {string} [options.menuClass=accessible-megamenu] - CSS class used to define the megamenu styling\n * @param {string} [options.topNavItemClass=accessible-megamenu-top-nav-item] - CSS class for a top-level navigation item in the megamenu\n * @param {string} [options.panelClass=accessible-megamenu-panel] - CSS class for a megamenu panel\n * @param {string} [options.panelGroupClass=accessible-megamenu-panel-group] - CSS class for a group of items within a megamenu panel\n * @param {string} [options.hoverClass=hover] - CSS class for the hover state\n * @param {string} [options.focusClass=focus] - CSS class for the focus state\n * @param {string} [options.openClass=open] - CSS class for the open state\n * @param {string} [options.openDelay=0] - Open delay when opening menu via mouseover\n * @param {string} [options.closeDelay=250] - Open delay when opening menu via mouseover\n * @param {boolean} [options.openOnMouseover=false] - Should menu open on mouseover\n */\n $.fn[pluginName] = function (options) {\n return this.each(function () {\n var pluginInstance = $.data(this, \"plugin_\" + pluginName);\n if (!pluginInstance) {\n $.data(this, \"plugin_\" + pluginName, new $.fn[pluginName].AccessibleMegaMenu(this, options));\n } else if (typeof pluginInstance[options] === 'function') {\n pluginInstance[options].apply(pluginInstance, Array.prototype.slice.call(arguments, 1));\n }\n });\n };\n\n $.fn[pluginName].AccessibleMegaMenu = AccessibleMegaMenu;\n\n /* :focusable and :tabbable selectors from\n https://raw.github.com/jquery/jquery-ui/master/ui/jquery.ui.core.js */\n\n /**\n * @private\n */\n function visible(element) {\n return $.expr.filters.visible(element) && !$(element).parents().addBack().filter(function () {\n return $.css(this, \"visibility\") === \"hidden\";\n }).length;\n }\n\n /**\n * @private\n */\n function focusable(element, isTabIndexNotNaN) {\n var map, mapName, img,\n nodeName = element.nodeName.toLowerCase();\n if (\"area\" === nodeName) {\n map = element.parentNode;\n mapName = map.name;\n if (!element.href || !mapName || map.nodeName.toLowerCase() !== \"map\") {\n return false;\n }\n img = $(\"img[usemap=#\" + mapName + \"]\")[0];\n return !!img && visible(img);\n }\n return (/input|select|textarea|button|object/.test(nodeName) ? !element.disabled :\n \"a\" === nodeName ?\n element.href || isTabIndexNotNaN :\n isTabIndexNotNaN) &&\n // the element and all of its ancestors must be visible\n visible(element);\n }\n\n $.extend($.expr[\":\"], {\n data: $.expr.createPseudo ? $.expr.createPseudo(function (dataName) {\n return function (elem) {\n return !!$.data(elem, dataName);\n };\n }) : // support: jQuery <1.8\n function (elem, i, match) {\n return !!$.data(elem, match[3]);\n },\n\n focusable: function (element) {\n return focusable(element, !isNaN($.attr(element, \"tabindex\")));\n },\n\n tabbable: function (element) {\n var tabIndex = $.attr(element, \"tabindex\"),\n isTabIndexNaN = isNaN(tabIndex);\n return (isTabIndexNaN || tabIndex >= 0) && focusable(element, !isTabIndexNaN);\n }\n });\n}(jQuery, window, document));\n","/*!\n * jQuery Cookie Plugin v1.3.1\n * https://github.com/carhartl/jquery-cookie\n *\n * Copyright 2013 Klaus Hartl\n * Released under the MIT license\n */\n(function (factory) {\n\tif (typeof define === 'function' && define.amd) {\n\t\t// AMD. Register as anonymous module.\n\t\tdefine(['jquery'], factory);\n\t} else {\n\t\t// Browser globals.\n\t\tfactory(jQuery);\n\t}\n}(function ($) {\n\n\tvar pluses = /\\+/g;\n\n\tfunction decode(s) {\n\t\tif (config.raw) {\n\t\t\treturn s;\n\t\t}\n\t\treturn decodeURIComponent(s.replace(pluses, ' '));\n\t}\n\n\tfunction decodeAndParse(s) {\n\t\tif (s.indexOf('\"') === 0) {\n\t\t\t// This is a quoted cookie as according to RFC2068, unescape...\n\t\t\ts = s.slice(1, -1).replace(/\\\\\"/g, '\"').replace(/\\\\\\\\/g, '\\\\');\n\t\t}\n\n\t\ts = decode(s);\n\n\t\ttry {\n\t\t\treturn config.json ? JSON.parse(s) : s;\n\t\t} catch (e) { }\n\t}\n\n\tvar config = $.cookie = function (key, value, options) {\n\n\t\t// Write\n\t\tif (value !== undefined) {\n\t\t\toptions = $.extend({}, config.defaults, options);\n\n\t\t\tif (typeof options.expires === 'number') {\n\t\t\t\tvar days = options.expires, t = options.expires = new Date();\n\t\t\t\tt.setDate(t.getDate() + days);\n\t\t\t}\n\n\t\t\tvalue = config.json ? JSON.stringify(value) : String(value);\n\n\t\t\treturn (document.cookie = [\n\t\t\t\tconfig.raw ? key : encodeURIComponent(key),\n\t\t\t\t'=',\n\t\t\t\tconfig.raw ? value : encodeURIComponent(value),\n\t\t\t\toptions.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE\n\t\t\t\toptions.path ? '; path=' + options.path : '',\n\t\t\t\toptions.domain ? '; domain=' + options.domain : '',\n\t\t\t\toptions.secure ? '; secure' : ''\n\t\t\t].join(''));\n\t\t}\n\n\t\t// Read\n\t\tvar cookies = document.cookie.split('; ');\n\t\tvar result = key ? undefined : {};\n\t\tfor (var i = 0, l = cookies.length; i < l; i++) {\n\t\t\tvar parts = cookies[i].split('=');\n\t\t\tvar name = decode(parts.shift());\n\t\t\tvar cookie = parts.join('=');\n\n\t\t\tif (key && key === name) {\n\t\t\t\tresult = decodeAndParse(cookie);\n\t\t\t\tbreak;\n\t\t\t}\n\n\t\t\tif (!key) {\n\t\t\t\tresult[name] = decodeAndParse(cookie);\n\t\t\t}\n\t\t}\n\n\t\treturn result;\n\t};\n\n\tconfig.defaults = {};\n\n\t$.removeCookie = function (key, options) {\n\t\tif ($.cookie(key) !== undefined) {\n\t\t\t// Must not alter options, thus extending a fresh object...\n\t\t\t$.cookie(key, '', $.extend({}, options, { expires: -1 }));\n\t\t\treturn true;\n\t\t}\n\t\treturn false;\n\t};\n\n}));","/*!\n * jQuery throttle / debounce - v1.1 - 3/7/2010\n * http://benalman.com/projects/jquery-throttle-debounce-plugin/\n *\n * Copyright (c) 2010 \"Cowboy\" Ben Alman\n * Dual licensed under the MIT and GPL licenses.\n * http://benalman.com/about/license/\n */\n\n// Script: jQuery throttle / debounce: Sometimes, less is more!\n//\n// *Version: 1.1, Last updated: 3/7/2010*\n//\n// Project Home - http://benalman.com/projects/jquery-throttle-debounce-plugin/\n// GitHub - http://github.com/cowboy/jquery-throttle-debounce/\n// Source - http://github.com/cowboy/jquery-throttle-debounce/raw/master/jquery.ba-throttle-debounce.js\n// (Minified) - http://github.com/cowboy/jquery-throttle-debounce/raw/master/jquery.ba-throttle-debounce.min.js (0.7kb)\n//\n// About: License\n//\n// Copyright (c) 2010 \"Cowboy\" Ben Alman,\n// Dual licensed under the MIT and GPL licenses.\n// http://benalman.com/about/license/\n//\n// About: Examples\n//\n// These working examples, complete with fully commented code, illustrate a few\n// ways in which this plugin can be used.\n//\n// Throttle - http://benalman.com/code/projects/jquery-throttle-debounce/examples/throttle/\n// Debounce - http://benalman.com/code/projects/jquery-throttle-debounce/examples/debounce/\n//\n// About: Support and Testing\n//\n// Information about what version or versions of jQuery this plugin has been\n// tested with, what browsers it has been tested in, and where the unit tests\n// reside (so you can test it yourself).\n//\n// jQuery Versions - none, 1.3.2, 1.4.2\n// Browsers Tested - Internet Explorer 6-8, Firefox 2-3.6, Safari 3-4, Chrome 4-5, Opera 9.6-10.1.\n// Unit Tests - http://benalman.com/code/projects/jquery-throttle-debounce/unit/\n//\n// About: Release History\n//\n// 1.1 - (3/7/2010) Fixed a bug in
\\\n
'),\n $modalContent = $dynamicModal.find('.modal-content'),\n $modalTitle = '',\n $modalBody;\n\n if (title) {\n $modalTitle = $('\\\n \\\n \\\n
\\\n \\\n \\\n
');\n $modalTitle.find('.modal-title').append(title);\n $modalBody = $('');\n $modalBody.append(html);\n } else {\n $modalBody = $(html || '');\n }\n\n if (className) {\n $dynamicModal.addClass(className);\n }\n\n $modalContent.append($modalTitle, $modalBody);\n\n // hide existing modals (this enables modal links from inside other modals)\n $('.modal').modal('hide');\n\n // Run embededed scripts.\n // This is a workaround for jQuery blocking the main thread while loading scripts\n $dynamicModal.on('shown.bs.modal', function () {\n var $modalScripts = $('script[type=\"javascript/ajaxwrapper\"]');\n if ($modalScripts.length) {\n $modalScripts.each(function () {\n $.getScript(this.getAttribute('src'));\n });\n }\n });\n\n $dynamicModal.prependTo(evo.$.body).modal();\n\n //need to remove it on hide to keep videos from playing other classes from perpetuating etc.\n $dynamicModal.on('hidden.bs.modal', function (e) {\n $dynamicModal.remove();\n\n // return focus to element that triggered modal\n $previousElement.focus();\n $previousElement = null;\n });\n\n // set focus to the modal so users with screenreaders can interact with modal\n $dynamicModal.focus();\n\n return $dynamicModal;\n };\n\n // generate a modal that loads a form via ajax, as well as all subsequent posts\n window.generateAjaxFormModal = function (html, className, title) {\n var $modal = generateModalTemplate(html, className, title);\n\n var bindAjaxForm = function ($form) {\n $form.on('submit', function (e) {\n e.preventDefault();\n var $this = $(this);\n\n if (!$this.valid()) {\n return;\n }\n\n var url = $this.attr('action'),\n method = $this.attr('method') || 'POST',\n data = $this.serialize(),\n options = checkForCorsRequest({\n url: url,\n method: method,\n data: data\n });\n\n $modal.find('.modal-dialog').addClass('loading');\n $.ajax(options).then(function (response) {\n if (response) {\n var $modalBody = $modal.find('.modal-body');\n if (!$modalBody.length) {\n $modalBody = $modal.find('.modal-content');\n }\n $modalBody.html(response);\n bindAjaxForm($modalBody.find('form'));\n }\n }).always(function () {\n $modal.find('.modal-dialog').removeClass('loading');\n });\n });\n\n if (!evo.iOS) {\n // HACK alert. mobile safari loses its mind trying to focus on these modal elements\n $form.find('input:visible:first').focus();\n }\n $.validator.unobtrusive.parse($form);\n };\n\n bindAjaxForm($modal.find('form'));\n\n return $modal;\n };\n\n // If url is full length url and is ssl,\n // set withCredentials: true for cors request\n function checkForCorsRequest(options) {\n if (options.url && options.url.length > 5 && document.location.protocol == 'http:' && options.url.substr(0, 6) == 'https:') {\n options.crossDomain = {\n crossDomain: true\n };\n options.xhrFields = {\n withCredentials: true\n };\n }\n return options;\n }\n\n function modalInputFix() {\n var scrollTop,\n $htmlBody = $('html, body'),\n $page = $('#evo-page');\n\n if (Modernizr.touch) {\n evo.$.body.on('show.bs.modal', function () {\n scrollTop = evo.$.window.scrollTop();\n $htmlBody.addClass('modal-fix');\n $page.css('top', (scrollTop * -1) + 'px');\n }).on('hide.bs.modal', function () {\n $htmlBody.removeClass('modal-fix');\n $page.css('top', 0);\n evo.$.window.scrollTop(scrollTop);\n });\n }\n };\n\n $(function () {\n modalInputFix();\n\n //load html to the modal window for data-toggle=modal-html\n evo.$.body.on('click', '[data-toggle=modal-html]', function (e) {\n e.preventDefault();\n var $this = $(this),\n contentId = $this.data('id'),\n title = $this.data('title'),\n additionalClass = $this.data('class') || '',\n $html = $('#' + contentId).children();\n\n var modal = generateModalTemplate($html, additionalClass, title);\n modal.on('hide.bs.modal', function () {\n $('#' + contentId).append($html);\n });\n });\n\n // Show a modal with the given image\n function showImageModal(src, title, additionalClass) {\n var $content = $('').html(html);\n html = $modalHTML.find('#' + contentId).html();\n }\n $modal.removeClass('modal-loading').find(modalTitle ? '.modal-body' : '.modal-content').html(html);\n evo.$.body.trigger('modal-html-loaded');\n });\n });\n\n //Load an angular app\n evo.$.body.on('click', '[data-toggle=modal-angular]', function (e) {\n e.preventDefault();\n var $this = $(this),\n appSource = $this.attr('href') || $this.data('href'),\n contentId = $this.data('id'),\n additionalClass = $this.data('class') || '';\n\n $this.addClass(\"loading\");\n\n evo.$.body.append('\n/// global handler for google analytics tracking\n/// \n/// \n/// any element with data-tack=\"action-label\" will be tracked\n/// Dynamic labels can be extracted by referring to one of the following\n/// 1. href => sets the label to the href attribute value\n/// 2. val => sets the label to the input value\n/// 3. text => sets the label to the text\n///\n/// Dynamic labels can refer to other elements by setting the \"data-tracktarget\" attribute\n/// \n(function ($) {\n evo.tracking = evo.tracking || {};\n\n // TODO: remove references to public tracking, funnel all tracking through this\n var GACategory = 'Global',\n Actions = {\n 'c': 'Click'\n };\n\n // Set current page tracking Category\n evo.tracking.setCategory = function (category) {\n if (category) {\n GACategory = category;\n }\n };\n\n // set valid action map for current page\n evo.tracking.setActions = function (actions) {\n if (actions) {\n $.extend(Actions, actions);\n }\n };\n\n // Record custom tracking element\n evo.tracking.track = function (category, action, label, value, nonInteractive) {\n category = category || GACategory;\n action = Actions[action] || action;\n\n return evo.trackGAEvent(category, action, label, value, nonInteractive);\n };\n\n // Bind tracking events\n evo.tracking.bindTracking = function (parent) {\n $(parent).find('[data-track],[data-track] a').not('form,div,body').on('click', function () {\n trackElement(this);\n });\n };\n\n // parse and record tracking information from Dom element\n function trackElement(element) {\n var $this = $(element),\n trackVal = $this.data('track') || $this.closest('[data-track]').data('track'),\n vals = trackVal && trackVal.split('-'),\n action = vals && vals.shift(),\n label = vals && vals.join('-'),\n target = $this.data('tracktarget');\n\n var $target = target ? $(target) : $this;\n\n // Allow dynamic label values\n switch (label) {\n case 'href':\n label = $target.attr('href');\n break;\n case 'text':\n label = $target.text();\n break;\n case 'val':\n label = $target.val();\n break;\n }\n\n if (action && Actions[action]) {\n evo.tracking.track(GACategory, action, label);\n }\n else {\n // check for console before using (IE9)\n window.console && console.warn(action + ' is not a defined tracking action for ' + GACategory);\n }\n }\n\n $(function () {\n evo.tracking.bindTracking(evo.$.body);\n evo.$.body.on('validationfailed.evo.validation', function (e) {\n trackElement(e.target);\n });\n });\n})(jQuery);","/// send a data layer event to google analytics whenever the search bar is used\n(function ($) {\n $('#evo-search-form').submit(function () {\n window.dataLayerManager.push({\n event: 'Main Search',\n searchTerm: $('#txt-search').val()\n })\n });\n})(jQuery);","(function ($) {\n var selectors = {\n countdown: '.js-countdown-timer',\n endTime: 'end-time',\n hours: '.js-countdown-hours',\n minutes: '.js-countdown-minutes',\n seconds: '.js-countdown-seconds',\n message: 'message',\n startTime: 'start-time'\n };\n\n function toTwoDigits(number) {\n number = number.toString();\n return number.length > 1 ? number : '0' + number;\n }\n\n $.fn.evoCountdown = function () {\n $(this).not('.loaded').addClass('loaded').each(function () {\n var $this = $(this),\n start = new Date($this.data(selectors.startTime)),\n end = new Date($this.data(selectors.endTime)),\n message = $this.data(selectors.message),\n now = new Date();\n\n $this.hide();\n\n if (now > end) {\n return;\n }\n\n var int;\n\n var setDisplay = function () {\n var now = new Date();\n\n if (now < start) {\n $this.hide();\n return;\n }\n\n if (now > end) {\n window.clearInterval(int);\n $this.hide();\n $this.trigger('time-elapsed.evo.countdown', { start: $this.data(selectors.startTime), end: $this.data(selectors.endTime), message: $this.data(selectors.message) });\n return;\n }\n\n var diff = new Date(end - now),\n hours = diff.getUTCHours(),\n mins = diff.getUTCMinutes(),\n secs = diff.getUTCSeconds();\n\n $this.find(selectors.hours).html(toTwoDigits(hours));\n $this.find(selectors.minutes).html(toTwoDigits(mins));\n $this.find(selectors.seconds).html(toTwoDigits(secs));\n $this.find(selectors.messageContainer).html(message);\n\n $this.show();\n }\n\n int = window.setInterval(setDisplay, 500);\n\n setDisplay();\n });\n }\n\n $(selectors.countdown).evoCountdown();\n})(jQuery);","/*! @preserve\n * numeral.js\n * version : 2.0.6\n * author : Adam Draper\n * license : MIT\n * http://adamwdraper.github.com/Numeral-js/\n * http://numeraljs.com/#use-it\n */\n!function (a, b) { \"function\" == typeof define && define.amd ? define(b) : \"object\" == typeof module && module.exports ? module.exports = b() : a.numeral = b() }(this, function () { function a(a, b) { this._input = a, this._value = b } var b, c, d = \"2.0.6\", e = {}, f = {}, g = { currentLocale: \"en\", zeroFormat: null, nullFormat: null, defaultFormat: \"0,0\", scalePercentBy100: !0 }, h = { currentLocale: g.currentLocale, zeroFormat: g.zeroFormat, nullFormat: g.nullFormat, defaultFormat: g.defaultFormat, scalePercentBy100: g.scalePercentBy100 }; return b = function (d) { var f, g, i, j; if (b.isNumeral(d)) f = d.value(); else if (0 === d || \"undefined\" == typeof d) f = 0; else if (null === d || c.isNaN(d)) f = null; else if (\"string\" == typeof d) if (h.zeroFormat && d === h.zeroFormat) f = 0; else if (h.nullFormat && d === h.nullFormat || !d.replace(/[^0-9]+/g, \"\").length) f = null; else { for (g in e) if (j = \"function\" == typeof e[g].regexps.unformat ? e[g].regexps.unformat() : e[g].regexps.unformat, j && d.match(j)) { i = e[g].unformat; break } i = i || b._.stringToNumber, f = i(d) } else f = Number(d) || null; return new a(d, f) }, b.version = d, b.isNumeral = function (b) { return b instanceof a }, b._ = c = { numberToFormat: function (a, c, d) { var e, g, h, i, j, k, l, m = f[b.options.currentLocale], n = !1, o = !1, p = 0, q = \"\", r = 1e12, s = 1e9, t = 1e6, u = 1e3, v = \"\", w = !1; if (a = a || 0, g = Math.abs(a), b._.includes(c, \"(\") ? (n = !0, c = c.replace(/[\\(|\\)]/g, \"\")) : (b._.includes(c, \"+\") || b._.includes(c, \"-\")) && (j = b._.includes(c, \"+\") ? c.indexOf(\"+\") : 0 > a ? c.indexOf(\"-\") : -1, c = c.replace(/[\\+|\\-]/g, \"\")), b._.includes(c, \"a\") && (e = c.match(/a(k|m|b|t)?/), e = e ? e[1] : !1, b._.includes(c, \" a\") && (q = \" \"), c = c.replace(new RegExp(q + \"a[kmbt]?\"), \"\"), g >= r && !e || \"t\" === e ? (q += m.abbreviations.trillion, a /= r) : r > g && g >= s && !e || \"b\" === e ? (q += m.abbreviations.billion, a /= s) : s > g && g >= t && !e || \"m\" === e ? (q += m.abbreviations.million, a /= t) : (t > g && g >= u && !e || \"k\" === e) && (q += m.abbreviations.thousand, a /= u)), b._.includes(c, \"[.]\") && (o = !0, c = c.replace(\"[.]\", \".\")), h = a.toString().split(\".\")[0], i = c.split(\".\")[1], k = c.indexOf(\",\"), p = (c.split(\".\")[0].split(\",\")[0].match(/0/g) || []).length, i ? (b._.includes(i, \"[\") ? (i = i.replace(\"]\", \"\"), i = i.split(\"[\"), v = b._.toFixed(a, i[0].length + i[1].length, d, i[1].length)) : v = b._.toFixed(a, i.length, d), h = v.split(\".\")[0], v = b._.includes(v, \".\") ? m.delimiters.decimal + v.split(\".\")[1] : \"\", o && 0 === Number(v.slice(1)) && (v = \"\")) : h = b._.toFixed(a, 0, d), q && !e && Number(h) >= 1e3 && q !== m.abbreviations.trillion) switch (h = String(Number(h) / 1e3), q) { case m.abbreviations.thousand: q = m.abbreviations.million; break; case m.abbreviations.million: q = m.abbreviations.billion; break; case m.abbreviations.billion: q = m.abbreviations.trillion }if (b._.includes(h, \"-\") && (h = h.slice(1), w = !0), h.length < p) for (var x = p - h.length; x > 0; x--)h = \"0\" + h; return k > -1 && (h = h.toString().replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, \"$1\" + m.delimiters.thousands)), 0 === c.indexOf(\".\") && (h = \"\"), l = h + v + (q ? q : \"\"), n ? l = (n && w ? \"(\" : \"\") + l + (n && w ? \")\" : \"\") : j >= 0 ? l = 0 === j ? (w ? \"-\" : \"+\") + l : l + (w ? \"-\" : \"+\") : w && (l = \"-\" + l), l }, stringToNumber: function (a) { var b, c, d, e = f[h.currentLocale], g = a, i = { thousand: 3, million: 6, billion: 9, trillion: 12 }; if (h.zeroFormat && a === h.zeroFormat) c = 0; else if (h.nullFormat && a === h.nullFormat || !a.replace(/[^0-9]+/g, \"\").length) c = null; else { c = 1, \".\" !== e.delimiters.decimal && (a = a.replace(/\\./g, \"\").replace(e.delimiters.decimal, \".\")); for (b in i) if (d = new RegExp(\"[^a-zA-Z]\" + e.abbreviations[b] + \"(?:\\\\)|(\\\\\" + e.currency.symbol + \")?(?:\\\\))?)?$\"), g.match(d)) { c *= Math.pow(10, i[b]); break } c *= (a.split(\"-\").length + Math.min(a.split(\"(\").length - 1, a.split(\")\").length - 1)) % 2 ? 1 : -1, a = a.replace(/[^0-9\\.]+/g, \"\"), c *= Number(a) } return c }, isNaN: function (a) { return \"number\" == typeof a && isNaN(a) }, includes: function (a, b) { return -1 !== a.indexOf(b) }, insert: function (a, b, c) { return a.slice(0, c) + b + a.slice(c) }, reduce: function (a, b) { if (null === this) throw new TypeError(\"Array.prototype.reduce called on null or undefined\"); if (\"function\" != typeof b) throw new TypeError(b + \" is not a function\"); var c, d = Object(a), e = d.length >>> 0, f = 0; if (3 === arguments.length) c = arguments[2]; else { for (; e > f && !(f in d);)f++; if (f >= e) throw new TypeError(\"Reduce of empty array with no initial value\"); c = d[f++] } for (; e > f; f++)f in d && (c = b(c, d[f], f, d)); return c }, multiplier: function (a) { var b = a.toString().split(\".\"); return b.length < 2 ? 1 : Math.pow(10, b[1].length) }, correctionFactor: function () { var a = Array.prototype.slice.call(arguments); return a.reduce(function (a, b) { var d = c.multiplier(b); return a > d ? a : d }, 1) }, toFixed: function (a, b, c, d) { var e, f, g, h, i = a.toString().split(\".\"), j = b - (d || 0); return e = 2 === i.length ? Math.min(Math.max(i[1].length, j), b) : j, g = Math.pow(10, e), h = (c(a + \"e+\" + e) / g).toFixed(e), d > b - e && (f = new RegExp(\"\\\\.?0{1,\" + (d - (b - e)) + \"}$\"), h = h.replace(f, \"\")), h } }, b.options = h, b.formats = e, b.locales = f, b.locale = function (a) { return a && (h.currentLocale = a.toLowerCase()), h.currentLocale }, b.localeData = function (a) { if (!a) return f[h.currentLocale]; if (a = a.toLowerCase(), !f[a]) throw new Error(\"Unknown locale : \" + a); return f[a] }, b.reset = function () { for (var a in g) h[a] = g[a] }, b.zeroFormat = function (a) { h.zeroFormat = \"string\" == typeof a ? a : null }, b.nullFormat = function (a) { h.nullFormat = \"string\" == typeof a ? a : null }, b.defaultFormat = function (a) { h.defaultFormat = \"string\" == typeof a ? a : \"0.0\" }, b.register = function (a, b, c) { if (b = b.toLowerCase(), this[a + \"s\"][b]) throw new TypeError(b + \" \" + a + \" already registered.\"); return this[a + \"s\"][b] = c, c }, b.validate = function (a, c) { var d, e, f, g, h, i, j, k; if (\"string\" != typeof a && (a += \"\", console.warn && console.warn(\"Numeral.js: Value is not string. It has been co-erced to: \", a)), a = a.trim(), a.match(/^\\d+$/)) return !0; if (\"\" === a) return !1; try { j = b.localeData(c) } catch (l) { j = b.localeData(b.locale()) } return f = j.currency.symbol, h = j.abbreviations, d = j.delimiters.decimal, e = \".\" === j.delimiters.thousands ? \"\\\\.\" : j.delimiters.thousands, k = a.match(/^[^\\d]+/), null !== k && (a = a.substr(1), k[0] !== f) ? !1 : (k = a.match(/[^\\d]+$/), null !== k && (a = a.slice(0, -1), k[0] !== h.thousand && k[0] !== h.million && k[0] !== h.billion && k[0] !== h.trillion) ? !1 : (i = new RegExp(e + \"{2}\"), a.match(/[^\\d.,]/g) ? !1 : (g = a.split(d), g.length > 2 ? !1 : g.length < 2 ? !!g[0].match(/^\\d+.*\\d$/) && !g[0].match(i) : 1 === g[0].length ? !!g[0].match(/^\\d+$/) && !g[0].match(i) && !!g[1].match(/^\\d+$/) : !!g[0].match(/^\\d+.*\\d$/) && !g[0].match(i) && !!g[1].match(/^\\d+$/)))) }, b.fn = a.prototype = { clone: function () { return b(this) }, format: function (a, c) { var d, f, g, i = this._value, j = a || h.defaultFormat; if (c = c || Math.round, 0 === i && null !== h.zeroFormat) f = h.zeroFormat; else if (null === i && null !== h.nullFormat) f = h.nullFormat; else { for (d in e) if (j.match(e[d].regexps.format)) { g = e[d].format; break } g = g || b._.numberToFormat, f = g(i, j, c) } return f }, value: function () { return this._value }, input: function () { return this._input }, set: function (a) { return this._value = Number(a), this }, add: function (a) { function b(a, b, c, e) { return a + Math.round(d * b) } var d = c.correctionFactor.call(null, this._value, a); return this._value = c.reduce([this._value, a], b, 0) / d, this }, subtract: function (a) { function b(a, b, c, e) { return a - Math.round(d * b) } var d = c.correctionFactor.call(null, this._value, a); return this._value = c.reduce([a], b, Math.round(this._value * d)) / d, this }, multiply: function (a) { function b(a, b, d, e) { var f = c.correctionFactor(a, b); return Math.round(a * f) * Math.round(b * f) / Math.round(f * f) } return this._value = c.reduce([this._value, a], b, 1), this }, divide: function (a) { function b(a, b, d, e) { var f = c.correctionFactor(a, b); return Math.round(a * f) / Math.round(b * f) } return this._value = c.reduce([this._value, a], b), this }, difference: function (a) { return Math.abs(b(this._value).subtract(a).value()) } }, b.register(\"locale\", \"en\", { delimiters: { thousands: \",\", decimal: \".\" }, abbreviations: { thousand: \"k\", million: \"m\", billion: \"b\", trillion: \"t\" }, ordinal: function (a) { var b = a % 10; return 1 === ~~(a % 100 / 10) ? \"th\" : 1 === b ? \"st\" : 2 === b ? \"nd\" : 3 === b ? \"rd\" : \"th\" }, currency: { symbol: \"$\" } }), function () { b.register(\"format\", \"bps\", { regexps: { format: /(BPS)/, unformat: /(BPS)/ }, format: function (a, c, d) { var e, f = b._.includes(c, \" BPS\") ? \" \" : \"\"; return a = 1e4 * a, c = c.replace(/\\s?BPS/, \"\"), e = b._.numberToFormat(a, c, d), b._.includes(e, \")\") ? (e = e.split(\"\"), e.splice(-1, 0, f + \"BPS\"), e = e.join(\"\")) : e = e + f + \"BPS\", e }, unformat: function (a) { return +(1e-4 * b._.stringToNumber(a)).toFixed(15) } }) }(), function () { var a = { base: 1e3, suffixes: [\"B\", \"KB\", \"MB\", \"GB\", \"TB\", \"PB\", \"EB\", \"ZB\", \"YB\"] }, c = { base: 1024, suffixes: [\"B\", \"KiB\", \"MiB\", \"GiB\", \"TiB\", \"PiB\", \"EiB\", \"ZiB\", \"YiB\"] }, d = a.suffixes.concat(c.suffixes.filter(function (b) { return a.suffixes.indexOf(b) < 0 })), e = d.join(\"|\"); e = \"(\" + e.replace(\"B\", \"B(?!PS)\") + \")\", b.register(\"format\", \"bytes\", { regexps: { format: /([0\\s]i?b)/, unformat: new RegExp(e) }, format: function (d, e, f) { var g, h, i, j, k = b._.includes(e, \"ib\") ? c : a, l = b._.includes(e, \" b\") || b._.includes(e, \" ib\") ? \" \" : \"\"; for (e = e.replace(/\\s?i?b/, \"\"), h = 0; h <= k.suffixes.length; h++)if (i = Math.pow(k.base, h), j = Math.pow(k.base, h + 1), null === d || 0 === d || d >= i && j > d) { l += k.suffixes[h], i > 0 && (d /= i); break } return g = b._.numberToFormat(d, e, f), g + l }, unformat: function (d) { var e, f, g = b._.stringToNumber(d); if (g) { for (e = a.suffixes.length - 1; e >= 0; e--) { if (b._.includes(d, a.suffixes[e])) { f = Math.pow(a.base, e); break } if (b._.includes(d, c.suffixes[e])) { f = Math.pow(c.base, e); break } } g *= f || 1 } return g } }) }(), function () { b.register(\"format\", \"currency\", { regexps: { format: /(\\$)/ }, format: function (a, c, d) { var e, f, g, h = b.locales[b.options.currentLocale], i = { before: c.match(/^([\\+|\\-|\\(|\\s|\\$]*)/)[0], after: c.match(/([\\+|\\-|\\)|\\s|\\$]*)$/)[0] }; for (c = c.replace(/\\s?\\$\\s?/, \"\"), e = b._.numberToFormat(a, c, d), a >= 0 ? (i.before = i.before.replace(/[\\-\\(]/, \"\"), i.after = i.after.replace(/[\\-\\)]/, \"\")) : 0 > a && !b._.includes(i.before, \"-\") && !b._.includes(i.before, \"(\") && (i.before = \"-\" + i.before), g = 0; g < i.before.length; g++)switch (f = i.before[g]) { case \"$\": e = b._.insert(e, h.currency.symbol, g); break; case \" \": e = b._.insert(e, \" \", g + h.currency.symbol.length - 1) }for (g = i.after.length - 1; g >= 0; g--)switch (f = i.after[g]) { case \"$\": e = g === i.after.length - 1 ? e + h.currency.symbol : b._.insert(e, h.currency.symbol, -(i.after.length - (1 + g))); break; case \" \": e = g === i.after.length - 1 ? e + \" \" : b._.insert(e, \" \", -(i.after.length - (1 + g) + h.currency.symbol.length - 1)) }return e } }) }(), function () { b.register(\"format\", \"exponential\", { regexps: { format: /(e\\+|e-)/, unformat: /(e\\+|e-)/ }, format: function (a, c, d) { var e, f = \"number\" != typeof a || b._.isNaN(a) ? \"0e+0\" : a.toExponential(), g = f.split(\"e\"); return c = c.replace(/e[\\+|\\-]{1}0/, \"\"), e = b._.numberToFormat(Number(g[0]), c, d), e + \"e\" + g[1] }, unformat: function (a) { function c(a, c, d, e) { var f = b._.correctionFactor(a, c), g = a * f * (c * f) / (f * f); return g } var d = b._.includes(a, \"e+\") ? a.split(\"e+\") : a.split(\"e-\"), e = Number(d[0]), f = Number(d[1]); return f = b._.includes(a, \"e-\") ? f *= -1 : f, b._.reduce([e, Math.pow(10, f)], c, 1) } }) }(), function () { b.register(\"format\", \"ordinal\", { regexps: { format: /(o)/ }, format: function (a, c, d) { var e, f = b.locales[b.options.currentLocale], g = b._.includes(c, \" o\") ? \" \" : \"\"; return c = c.replace(/\\s?o/, \"\"), g += f.ordinal(a), e = b._.numberToFormat(a, c, d), e + g } }) }(), function () { b.register(\"format\", \"percentage\", { regexps: { format: /(%)/, unformat: /(%)/ }, format: function (a, c, d) { var e, f = b._.includes(c, \" %\") ? \" \" : \"\"; return b.options.scalePercentBy100 && (a = 100 * a), c = c.replace(/\\s?\\%/, \"\"), e = b._.numberToFormat(a, c, d), b._.includes(e, \")\") ? (e = e.split(\"\"), e.splice(-1, 0, f + \"%\"), e = e.join(\"\")) : e = e + f + \"%\", e }, unformat: function (a) { var c = b._.stringToNumber(a); return b.options.scalePercentBy100 ? .01 * c : c } }) }(), function () { b.register(\"format\", \"time\", { regexps: { format: /(:)/, unformat: /(:)/ }, format: function (a, b, c) { var d = Math.floor(a / 60 / 60), e = Math.floor((a - 60 * d * 60) / 60), f = Math.round(a - 60 * d * 60 - 60 * e); return d + \":\" + (10 > e ? \"0\" + e : e) + \":\" + (10 > f ? \"0\" + f : f) }, unformat: function (a) { var b = a.split(\":\"), c = 0; return 3 === b.length ? (c += 60 * Number(b[0]) * 60, c += 60 * Number(b[1]), c += Number(b[2])) : 2 === b.length && (c += 60 * Number(b[0]), c += Number(b[1])), Number(c) } }) }(), b });","(function register() {\n function registerLocale(locale) {\n numeral.register(\"locale\", locale.code, locale.format);\n numeral.register(\"locale\", locale.code + '-usd', (!locale.usdOverride ? locale.format : locale.usdOverride));\n };\n\n var enus = {\n code: \"en-us\",\n format: {\n delimiters: {\n thousands: \",\",\n decimal: \".\"\n },\n abbreviations: {\n thousand: \"k\",\n million: \"m\",\n billion: \"b\",\n trillion: \"t\"\n },\n currency: {\n symbol: \"$\"\n }\n }\n };\n\n var enca = {\n code: \"en-ca\",\n format: {\n delimiters: {\n thousands: \",\",\n decimal: \".\"\n },\n abbreviations: {\n thousand: \"k\",\n million: \"m\",\n billion: \"b\",\n trillion: \"t\"\n },\n currency: {\n symbol: \"C$\"\n }\n }\n };\n enca.usdOverride = {\n ...enca.format,\n currency: {\n symbol: \"US$\"\n }\n }\n\n registerLocale(enus);\n registerLocale(enca);\n\n numeral.defaultFormat(\"$,0.00\");\n})();\n","///
\\\n \\
');\n\n $('.modal-angular-iframe').load(function () {\n var $angularHtml = $('.modal-angular-iframe').contents().find('#' + contentId);\n\n generateModalTemplate($angularHtml, 'modal-angular ' + additionalClass);\n $this.removeClass(\"loading\");\n });\n });\n\n //load an image to the modal window for data-toggle=modal-image\n evo.$.body.on('click', '[data-toggle=modal-image]', function (e) {\n e.preventDefault();\n var $this = $(this),\n imgSrc = $this.attr('href'),\n imgTitle = $this.attr('title') || '',\n additionalClass = $this.data('class') || '';\n\n showImageModal(imgSrc, imgTitle, additionalClass);\n });\n\n //bind close click event\n $('.modal-btn-close').on('click touchstart', function (e) {\n e.preventDefault();\n $('.modal').modal('hide');\n });\n\n //load an video to the modal window for data-toggle=modal-video\n evo.$.body.on('click', '[data-toggle=modal-video]', function (e) {\n e.preventDefault();\n var $this = $(this),\n videoSource = $this.data('source'),\n videoKey = $this.data('key'),\n additionalClass = $this.data('class') || '',\n videoHTML, embedURL;\n\n switch (videoSource.toLowerCase()) {\n case 'vimeo':\n embedURL = 'https://player.vimeo.com/video/' + videoKey + '?autoplay=1&title=0&byline=0&portrait=0';\n break;\n case 'youtube':\n embedURL = 'https://www.youtube.com/embed/' + videoKey + '?rel=0&showinfo=0&autoplay=1';\n break;\n default:\n alert(\"The video source \" + videoSource + \" is not valid\");\n }\n\n videoHTML = '\\\n \\\n
';\n\n generateModalTemplate(videoHTML, 'modal-video ' + additionalClass);\n });\n\n //load a form via modal (i.e. login) for data-toggle=modal-form\n evo.$.body.on('click', '[data-toggle=modal-form]', function (e) {\n e.preventDefault();\n var $this = $(this),\n additionalClass = $this.data('class') || '',\n modalTitle = $this.data('modal-title') || $this.attr('title');\n\n getModalPage($this.attr('href')).then(function (response) {\n generateAjaxFormModal(response, additionalClass, modalTitle);\n //total hack because keypad makes the page go haywire on iOS.\n if (evo.iOS) {\n setTimeout(function () {\n scrollLocation = $(window).scrollTop();\n $('.modal')\n .addClass('modal-ios')\n .height($(window).height())\n .css({ 'margin-top': 0 + 'px' });\n }, 0);\n }\n });\n });\n\n //load a given url in an iframe to isolate it from the current page\n evo.$.body.on('click', '[data-toggle=modal-frame]', function (e) {\n e.preventDefault();\n var $this = $(this),\n href = $this.attr('href'),\n additionalClass = $this.data('class') || '',\n modalTitle = $this.data('modal-title') || $this.attr('title'),\n qsIndex = href.indexOf('?'),\n hIndex = href.indexOf('#');\n\n if (qsIndex > -1) {\n href = href.splice(qsIndex + 1, 0, 'frame=true&');\n }\n else if (hIndex > -1) {\n href = href.splice(hIndex, 0, '?frame=true');\n }\n else {\n href += '?frame=true'\n }\n\n var $frame = $(''),\n modal;\n $frame.attr('src', href);\n $frame.css('width', '100%');\n $frame.css('border', 'none');\n $frame.on('load', function () {\n var $this = $(this),\n $body = $(this.contentDocument.body);\n\n modal.removeClass('modal-loading');\n\n $body.css('max-width', $frame.width() + 'px');\n $this.css('height', $body.outerHeight() + 35 + 'px');\n $body.css('overflow', 'hidden');\n // Prevent links from loading in the iframe, unless they are hash links\n $body.on('click', 'a', function (e) {\n if (this.onclick)\n return;\n\n var linkHref = $(this).attr('href');\n if (linkHref[0] == '#' || linkHref.split('#')[0].toLowerCase() == $this.attr('src').split('#')[0].toLowerCase())\n return;\n\n location.href = linkHref;\n e.preventDefault();\n });\n });\n modal = generateModalTemplate($frame, additionalClass + ' modal-loading', modalTitle);\n });\n });\n})();","///