// const menuOuter = $('#menu-outer');
// const mobileMenuOpen = $('#mobile-menu-open');
// const mobileMenu = $('#menu-mobile');
// const menuMobileWrapper = $('#sidenav-wrapper');
// let isMobileSidenavOpened = false;
//
// $(document).ready(() => {
//     onTop();
//
//     document.addEventListener('scroll', () => {
//         onTop();
//     });
//
//     window.addEventListener('resize', () => {
//         // onWindowResize();
//     });
//
//     mobileMenuOpen.click(() => {
//         mobileMenu.addClass('open')
//         mobileMenu.removeClass('close');
//         isMobileSidenavOpened = true;
//     });
//
//     mobileMenu.click(e => {
//         const inside = document.getElementById('sidenav-wrapper').contains(e.target)
//         if (!inside && isMobileSidenavOpened) {
//             mobileMenu.addClass('close')
//             mobileMenu.removeClass('open');
//             isMobileSidenavOpened = false;
//         }
//     });
// });
//
// const onTop = () => {
//     if ($(document).scrollTop() === 0) {
//         menuOuter.addClass('on-top');
//         menuOuter.removeClass('not-on-top');
//     } else {
//         menuOuter.addClass('not-on-top');
//         menuOuter.removeClass('on-top');
//     }
// }
//
// const onWindowResize = () => {
//     if (window.innerWidth >= 1200 && isMobileSidenavOpened) {
//         mobileMenu.addClass('close')
//         mobileMenu.removeClass('open');
//         isMobileSidenavOpened = false;
//     }
// }
//
// const addNavBackground = () => {
//     const urlsWithWhiteTop = ['manual', 'faq'];
// }