");
/*
* For nav items with flyouts we'll add the item to the flyout
* We'll also add a back button for small devices
*/
$(".masthead__nav .flyout").each(function () {
var flyout = $(this);
var navitem = flyout.closest(".nav__item");
var button = navitem.find("> .button");
var buttonclone = button.clone();
/* Some cleanup and formatting of the button */
buttonclone
.text("Go to " + buttonclone.text())
.addClass("button--strong button--medium")
.find("i").remove()
.end()
.append("");
/* Add nav item and button to flyout */
var newnavitem = $("").prependTo(flyout);
newnavitem.append(buttonclone);
/* Add back button to flyout */
flyout.prepend("");
});
/*
* Menu button shows menu, only effective on small devices (@@LT-M / 700px)
*/
$(".masthead__mobile-menu-button").on("click", function (e) {
// if( $("html").hasClass("lt-ie10")){ return; }
e.preventDefault();
if ($("body").hasClass("show-menu")) {
hidemenu(e, true);
} else {
$("body").addClass("show-menu");
$(".masthead__backdrop").addClass("open");
}
});
/*
* Event handlers
*/
function showmenu(e) {
$(".masthead__nav .open").removeClass("open");
$(this).addClass("open").parents(".nav__item").addClass("open");
$(".masthead__backdrop").addClass("open");
}
function hidemenu(e, all) {
//Close and hide the entire menu
if (!!all) {
$(".masthead__nav .open, .masthead__backdrop").removeClass("open");
$("body").removeClass("show-menu");
return;
}
$(this).removeClass("open");
if ($(".masthead__nav .open").length == 0) {
$(".masthead__backdrop").removeClass("open");
}
}
$(".masthead__nav .button").on("click", function (e) {
var el = $(this);
var navitem = el.closest(".nav__item");
//If the navitem is already open (flyout for mouse, or second tap for touch) then we'll pass the click on to the button
if (navitem.hasClass("open") || navitem.find(".flyout").length == 0) {
return;
}
//Show menu
e.preventDefault();
$.proxy(showmenu, this)(e);
});
$(".masthead__backdrop")
.on("click", function (e) {
hidemenu(e, true);
});
$(".nav__item--back .button").on("click", function (e) {
$(this).closest(".open").removeClass("open");
});
$(window).resize(function (e) {
$(".masthead__nav .open, .masthead__backdrop").removeClass("open");
$("body").removeClass("show-menu");
/* Rotate icons for @@LT-M devices which use the right-to-left pattern */
if (Modernizr.mq('(max-width: 700px)')) { //@@LT-M
$(".masthead__section-nav > .button > i.icon-angle-down").removeClass("icon-angle-down").addClass("icon-angle-right");
} else {
$(".masthead__section-nav > .button > i.icon-angle-right").removeClass("icon-angle-right").addClass("icon-angle-down");
}
}).resize();
});;