$(document).ready(function () {
    
    jQuery(function($){
		
		$(window).resize(function() {
		   if (window.innerWidth <= 960) {

			 const navInner = document.getElementById("inwb_nav_outer")
			 const observerThird = new IntersectionObserver( 
			  ([e]) => e.target.classList.toggle("is-pinned", e.intersectionRatio < 1),
			  { threshold: [1] }
			);
			observerThird.observe(navInner);

		  }
		}).resize();

		const navInner = document.getElementById("inwb_nav_desktop")
		const observerFirst = new IntersectionObserver( 
		([e]) => e.target.classList.toggle("is-pinned", e.intersectionRatio < 1),
		{ threshold: [1] }
		);

		observerFirst.observe(navInner);

		var windowWidth = $(window).width();

		$(window).resize(function() {
		  if(windowWidth != $(window).width()){
			setTimeout(function() {
			  location.reload();
			  return;
			}, 600);
		  }
		});



		// tphone carousel

		  $('.inwb_block_02_mobile_carousel').slick({
			dots: true,
			arrows: false
		  });

		// tphone pro carousel 

		  $('.inwb_block_02_mobile_carousel_pro').slick({
			dots: true,
			arrows: false
		  });

		// ttablet carousel 

			$('.inwb_block_02_mobile_carousel_ttablet').slick({
			dots: true,
			arrows: false
			});


			// compare carousel

			$('.inwb_compare_main_carousel_cont').slick({
				dots: true,
				arrows: false,
				infinite: false,
				speed: 300,
				slidesToShow: 3,
				slidesToScroll: 3,
				responsive: [
				  {
					breakpoint: 980,
					settings: {
					  slidesToShow: 2,
					  slidesToScroll: 1,
					  centerMode: false,
					  variableWidth: false
					}
				  },
				  {
					breakpoint: 768,
					settings: {
					  slidesToShow: 1,
					  slidesToScroll: 1,
					  centerMode: false,
					  variableWidth: false
					}
				  }
				  // You can unslick at a given breakpoint now by adding:
				  // settings: "unslick"
				  // instead of a settings object
				]
			  });
			
    });
	
});

! function (t) {
	"use strict";
	window.onorientationchange = function () {
		window.location.reload()
	}, t(function () {
		t(".mySelectBoxClass").customSelect({
			customClass: "newNavMobile"
		}), t('select[name="mobileNav"]').change(function () {
			window.location.replace(t(this).val())
		})
	})
}(jQuery);

function MenuToSection(hova){
    jQuery(function($){
        var kategoria = hova;
        $('html,body').animate({
            scrollTop: $("body").find("[data-realid='" + kategoria +"']").offset().top
        }, 'slow');
    });
}