/*jshint multistr: true */
/*global jQuery*/


/* Accessibility */
(function(document, window){

	'use strict';

	if (!document || !window) {
		return;
	}
	
	var styleText = '::-moz-focus-inner{border:0 !important;}:focus{outline: none !important;';
	var unfocus_style = document.createElement('STYLE');

	window.unfocus = function(){
		document.getElementsByTagName('HEAD')[0].appendChild(unfocus_style);

		document.addEventListener('mousedown', function(){
			unfocus_style.innerHTML = styleText+'}';
		});
		document.addEventListener('keydown', function(){
			unfocus_style.innerHTML = '';
		});
	};

	unfocus.style = function(style){
		styleText += style;
	};

	unfocus();
})(document, window);

// DOCUMENT READY
jQuery(document).ready(function(){

	'use strict';

	/* dark or light skin */
	var skin = soulkitchen_variables.skin;
	function themeskin(){ return [skin]; }

	/* shop product font source for WC blocks */
	var shopproductfont = soulkitchen_variables.shopproductfont;
	jQuery( ".wc-block-grid" ).addClass('product-title-' + shopproductfont);


	/** MASONRY ********************************************************************************/
	var jQuerycontainer = jQuery('.masonry');

	// RTL
	if (jQuery('body').hasClass("rtl")) {
	     var rtlorigin = false;
	} else {
	     var rtlorigin = true;
	}

	jQuerycontainer.imagesLoaded( function() {
	  	jQuerycontainer.masonry({
	  		itemSelector: '.masonry-item',
		  	isOriginLeft: rtlorigin
	  		});
	});

	var jQuerygallerycontainer = jQuery('.gallery');
	jQuerygallerycontainer.imagesLoaded( function() {
	  	jQuerygallerycontainer.masonry({
		  	itemSelector: '.gallery-item',
		  	gutter: 12,
		  	percentPosition: true,
		  	isOriginLeft: rtlorigin
		});
	});

	// wp gallery block
	var jQueryblockgallerycontainer = jQuery('.wp-block-gallery:not(.is-cropped)');
	jQueryblockgallerycontainer.imagesLoaded( function() {
	  	jQueryblockgallerycontainer.masonry({
		  	itemSelector: '.blocks-gallery-item',
		  	gutter: 16,
		  	percentPosition: true,
		  	isOriginLeft: rtlorigin
		});
	});

	/* gallery block */
	var jQuerygallerygrid = jQuery('.gallery-images-masonry');
	jQuerygallerygrid.imagesLoaded( function() {
	  	jQuerygallerygrid.masonry({
		  	percentPosition: true,
		});
	});

	/* contentboxes  block */
	var jQuerycontentboxesgrid = jQuery('.contentboxes-masonry');
	jQuerycontentboxesgrid.imagesLoaded( function() {
	  	jQuerycontentboxesgrid.masonry({
		  	percentPosition: true,
		  	isOriginLeft: rtlorigin
		});
	});
	
	// menu block
	var jQuerygridnested = jQuery('.menu-items.masonry-nested');
	jQuerygridnested.imagesLoaded( function() {
	  	jQuerygridnested.masonry({
		  	itemSelector: '.masonry-box-nested',
		  	percentPosition: true,
		  	transitionDuration: 0,
		  	stamp: '.stamp',
		  	isOriginLeft: rtlorigin
		});
	});

	var jQuerymenugrid = jQuery('.menu-categories.menu-masonry');
	jQuerymenugrid.imagesLoaded( function() {
	  	jQuerymenugrid.masonry({
		  	itemSelector: '.masonry-box',
		  	percentPosition: true,
		  	transitionDuration: 0,
		  	isOriginLeft: rtlorigin
		});
	});


	/** MENU TABS ***********************************************************/
	var masonrynestedUpdate = function() {
		setTimeout(function() {
		var jQuerygridnested = jQuery('.menu-items.masonry-nested');
		jQuerygridnested.masonry({
		  	itemSelector: '.masonry-box-nested',
		  	percentPosition: true,
		  	transitionDuration: 0,
		  	isOriginLeft: rtlorigin
		});
		}, 0);
	};
	var masonryUpdate = function() {
		setTimeout(function() {
		var jQuerymenugrid = jQuery('.menu-categories.menu-masonry');
		jQuerymenugrid.masonry({
		  	itemSelector: '.masonry-box',
		  	percentPosition: true,
		  	transitionDuration: 0,
		  	isOriginLeft: rtlorigin
		});
		}, 0);
	};

	jQuery('.redsun-tabs a.button').on('click', function(e)  {
		var jQuerygridnested = jQuery('.menu-items.masonry-nested');
		var jQuerymenugrid = jQuery('.menu-categories.menu-masonry');
		jQuerygridnested.on('click', masonrynestedUpdate);
		jQuerymenugrid.on('click', masonryUpdate);
		e.preventDefault();  
	});

	jQuery( '.redsun-tabs' ).each(function() {
		jQuery( this ).find('li:first').addClass('active');
	});

	jQuery( '.redsun-tabs' ).each(function() {
		jQuery( this ).find('li:first').addClass('active');
	});

	jQuery( '.redsun-tabs' ).each(function() {
		jQuery( this ).find('a:first').show(); 
	});

	jQuery( '.redsun-tabs' ).each(function() {
		jQuery( this ).find('.tabpanel').not(':first').hide();
	});

	jQuery( '.redsun-tabs a' ).on('click', function(){

		jQuery(this).parent( ".menu-tab" ).addClass('active');
		jQuery(this).parent( ".menu-tab" ).siblings().removeClass('active');
		jQuery(this).addClass('active').siblings().removeClass('active');

		jQuery(jQuery(this).attr('href')).show().addClass('active').removeClass('sibling');
		jQuery(jQuery(this).attr('href')).siblings().addClass('sibling').removeClass('active');

		jQuery('.tabpanel.sibling').hide();
		jQuery('.tabpanel.active').show();
		
		var jQuerygridnested = jQuery('.menu-items.masonry-nested');
		var jQuerymenugrid = jQuery('.menu-categories.menu-masonry');
		jQuerygridnested.masonry('layout');
		jQuerymenugrid.masonry('layout');

		return false;
	});


	/** WP GALLERY HOVER ***********************************************************/
	jQuery('.gallery-item').on({
		mouseenter: function() {
			jQuery(this).addClass('gallery-item-hover');
		}, mouseleave: function() {
			jQuery(this).removeClass('gallery-item-hover');
		}
	});

	/** SEARCH OVERLAY ************************************************************/
	jQuery( document ).ready(function() {
		jQuery(document).on('click', '.search-close', function(){
			jQuery('#search-overlay').fadeOut();
		});
		jQuery(document).on('click', '.searchbutton', function(){
			jQuery('#search-overlay').fadeIn();
			jQuery('.search-content-wrap .search-field').trigger( "focus" );

		});
	});

	/* Side Navi */
	jQuery('.navi-wrap-responsive.navi-wrap-sidemenu').addClass('hide');
        jQuery('#toggle-sidenavi').on('click', function() {
		jQuery('#toggle-sidenavi .bar').toggleClass('animate');
		jQuery('.navi-wrap-responsive.navi-wrap-sidemenu').css( "display" , "block" );
		jQuery('.navi-wrap-responsive.navi-wrap-sidemenu').toggleClass('show');
		jQuery('.navi-wrap-responsive.navi-wrap-sidemenu').toggleClass('hide');

	});


        // remove anchor tag from side menu items that link to #
	jQuery(".navi-wrap-responsive.navi-wrap-sidemenu .menu-main-menu-container").find("a[href$='\\#']").each(function(){
		var linkText = jQuery(this).text();
		jQuery(this).before(linkText);
		jQuery(this).remove();
		});


        // Side Navi #links
        jQuery('.navi-wrap-responsive.navi-wrap-sidemenu a').on('click', function() {
        	jQuery('#toggle-sidenavi .bar').removeClass('animate');
		jQuery('.navi-wrap-responsive.navi-wrap-sidemenu').css( "display" , "none" );
		jQuery('.navi-wrap-responsive.navi-wrap-sidemenu').removeClass('show');
		jQuery('.navi-wrap-responsive.navi-wrap-sidemenu').addClass('hide');

	});

	// Hide Side Navi if click outside #header
	jQuery(document).on("click", function(event){
	        if(!jQuery(event.target).closest("#header").length){

			jQuery('#toggle-sidenavi .bar').removeClass('animate');
			jQuery('.navi-wrap-responsive.navi-wrap-sidemenu').css( "display" , "none" );
			jQuery('.navi-wrap-responsive.navi-wrap-sidemenu').removeClass('show');
			jQuery('.navi-wrap-responsive.navi-wrap-sidemenu').addClass('hide');
	        }
	});

	/* Responsive Navigation */
        jQuery('#toggle').on('click', function() {
		jQuery('#toggle .bar').toggleClass('animate');
		jQuery('#header.has-transparent-header').toggleClass('transparent-header');
		jQuery('.navi-wrap-responsive').slideToggle(200);
		jQuery('header img.logoimage').attr('src', soulkitchen_variables.custom_logo_url);
		jQuery('header.transparent-header.transparent-header-color img.logoimage').attr('src', soulkitchen_variables.transparent_logo_url);

	});

        jQuery('.navi-wrap-responsive .menu-item a').on('click', function() {
		jQuery('.navi-wrap-responsive').slideUp(200);
		jQuery('#toggle .bar').removeClass('animate');
		jQuery('header.transparent-header.transparent-header-color img.logoimage').attr('src', soulkitchen_variables.transparent_logo_url);
	});

        jQuery('.navi-wrap-responsive .menu-item-has-children').addClass('open');
        jQuery('.navi-wrap-responsive .menu-item-has-children').on('click', function() {
        	jQuery(this).first().toggleClass('open');
	});

        jQuery('.navi-wrap-responsive .menu-item-has-children').on('click', function() {
		jQuery(this).find('.sub-menu').first().slideToggle(200);

	});

	jQuery(".navi-wrap-responsive .menu-item-has-children *").on('click', function(e) {
	        e.stopPropagation();
	});


	jQuery('.navi-wrap-responsive .menu-item a[href^="#"]').on('click', function(){
		jQuery('#toggle .bar').toggleClass('animate');
		jQuery('#header.has-transparent-header').toggleClass('transparent-header');
		jQuery('header.transparent-header.transparent-header-color img.logoimage').attr('src', soulkitchen_variables.transparent_logo_url);
	});


	/** SIMPLE LIGHTBOX ***********************************************************/
	/* moved to simple-lightbox.js! */



}); // END DOCUMENT READY



/** RESIZING  ********************************************************************************/
//Initial load of page
jQuery(window).on('load',sizeContent);

//Every resize of window
jQuery(window).on('resize',sizeContent);

//Dynamically assign height and width
function sizeContent() {

	'use strict';

	var windowWidth = jQuery(window).width();
	var windowHeight = jQuery(window).height();
	var newHeight = jQuery(window).height();
        var wpadmin = jQuery('#wpadminbar').height();
        var headerHeight = jQuery("header").height(); 
        var topbarHeight = jQuery(".topbar").height(); 
        var viewheight = windowHeight - wpadmin - topbarHeight - headerHeight;


        /* hero */
	jQuery('.section-hero').each(function(){
		var imageheight = jQuery(this).find('.hero-background').height();
		var contentheight = jQuery(this).find('.hero-content').outerHeight();
		
		if (contentheight > imageheight ) {
		       jQuery(this).find('.hero-background').css( "height" , contentheight );
		}  else if (imageheight > contentheight  ) {
		       jQuery(this).find('.hero-background').css( "height" , '' );
		}
	});

	/* top bar wrap & topbar text center */
	var topbartext= jQuery(".topbar-text-wrap").outerWidth(); 
	var topbarright = jQuery(".topbar-right").outerWidth(); 

	if (jQuery('.topbar-left').length){
		var topbarleft = topbarright; 
	} else {
		var topbarleft = 0;
	}

	var topbarRight = jQuery('.topbar-right').outerWidth();
	var topbarcontent = topbartext + topbarRight + topbarleft + 120;
	if (topbarcontent > windowWidth ) {
		jQuery('.topbar-content').addClass( 'is-wrapped' );
		jQuery('.topbar-content').removeClass( 'not-wrapped' );
		jQuery(".topbar-content.center .topbar-left").css("width", 0);
	} else if (topbarcontent < windowWidth ) {
		jQuery('.topbar-content').addClass( 'not-wrapped' );
		jQuery('.topbar-content').removeClass( 'is-wrapped' );
		jQuery(".topbar-content.center .topbar-left").css("width", topbarRight);
	}
	
	// content box one third and two third round numbers  
	var contentboxeswidth = jQuery(".contentboxes-masonry").width(); 
	var onethirdwidth = contentboxeswidth / 3; 
	var onethirdwidthround = Math.round(onethirdwidth);
	var twothirdwidthround = onethirdwidthround * 2; 

	jQuery('.contentboxes-image-wrap.one-third-width').each(function(){
		jQuery(this).css( "width" , onethirdwidthround );
	});

	jQuery('.contentboxes-image-wrap.two-third-width').each(function(){
		jQuery(this).css( "width" , twothirdwidthround );
	});

	//content boxes height - 100% (square)    
	jQuery('.contentboxes-image-wrap.square').each(function(){
		var boxheight = jQuery(this).find('.contentboxes-content').outerHeight();
		var boxwidth = jQuery(this).outerWidth() ;

		if (boxheight < boxwidth ) {
		       jQuery(this).addClass( 'use-defined-height centered-content' );
		} else if (boxheight > boxwidth) {
		       jQuery(this).removeClass( 'use-defined-height centered-content' );
		} 
	});


	//content boxes height - half 50% (landscape)       
	jQuery('.contentboxes-image-wrap.half-height').each(function(){
		var boxheight = jQuery(this).find('.contentboxes-content').outerHeight();
		var halfboxheight = boxheight * 2;
		var boxwidth = jQuery(this).width();
		
		if (halfboxheight < boxwidth ) {
		       jQuery(this).addClass( 'use-defined-height' );
		} else if (halfboxheight > boxwidth) {
		       jQuery(this).removeClass( 'use-defined-height');
		} 
	});

	//content boxes height - half 75% (landscape high)       
	jQuery('.contentboxes-image-wrap.three-quarter-height').each(function(){
		var boxheight = jQuery(this).find('.contentboxes-content').outerHeight();
		var threequarterboxheight = boxheight * 1.34;
		var boxwidth = jQuery(this).width();
		
		if (threequarterboxheight < boxwidth ) {
		       jQuery(this).addClass( 'use-defined-height' );
		} else if (threequarterboxheight > boxwidth) {
		       jQuery(this).removeClass( 'use-defined-height');
		} 
	});

	//content boxes height - portrait       
	jQuery('.contentboxes-image-wrap.one-and-a-half-height').each(function(){
		var boxheight = jQuery(this).find('.contentboxes-content').height();
		var oneandahalfheight = boxheight / 1.5;
		var boxwidth = jQuery(this).width();
		
		if (oneandahalfheight < boxwidth ) {
		       jQuery(this).addClass( 'use-defined-height' );
		} else if (oneandahalfheight > boxwidth) {
		       jQuery(this).removeClass( 'use-defined-height');
		} 
	});

	//content boxes height - portrait high       
	jQuery('.contentboxes-image-wrap.double-height').each(function(){
		var boxheight = jQuery(this).find('.contentboxes-content').outerHeight();
		var doubleheight = boxheight / 2;
		var boxwidth = jQuery(this).width();
		
		if (doubleheight < boxwidth ) {
		       jQuery(this).addClass( 'use-defined-height' );
		} else if (doubleheight > boxwidth) {
		       jQuery(this).removeClass( 'use-defined-height');
		} 
	});



	/* Navigation with centered logo *******************/

	// menu total width
	var totalWidth = 0;
	jQuery('.header1 ul.menu-logo-centered > li').each(function(index) {
    		totalWidth += parseInt(jQuery(this).outerWidth(), 10);
	});

	// left menu inkl logo width
	var leftAndLogoWidth = 0;
	var leftitems = jQuery('.main-navigation').data('leftitems');
	jQuery('ul.menu-logo-centered > li:nth-child(-n+'+ leftitems +')').each(function(index) {
	      leftAndLogoWidth += parseInt(jQuery(this).outerWidth(), 10);
	});

	// logo width
	var logoWidth = jQuery('ul.menu-logo-centered .menu-item-logo').outerWidth();

	// left menu width
	var leftWidth = (leftAndLogoWidth - logoWidth );

	// right menu width	
	var rightWidth = (totalWidth - leftAndLogoWidth );

	// padding left
	var padding = (rightWidth - leftWidth);
	if (padding > 0) {
	    	jQuery(".navi-items-centered .main-navigation ul.menu-logo-centered").css("padding-left", padding);
	    	jQuery(".navi-items-space-between .main-navigation ul.menu-logo-centered .menu-item-logo").css("padding-left", padding + 18);
	} else {
		var paddingRight = Math.abs(padding);
		jQuery(".navi-items-centered ul.menu-logo-centered").css("padding-right", paddingRight);
		jQuery(".navi-items-space-between .main-navigation ul.menu-logo-centered .menu-item-logo").css("padding-right", paddingRight + 18 );
	}


	/** TRANSPARENT HEADER ******************************/
	jQuery(window).on( 'scroll', function() {
	if (jQuery(this).scrollTop() > 200){
		jQuery('header.transparent-header').addClass('stuck');
		jQuery('header.transparent-header.transparent-header-color img.logoimage').attr('src', soulkitchen_variables.custom_logo_url);
	} else {
		jQuery('header.transparent-header').removeClass("stuck");
		jQuery('header.transparent-header.transparent-header-color img.logoimage').attr('src', soulkitchen_variables.transparent_logo_url);
	}
	});

}




// WINDOW LOAD
jQuery(window).on('load', function () {
	
	'use strict';

	/** WordPress blocks styles ********************************************************/
	jQuery( ".subtitle-block" ).next().css( "margin-top", "12px" );
	jQuery( ".subtitle-above" ).next().css( "margin-top", "12px" );
	jQuery( ".divider-block" ).next().css( "margin-top", "24px" );

	// Page Title Padding Top for transparent Headers
	var transparentheaderheight = jQuery('.has-transparent-header #header-regular').height();
	jQuery('.page-thumb-content').css( "padding-top" , transparentheaderheight / 2 );

	// layout masonry after each image loads
	var jQuerycontainer = jQuery('.masonry');
	jQuerycontainer.imagesLoaded( function() {
			jQuerycontainer.masonry('layout');
	});

	var jQuerycontentboxesgrid = jQuery('.contentboxes-masonry');
	jQuerycontentboxesgrid.imagesLoaded( function() {
	  	jQuerycontentboxesgrid.masonry('layout');
	});

	var jQuerygallerycontainer = jQuery('.gallery');
	jQuerygallerycontainer.imagesLoaded( function() {
	  	jQuerygallerycontainer.masonry('layout');
	});

	var jQueryblockgallerycontainer = jQuery('.wp-block-gallery:not(.is-cropped)');
	jQueryblockgallerycontainer.imagesLoaded( function() {
	  	jQueryblockgallerycontainer.masonry('layout');
	});

	var jQuerygallerygrid = jQuery('.gallery-images.masonry');
	jQuerygallerygrid.imagesLoaded( function() {
	  	jQuerygallerygrid.masonry('layout');
	});

	var jQuerygridnested = jQuery('.menu-items.masonry-nested');
	jQuerygridnested.imagesLoaded( function() {
	  	jQuerygridnested.masonry('layout');
	});

	var jQuerymenugrid = jQuery('.menu-categories.menu-masonry');
	jQuerymenugrid.imagesLoaded( function() {
	  	jQuerymenugrid.masonry('layout');
	});


	/** Animate on scroll *************************************************************/
	jQuery('body').imagesLoaded( function() {
		AOS.init({
			duration: 600,
			once: true,
			disable: 'mobile',
		});
	});

	document.querySelectorAll('img')
		.forEach((img) =>
		img.addEventListener('load', () =>
		AOS.refresh()
		)
	);

	/** Q&A slide up and down ********************************************************/
	jQuery(function() {

		'use strict';

		jQuery('.question').on('click', function(e) {

			e.preventDefault();

			if (jQuery(this).hasClass('active')) {
				jQuery(this).removeClass('active');
				jQuery(this).next()
				.stop()
				.slideUp(300);
			} else {
				jQuery(this).addClass('active');
				jQuery(this).next()
				.stop()
				.slideDown(300);
			}
		});
	});

	/* Navigation chevron arrow icons*/
	jQuery(".main-navigation ul.primary-menu > li.menu-item-has-children > a").after("<i class=chevron-down></i>");

});