let navbar = document.getElementById("inwb_nav_main");
let navbarInner = document.getElementById("inwb_navbar_inner_wrapper");
let sticky = navbar.offsetTop - 44;

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

function stickyMenuFunction() {
	jQuery(function($){
		if (window.pageYOffset >= sticky) {
			navbarInner.classList.add("inwb_sticky");
		} else {
			navbarInner.classList.remove("inwb_sticky");
		}
    });
}

jQuery(function($){

	$(document).ready(function(){

		$(document).on('click', '[data-redirect-url]', function (ev) {
			ev.preventDefault();
			window.location.href=$(this).data('redirect-url');
		});

		function mobileDevicesSlider2Items($slidername, $breakpoint) {
			var slider = $($slidername);
			var settings = {
				mobileFirst: true,
				slidesToShow: 1,
				dots: true,
				arrows: false,
				centerMode: true,
				infinite: false,
				focusOnSelect: true,
				responsive: [
					{
						breakpoint: $breakpoint,
						settings: "unslick"
					}
				]
			};

			slider.slick(settings);

			$(window).on("resize", function () {
				if ($(window).width() > $breakpoint) {
					return;
				}
				if (!slider.hasClass("slick-initialized")) {
					return slider.slick(settings);
				}
			});
		}
		
		function mobileDevicesSlider4Items($slidername, $breakpoint) {
			var slider = $($slidername);
			var settings = {
				mobileFirst: true,
				slidesToShow: 1,
				centerMode: true,
				dots: true,
				arrows: false,
				infinite: false,
				focusOnSelect: true,
				responsive: [
					{
						breakpoint: 600,
						settings: {
							slidesToShow: 2,
							centerMode: false,
							dots: true,
						}
					},
					{
						breakpoint: 861,
						settings: {
							slidesToShow: 3,
							centerMode: false,
							dots: true,
						}
					},
					{
						breakpoint: $breakpoint,
						settings: "unslick"
					},
				]
			};
		
		}
		
		function mobileDevicesSlider3Items($slidername, $breakpoint) {
			var slider = $($slidername);
			var settings = {
				mobileFirst: true,
				slidesToShow: 1,
				centerMode: true,
				dots: true,
				arrows: false,
				infinite: false,
				focusOnSelect: true,
				responsive: [
					{
						breakpoint: 600,
						settings: {
							slidesToShow: 2,
							centerMode: false,
							dots: true,
						}
					},
					{
						breakpoint: $breakpoint,
						settings: "unslick"
					},
				]
			};

			slider.slick(settings);

			$(window).on("resize", function () {
				if ($(window).width() > $breakpoint) {
					return;
				}
				if (!slider.hasClass("slick-initialized")) {
					return slider.slick(settings);
				}
			});
		}
		
		mobileDevicesSlider2Items("#inwb_wfxt_block_02_dvcs_alap", 600);
		mobileDevicesSlider3Items("#inwb_wfxt_block_02_dvcs_premium", 876);
		mobileDevicesSlider3Items("#inwb_wfxt_block_02_dvcs_business", 876);
		
		$('#inwb_wfxt_block_02_dvcs_alap').hide();
		$('#inwb_wfxt_block_02_dvcs_premium').hide();
		
		$(document).on('click', '#inwb_wfxt_block_02_navbar .inwb_wfxt_block_02_navitem', function (ev) {
			ev.preventDefault();
			$('.inwb_wfxt_block_02_dvcs:visible').hide();
			$('#' + $(this).data('filter') ).show();
			if ($(window).width() < 876) {
				$("#inwb_wfxt_block_02_dvcs_business").slick("refresh");
				$("#inwb_wfxt_block_02_dvcs_premium").slick("refresh");
			}
			if ($(window).width() < 600) {
				$("#inwb_wfxt_block_02_dvcs_alap").slick("refresh");
			}
			$(this).siblings('.inwb_wfxt_block_02_navitem').removeClass('inwb_wfxt_block_02_navitem_active');
			$(this).addClass('inwb_wfxt_block_02_navitem_active');
		});
		
		mobileMenuSlider("#inwb_nav_main .inwb_navbar", 575);

		function mobileMenuSlider($slidername, $breakpoint) {
			var slider = $($slidername);
			var settings = {
				mobileFirst: true,
				dots: false,
				arrows: false,
				centerMode: true,
				variableWidth: true,
				infinite: false,
				focusOnSelect: true,
				responsive: [
					{
						breakpoint: $breakpoint,
						settings: "unslick"
					}
				]
			};

			slider.slick(settings);

			$(window).on("resize", function () {
				if ($(window).width() > $breakpoint) {
					return;
				}
				if (!slider.hasClass("slick-initialized")) {
					return slider.slick(settings);
				}
			});
		}
		
        $(window).scroll(function () {
			
            stickyMenuFunction();
			
			let scrollTop = $(this).scrollTop();
			
			if ($(window).width() > 575) {
				
				$('#inwb_nav_main .inwb_navbar a.inwb_nav_item').each(function (index, el) {
					let divId = $(el).data('div-to-show');
					let divTopErtek = $("body").find("[data-realid='" + divId +"']").offset().top - 120;
					let divBottomErtek = divTopErtek + $("body").find("[data-realid='" + divId +"']").height() - 120;
					if ( divTopErtek <= scrollTop && scrollTop <= divBottomErtek && !$(this).hasClass('inwb_active_nav')){
						$(this).siblings('a.inwb_nav_item').removeClass('inwb_active_nav');
						$(this).addClass('inwb_active_nav');
						$(this).closest('.inwb_navbar').animate({
							scrollLeft: $('.inwb_active_nav').position().left - 4
						}, 500);
					}
				});
			
			} else {
				
				$('div[data-realid]').each(function (index, el) {
					let divId = $(el).data('realid');
					let divTopErtek = $("body").find("[data-realid='" + divId +"']").offset().top - 120;
					let divBottomErtek = divTopErtek + $("body").find("[data-realid='" + divId +"']").height() - 120;
					if ( divTopErtek <= scrollTop && scrollTop <= divBottomErtek && !$("#inwb_nav_main .inwb_navbar").find("[data-div-to-show='" + divId +"']").hasClass('inwb_active_nav')){
						$("#inwb_nav_main .inwb_navbar").slick('slickGoTo',index);
						$('#inwb_nav_main .inwb_navbar a.inwb_nav_item').each(function (index, el) {
							$(this).removeClass('inwb_active_nav');
						});
						$('#inwb_nav_main .inwb_navbar').find(".slick-slide[data-slick-index='" + index +"']").find("a.inwb_nav_item").addClass("inwb_active_nav");
					}
				});
				
			}
			
			var scrollHeight = $(document).height();
			var scrollPosition = $(window).height() + $(window).scrollTop();
			if ((scrollHeight - scrollPosition) / scrollHeight === 0 && scrollTop < $("body").find("[data-realid='igenybejelento']").offset().top + $("body").find("[data-realid='igenybejelento']").height()) {
				if ($(window).width() > 575) {
					$('#inwb_nav_main .inwb_navbar a.inwb_nav_item').removeClass('inwb_active_nav');
					$('#inwb_nav_main .inwb_navbar a.inwb_nav_item:nth-of-type(5)').addClass('inwb_active_nav');
				} else {
					$("#inwb_nav_main .inwb_navbar").slick('slickGoTo',4);
				}
			}
			
			if (scrollTop == 0) {
				$('#inwb_nav_main .inwb_navbar a.inwb_nav_item').removeClass('inwb_active_nav');
			}
			
        });
    
        $(window).resize(function () {
            sticky = navbar.offsetTop - 44;
        });
        
        if (window.location.hash) {
            var kategoria = window.location.hash.substr(1);
            $('html,body').animate({
                scrollTop: $("body").find("[data-realid='" + kategoria +"']").offset().top - 60
            }, 'slow');
        }		
		
	});
	
});