$(document).foundation().ready(function(){
	
	//$(document).pjax('a', '#ajax-container');
	
	// toggle navigation
	$(".toggle-navigation").toggleSearchNavigation();
	
	
	// cookie accept
	$('#acceptCookie').on("click",function(event)
	{
		event.preventDefault();

		var cookies = $(this).closest(".cookies");
		
		$.ajax({
			type: 'POST',
			url: "accept-cookies",
			success: function (response) {
				$("#cookies").slideUp("fast");	
			}	
		});
	});
	

	// check form response	
	$(".form-response").checkIsSent();

	
	$('.image-showcase').slick({
		infinite: true,
		autoplay: true,
		//autoplaySpeed: 5000,
		//centerMode: true,
		//centerPadding: '0',
		//slidesToShow: 1,
		arrows:true,
		speed: 1000,
		useTransform: true,
		nextArrow: '<button class="next"></button>',
		prevArrow: '<button class="back"></button>',
		pauseOnHover: false
		//appendArrows: $(".site")
		//cssEase: "cubic-bezier(0.445, 0.050, 0.550, 0.950)",
	})
	.on('beforeChange', function(event, slick, currentSlide, nextSlide){
		
							
		if(currentSlide == 0 && $(this).hasClass("projecten"))
		{	
			$(".text-column").removeClass("toRight").addClass("toLeft").fadeOut();
			$(".blur").fadeOut();

		}
		else if(nextSlide == 0 && $(this).hasClass("projecten"))
		{
			$(".text-column").fadeIn().removeClass("toRight").addClass("toRight");
			$(".blur").fadeIn();
		}
	
    });
	
	$("img.lazy").Lazy({
        effect: 'fadeIn'
    });
	
	// fixed navigation
	$("#header").fixednav();
	
	$(".image-slider").slick({
		infinite: true,
		autoplay: true,
		arrows:false,
		speed: 2500,
	})
	
	
});

/*
 * check if a form has been submitted
 */
$.fn.checkIsSent = function(){
	
	return this.each(function(){

		var form	= $(this);
		
		
		form.init = function()
		{	
			var s 	= form.getUrlParameter("s");
			var id 	= form.getUrlParameter("id");
			var h 	= form.getUrlParameter("h");
			
			if(s == 1)
			{	

				$('html, body').animate({
					scrollTop: form.offset().top -200
				}, 1000);
									
			}

		}
		
		
		form.getUrlParameter = function(sParam){
			
		    var sPageURL = decodeURIComponent(window.location.search.substring(1)),
		        sURLVariables = sPageURL.split('&'),
		        sParameterName,
		        i;

		    for (i = 0; i < sURLVariables.length; i++) {
		        sParameterName = sURLVariables[i].split('=');

		        if (sParameterName[0] === sParam) {
		            return sParameterName[1] === undefined ? true : sParameterName[1];
		        }
		    }
			
		};
				
		// init the plugin
	    form.init();
		
		
	});
}



/*
 * toggle navigation
 */
$.fn.toggleSearchNavigation = function()
{
	var shadeout		= null; 
	var fadeDelay 		= 500; 
	var menu_el			= new Foundation.ResponsiveToggle('.toggle-menu');
	var toggle_nav		= $(this);
	var navcopied		= false;
	
	var close_search	= $('.close-search');
	var search 			= $('#search-products');
	
	$(this).on("click",function(event) 
	{	
		// toggle open class
		$(this).toggleClass('open');
		$("#header").toggleClass('open');
		
		// create mask element if not exists
		if( $(".shade-out").length == 0 ) createShadeOut();
		
		// open
		if( !$(this).hasClass("open") )
		{
			// hide shade-out
			shadeout.removeClass("is-open").delay(fadeDelay).fadeOut("fast");	
		}
		else
		{	
			// show shade-out
			shadeout.addClass("is-open").hide().fadeIn("fast");	
		}
		
		// copy nav
		if( navcopied == false ) copyNav();
		else deleteNav();
					
	});
	
	$(".toggle-search").on("click",function(event) 
	{	
		
		$("#header").toggleClass('navigation-open');
		
		if($("#header").hasClass('navigation-open')){
			setTimeout(function(){
				$("#q").focus();
			},100)

		}
			
	});
	
	$('.close-search').on("click",function(event)
	{	
	
		$("#header").toggleClass('navigation-open');
		
	});
	
	var createShadeOut = function()
	{
		shadeout = $('<div class="shade-out"></div>').hide();
		shadeout.insertAfter(".site");
		shadeout.on("click",function(event)
		{	
			// fade shade
			hideShadeOut();
			
			// close menu
			menu_el.toggleMenu('close');
			
			//	
			toggle_nav.toggleClass('open');
			
		});	
	}
	
	var hideShadeOut = function()
	{
		// hide shade-out
		shadeout.removeClass("is-open").delay(fadeDelay).fadeOut("fast");				
	}
	
	var copyNav = function()
	{
		//var html = $('<li class="hide-for-large"><a href="agenda">Evenementenkalender</a></li>\
		//				<li class="hide-for-large"><a href="bezoekersinformatie">Bezoekersinformatie</a></li>\
		//				<li class="hide-for-large"><a href="tel:+31307210601" class="show-inline"><i class="fal fa-phone" aria-hidden="true"></i></a> <a href="mailto:info@slotzeist.nl" class="show-inline"><i class="fal fa-envelope"></i></a></li>');
		
		if( navcopied == false )
		{	
		//	html.insertBefore( $("#search-site") );
			navcopied = true;
		}
	}
	
	var deleteNav = function()
	{
		// delete inserted navs
		//$(".sub-items").remove();
		///navcopied = false; 	
	}
	
}


/*
 * Fixed header nav
 */
$.fn.fixednav = function(){
	
	var shrinkHeader 	= $('#header').height();
	var lastScrollTop	 = 0;
	
	$(window).scroll(function() {
		
		//console.log($('#header').height());

		var scrollYpos = getCurrentScroll();

		if(scrollYpos >= shrinkHeader) $('#header').addClass('has-scrolled');
		else $('#header').removeClass('has-scrolled');
		
		// scrolling up
		//if (scrollYpos < lastScrollTop) $('#header').removeClass('has-scrolled');
		 
		// set scroll pos
		lastScrollTop =  scrollYpos;
		
	});
	
	function getCurrentScroll()
	{
    	return window.pageYOffset;
    }
	
	function checkScrollPosition()
	{
		var scroll = getCurrentScroll();
		if(scroll >= shrinkHeader) $('#header').addClass('has-scrolled');
	}
	
	checkScrollPosition();	
	
}