https://www.siommms.it/wp-content/plugins/siommms/header/main.js?v=0.1.364179239&ver=0.1.10

1var activeNavMenu = null;
2var isScrolledHeader = false;
3
4const minDesktopWidth = 1240;
5var mobileMenu = false;
6
7
8function NavMenuClose() {
9    if (activeNavMenu !== null) {
10        $(`#header-content div[data-menu="${activeNavMenu}"]`).fadeOut();
11        $(`#header-images img[data-menu="${activeNavMenu}"]`).fadeOut();
12        activeNavMenu = null;
13    }
14
15    $("#header-menus").fadeOut();
16
17    if (isScrolledHeader) $("#custom-header").addClass("scrolled");
18}
19
20function MobileMenuToggle() {
21    mobileMenu = !mobileMenu;
22
23    $("#custom-header").toggleClass("mobile-open", mobileMenu);
24    $("#custom-header").toggleClass("scrolled", mobileMenu || window.scrollY > 30);
25
26    if (mobileMenu) {
27        $("#mobile-menu").slideDown(400);
28    } else {
29        $("#mobile-menu").slideUp(400);
30    }
31
32    $("#mobile-hamburger>div").toggleClass("open", mobileMenu);
33}
34
35function onPageScroll() {
36    if (window.scrollY > 30) {
37        if (!isScrolledHeader) {
38            if (activeNavMenu === null) $("#custom-header").addClass("scrolled");
39            isScrolledHeader = true;
40        }
41    } else {
42        if (isScrolledHeader && !mobileMenu) {
43            $("#custom-header").removeClass("scrolled");
44            isScrolledHeader = false;

45        }
46    }
47
48}
49
50function onResize() {
51    if (window.innerWidth <= minDesktopWidth) {
52        if (activeNavMenu !== null && !mobileMenu) {
53            MobileMenuToggle();
54        }
55    } else {
56        $("#header-content").css("max-width", $("header nav").width() + 78);
57
58        if (mobileMenu) {
59            MobileMenuToggle();
60        }
61    }
62}
63
64
65
66
67window.addEventListener('load', function () {
68    $("#mobile-hamburger").on("click", function () { MobileMenuToggle() });
69
70    $("nav button").on("click", function () {
71        onResize();
72        var target = $(this).data("menu");
73
74        if (activeNavMenu !== null) {
75
76            if (activeNavMenu == target) {
77                NavMenuClose();
78            }
79            else {
80                $(`#header-content div[data-menu="${activeNavMenu}"]`).fadeOut(250);
81                $(`#header-images img[data-menu="${activeNavMenu}"]`).fadeOut(450);
82                $(`#header-content div[data-menu="${target}"]`).fadeIn(450);
83                $(`#header-images img[data-menu="${target}"]`).fadeIn(450);
84
85                activeNavMenu = target;
86            }
87        }
88        else {
89            $("#header-menus").fadeIn();
90            $(`#header-content div[data-menu="${target}"]`).slideDown();
91
92
93            const img = $(`#header-images img[data-menu="${target}"]`);
94            img.show();
95            img.css("opacity", 0);
96            img.css("left", "-256px");
97
98
99            img.animate({
100                opacity: 1,
101                left: "0",
102            }, 650, function () {
103            });
104            activeNavMenu = target;
105            if (isScrolledHeader) $("#custom-header").removeClass("scrolled");
106        }
107
108        $("#custom-header").toggleClass("open", activeNavMenu !== null);
109    });
110
111    $("#header-content-back, #header-images-back").on("click", function () {
112        NavMenuClose();
113    });
114
115
116    window.addEventListener('resize', function () { onResize(); });
117    document.addEventListener('scroll', function () { onPageScroll(); });
118
119    onPageScroll();
120    onResize();
121})