$(document).foundation().ready(function(){
	
	
	$(".toggle-navigation").toggleSearchNavigation();
	
	$("#header").fixednav();
	
	
	
	$(window).scroll(function(){
		$(".image-showcase .cell").css("opacity", 1 - $(window).scrollTop() / 250);
	});
	
	
	$('#acceptCookie').on("click",function(event)
	{
		event.preventDefault();

		var cookies = $(this).closest(".cookies");
		
		$.ajax({
			type: 'POST',
			url: "accept-cookies",
			success: function (response) {
				$("#cookies").slideUp("fast");	
			}	
		});
	});
	
	
	$(".xl-image").Xlimage();
	
	
	$("#share-article").jsSocials({
		showLabel: false,
		showCount: false,
		shares: ["linkedin", "twitter", "facebook", "googleplus","whatsapp","email"]
	});
	
	
});



$.fn.Xlimage = function(element, options){
	
	return this.each(function(){
				
		var imageSection 	= $(this);
		var grid_count		= $(".grid-default").length;
		var min_height		= 0;
		
		imageSection.settings = {}
		
	    var defaults = {}			
		
		
		imageSection.init = function()
		{
			// extend options
			imageSection.settings = $.extend({}, defaults, options);
			
			var cells = imageSection.find(".cell");
			
			
			imageSection.setOriginalHeight(cells);
			imageSection.attr("data-equalize-on","medium").attr("id","fdsafdsak");
			
			if(grid_count == 1)
			{	
				imageSection.onResizeWindow();
				imageSection.resizeWindow();
			}
			else{
					
				cells.each(function(){
					$(this).attr("data-equalizer-watch",true);
				
				});
				
				var eq 	= new Foundation.Equalizer(imageSection);
				//imageSection.foundation('getHeights', imageSection.setHeight);
			
			}
						
		}
		
		imageSection.setOriginalHeight = function (cells){
			
			cells.each(function(){
				if($(this).height() > min_height) min_height = $(this).height();
				
			});
						
		}
		
		imageSection.resizeWindow = function()
		{
			var wdh 	= $(window).height();
			var h 		= wdh - $("#header").height() - $("footer").height() -72;
			if(h < min_height) h = min_height;
					
			imageSection.find(".cell").height(h);
		}
		
		imageSection.onResizeWindow = function()
		{

			$( window ).resize(function() {
			
				imageSection.resizeWindow();
			
			});
			
		}
		
		imageSection.setHeight = function(height_arr)
		{
			imageSection.foundation('applyHeight', height_arr);
			
		}

		
		// init the plugin
	    imageSection.init();
		
		
		
	});
	
}






/*
 * fixed navigation
 */
$.fn.fixednav = function(){
	
	var shrinkHeader 	= $('#header').height();
	var lastScrollTop	 = 0;
	
	$(window).scroll(function() {

		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();	
	
}


/*
 * 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("#header");
		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()
	{

		if( navcopied == false )
		{	
			/*var li_element	= $('<li class="hide-for-large"></li>');			
			var sub_items	= $(".login-menu a");
			
			sub_items.each(function(){
				
				var element = $('<a href="'+ $(this).attr("href") +'" target="_blank" class="'+ $(this).attr("class") +'">'+ $(this).html() +'</a>');
				li_element.append(element);
				
			});
			
			$("#responsive-menu ul").append( li_element );		
			navcopied = true;*/
		}
	}
	
	var deleteNav = function()
	{
		// delete inserted navs
		$(".sub-items").remove();
		navcopied = false; 	
	}
}