https://ekookna.co.uk/eko_okna/js/main.js?ver=1790832358

1$(document).ready(function() {
2	 
3  $(document.body).on('click', '.menu__icon', function() {
4    $('.top-bar nav').toggleClass('mobile-menu-active');
5    $(this).toggleClass('menu_shown');
6    $('body').toggleClass('mobile-menu');
7  });
8
9  $(document.body).on('click', '.dropdown-box button', function() {	  
10    if ($(this).parent('.dropdown-box').hasClass('active')) {
11      let $i = 0;
12      $('.dropdown-box').each(function() {
13        if ($(this).parent('li').hasClass('active')) {
14          $(this).removeClass( 'dropdown-box-disabled');
15          $i++;
16        }
17      });
18      if (!$(this).parents('li').hasClass('active')) {
19        $(this).parent('.dropdown-box').addClass( 'dropdown-box-disabled');
20      }
21      $(this).parent('.dropdown-box').removeClass('active');
22      console.log($i);
23      if ($i === 0) {
24        $('.dropdown-box-disabled').each(function() {
25          $(this).removeClass('dropdown-box-disabled');
26        });
27      }
28    } else {
29      $('.dropdown-box.active').removeClass('active');
30			$('.dropdown-box').addClass( 'dropdown-box-disabled' );
31      $('.dropdown-box').each(function() {
32        if ($(this).parent('li').hasClass('active')) {
33          $(this).removeClass( 'dropdown-box-disabled');
34        }
35      });
36			$(this).parent('.dropdown-box').removeClass('dropdown-box-disabled');
37      $(this).parent('.dropdown-box').addClass('active');
38    }
39  });
40
41  $(document.body).on('click', '.site-changer .top-bar-btn', function() {
42	  $('.lang-changer').removeClass('active');
43	  $('.search-block-outer').removeClass('active');	  	  
44    $(this).parent('.site-changer').toggleClass('active');
45  });
46
47  $(document.body).on('click', '.lang-changer .top-bar-btn', function() {
48	  $('.site-changer').removeClass('active');	  
49	  $('.search-block-outer').removeClass('active');	  	  	  
50    $(this).parent('.lang-changer').toggleClass('active');
51  });
52
53  let $paddingLeft = ($('body').outerWidth() - 1356) / 2;
54  if ($paddingLeft < 0) {
55    $paddingLeft = 0;
56  }
57  let $productPaddingLeft = ($('body').outerWidth() - 1047) / 2;
58  if ($productPaddingLeft < 0) {
59    $productPaddingLeft = 0;
60  }
61  
62  let $startPosition = $(".owl-carousel.panele-slider").attr( "data-start" );
63	let $howMuchPosition = $(".owl-carousel.panele-slider").attr( "data-count" );
64
65  $(".owl-carousel.see-more").owlCarousel({
66    'items': 4,
67    'margin': 10,
68    'nav': true,
69    'dots': false,
70    responsive: {
71      0 : {
72        'items': 1,
73      },
74      768 : {
75        'items': 2,
76      },
77      1024 : {
78        'items': 3,
79      },
80      1280 : {
81        'items': 4,
82      }
83    }
84  });
85
86  $(".owl-carousel.news-slider").owlCarousel({
87    'items': 2,
88    'margin': 68,
89    'nav': true,
90    'dots': false,
91    'stagePadding': $paddingLeft,
92    responsive: {
93      0 : {
94        'items': 1,
95        'stagePadding': 0
96      },
97      768 : {
98        'items': 2,
99        'stagePadding': $paddingLeft,
100      }
101    }
102  });
103
104  $(".owl-carousel.panele-slider").owlCarousel({
105    'items': $howMuchPosition ,
106    'margin': 10,
107    'nav': true,
108    'dots': false ,
109    'startPosition' : $startPosition,
110    responsive: {
111      0 : {
112        'stagePadding': 30,
113        'items': 2,
114        'nav': false
115      },
116      768 : {
117        'items': 3,
118        'nav': false,
119        'stagePadding': 50,
120      },
121      1024 : {
122        'items': 5,
123      },
124      1280 : {
125        'items': $howMuchPosition,
126      }
127    }
128	});
129
130  $(".owl-carousel.panele-slider-5").owlCarousel({
131    'items': 5,
132    'margin': 10,
133    'nav': true,
134    'dots': false ,
135    'startPosition' : 0,
136    responsive: {
137      0 : {
138        'stagePadding': 30,
139        'items': 2,
140        'nav': false
141      },
142      768 : {
143        'items': 3,
144        'nav': false,
145        'stagePadding': 50,
146      },
147      1024 : {
148        'items': 5,
149      },
150      1280 : {
151        'items': 5
152      }
153    }
154	});
155	  
156  let $isDrag;
157
158  if ($(".owl-carousel.home-slider .slide").length > 1) {
159    $isDrag = true;
160  } else {
161    $isDrag = false;
162  }
163
164  $(".owl-carousel.home-slider").owlCarousel({
165    'autoplayTimeout': 2500,
166    'items': 1,
167    'margin': 0,
168    'nav': false,
169    'dots': true,
170    'onInitialized': counter,
171    'onTranslated': counterUpdate,
172    'loop': true,
173    'touchDrag': $isDrag,
174    'mouseDrag': $isDrag
175  });
176
177  $(".owl-carousel.opinions-slider").owlCarousel({
178    'items': 1,
179    'loop': true,
180    'margin': 0,
181    'nav': false,
182    'dots': true,
183    'autoplay': true,
184    'autoplayTimeout': 10000,
185    'autoHeight': false,
186    'onInitialized': counterOpinions,
187    'onTranslated': counterUpdateOpinions,
188    'responsive': {
189      0 : {
190        'autoHeight': true,
191      },
192      768 : {
193        'autoHeight': false,
194      }
195    }
196  });
197
198  $(".owl-carousel.product-slider").owlCarousel({
199    'items': 1,
200    'margin': 41,
201    'nav': false,
202    'dots': true,
203    'stagePadding': $productPaddingLeft,
204    'startPosition': 1,
205    'onInitialized': counterProductSlider,
206    'onTranslated': counterProductSlider,
207  });
208
209  $(document.body).on('click', 'nav.mobile-menu-active > ul > li > a', function(e) {
210    if ($(this).next('.submenu-level-one.submenu-active').length) {
211    } else if (!$(this).next('.submenu-level-one').length) {
212    } else {
213      e.preventDefault();
214      $(this).next('.submenu-level-one').toggleClass('submenu-active');
215    }
216  });
217
218  $(document.body).on('click', 'nav.mobile-menu-active .submenu-level-one-link', function(e) {
219	  
220	  if ($(this).next('.submenu-level-two').length) 
221		{	  
222	    if ($(this).next('.submenu-level-two.submenu-two-active').length) {
223	
224	    } else {
225	      e.preventDefault();
226	      $(this).next('.submenu-level-two').toggleClass('submenu-two-active');
227	    }
228	  }
229	  
230  });
231
232  $(document.body).on('click', '.search-ico a', function(e) {
233    e.preventDefault();    
234    $('.lang-changer').removeClass('active');
235    $('.site-changer').removeClass('active');
236    $('.top-bar nav').removeClass('mobile-menu-active');
237    $('.menu__icon').removeClass('menu_shown');
238    $('body').removeClass('mobile-menu');
239    $('.search-block-outer').toggleClass('active');
240    $('.search-block input.search-block-text').focus();
241    return true;
242  })
243
244  if ($('.contact-page-top .contact-top-left').length) {
245    fixedMenu();
246  }
247
248});
249
250const fixedMenu = () => {
251  let menuHeight = $('.contact-navigation').outerHeight();
252  let contentPostion = $('.contact-page-top').offset().top - 160;
253  let footerPosition = $('.contact-page-bottom').offset().top - 262 - menuHeight;
254  let el = $('.contact-navigation');
255  let marginTop = 0;
256  $(window).on('scroll', function() {
257    let scroll = $(window).scrollTop();
258    if (scroll > contentPostion && scroll < footerPosition) {
259      marginTop = scroll - contentPostion;
260      el.css({
261        'margin-top' : `${marginTop}px`
262      })
263    } else if (scroll < contentPostion) {
264      el.css({
265        'margin-top' : `0px`
266      })
267    }
268  });
269}
270
271function counter(event) {
272  $('.owl-carousel.home-slider .owl-dot').each(function(){
273    $(this).children('span').text($(this).index()+1);
274  });
275}
276
277function counterUpdate(event) {
278  $('.owl-carousel.home-slider .owl-dot').each(function(){
279    $(this).children('span').text($(this).index()+1);
280  });
281}
282
283function counterOpinions(event) {
284  $('.owl-carousel.opinions-slider .owl-dot').each(function(){
285    $(this).children('span').text($(this).index()+1);
286  });
287}
288
289function counterUpdateOpinions(event) {
290  $('.owl-carousel.opinions-slider .owl-dot').each(function(){
291    $(this).children('span').text($(this).index()+1);
292  });
293}
294
295function counterProductSlider(event) {
296  $('.owl-carousel.product-slider .owl-dot').each(function(){
297    $(this).children('span').text($(this).index()+1);
298  });
299}
300
301var didScroll;
302var lastScrollTop = 0;
303var delta = 5;
304var navbarHeight = 145;
305
306$(window).scroll(function(event){
307    didScroll = true;
308});
309
310setInterval(function() {
311    if (didScroll) {
312        hasScrolled();
313        didScroll = false;

314    }
315}, 250);
316
317const hasScrolled = () => {
318    var st = $(this).scrollTop();
319    
320    // Make sure they scroll more than delta
321    if(Math.abs(lastScrollTop - st) <= delta)
322        return;
323    
324    // If they scrolled down and are past the navbar, add class .nav-up.
325    // This is necessary so you never see what is "behind" the navbar.
326    if (st > lastScrollTop && st > navbarHeight){
327        // Scroll Down
328        $('.top-bar').removeClass('nav-down').addClass('nav-up');
329        $('.fixed-bar').removeClass('nav-down').addClass('nav-up');
330        $('.search-block-outer').removeClass('active');
331    } else {
332        // Scroll Up
333        if(st + $(window).height() < $(document).height()) {
334            $('.top-bar').removeClass('nav-up').addClass('nav-down');
335            $('.fixed-bar').removeClass('nav-up').addClass('nav-down');
336        }
337    }
338    
339    lastScrollTop = st;
340}