https://www.barbier-mueller.ch/wp-content/themes/bm_store/assets/js/main.js?ver=6.4.12

1jQuery(document).ready(function($) {
2
3	var	$window = $(window),
4		$body = $('body'),
5		$header = $('#header'),
6		$banner = $('#banner');
7
8	// Breakpoints.
9		breakpoints({
10			wide:      [ '1281px',  '1680px' ],
11			normal:    [ '981px',   '1280px' ],
12			narrow:    [ '841px',   '980px'  ],
13			narrower:  [ '737px',   '840px'  ],
14			mobile:    [ null,      '736px'  ]
15		});
16
17	// Play initial animations on page load.
18		$window.on('load', function() {
19			window.setTimeout(function() {
20				$body.removeClass('is-preload');
21			}, 100);
22		});
23
24	// Scrolly.
25		$('.scrolly').scrolly({
26			speed: 1000,
27			offset: function() { return $header.height() + 10; }
28		});
29
30	// Dropdowns.
31		$('#nav > ul').dropotron({
32			mode: 'fade',
33			noOpenerFade: true,
34			expandMode: (browser.mobile ? 'click' : 'hover')
35		});
36
37	// Nav Panel.
38
39		// Button.
40			$(
41				'<div id="navButton">' +
42					'<a href="#navPanel" class="toggle"><i class="fas fa-bars"></i></a>' +
43				'</div>'
44			)
45				.appendTo($body);
46
47		// Panel.
48			$(
49				'<div id="navPanel">' +
50					'<nav>' +
51						$('#nav').navList() +
52					'</nav>' +
53				'</div>'
54			)
55				.appendTo($body)
56				.panel({
57					delay: 500,
58					hideOnClick: true,
59					hideOnSwipe: true,
60					resetScroll: true,
61					resetForms: true,
62					side: 'left',
63					target: $body,
64					visibleClass: 'navPanel-visible'
65				});
66
67		// Fix: Remove navPanel transitions on WP<10 (poor/buggy performance).
68			if (browser.os == 'wp' && browser.osVersion < 10)
69				$('#navButton, #navPanel, #page-wrapper')
70					.css('transition', 'none');
71
72
73
74    // Header.
75		if (!browser.mobile
76		&&	$header.hasClass('alt')
77		&&	$banner.length > 0) {
78
79			$window.on('load', function() {
80
81				$banner.scrollex({
82					bottom:		$header.outerHeight(),
83					terminate:	function() { $header.removeClass('alt'); },
84					enter:		function() { $header.addClass('alt '); },
85					leave:		function() { $header.removeClass('alt'); }
86				});
87
88			});
89
90		}
91
92	// Slider
93			$('.image-gallery').lightSlider({
94                gallery: true,
95                galleryMargin: 15,
96                item: 1,
97                loop: true,
98                slideMargin: 0,
99                thumbItem: 9,
100                adaptiveHeight:true
101            });
102            
103    function animateCSS(element, animationName, callback) {
104	    const node = document.querySelector(element)
105	    node.classList.add('animated', animationName)
106
107	    function handleAnimationEnd() {
108	        node.classList.remove('animated', animationName)
109	        node.removeEventListener('animationend', handleAnimationEnd)
110
111	        if (typeof callback === 'function') callback()
112	    }
113
114	    node.addEventListener('animationend', handleAnimationEnd)
115	}
116	
117	
118		var wi = $(window).width();
119        var slide;
120        var slide2;
121        var slide3;
122        
123        if (wi <= 800){
124            slide = "https://www.barbier-mueller.ch/wp-content/uploads/banner_mob.jpg";
125            slide2 = "https://www.barbier-mueller.ch/wp-content/uploads/banner2_mob.jpg";
126            slide3 = "https://www.barbier-mueller.ch/wp-content/uploads/banner3_mob.jpg";
127            } else {
128            slide = "https://www.barbier-mueller.ch/wp-content/uploads/banner.jpg";
129            slide2 = "https://www.barbier-mueller.ch/wp-content/uploads/banner2.jpg";
130            slide3 = "https://www.barbier-mueller.ch/wp-content/uploads/banner3.jpg";
131            }
132        
133        $('#homepage #banner').backstretch([
134		     slide
135		     ,slide2
136		     ,slide3
137  	  ], {duration: 4000, fade: 900, alignY: top});
138
139
140
141	// Modal
142	var modal = document.querySelector(".modal");
143    var closeButton = document.querySelector(".close-button");
144    var closeAndRegister = document.querySelector(".close-register");
145
146    function toggleModal() {
147        if (closeButton !== null) { 
148            modal.classList.toggle("show-modal");
149        }
150    }
151	
152    function registerToNews() {
153		$('html, body').animate({
154		        scrollTop: $("#cta").offset().top + (-100)
155		    }, 1500);
156		$(".InputAddOn-field").focus();
157    }
158
159    function windowOnClick(event) {
160        if (closeButton !== null) { 
161        if (event.target === modal) {
162            toggleModal();
163        }
164        }
165    }
166    
167    
168    if (closeButton !== null) {
169		closeButton.addEventListener("click", toggleModal);
170		//closeAndRegister.addEventListener("click", () => {    
171     //toggleModal();
172     //registerToNews();    
173	//});
174		window.addEventListener("click", windowOnClick);
175
176    toggleModal();
177    }
178});