// Blocs JS v4.4
document.addEventListener('DOMContentLoaded', function()
{
  	setUpNavExtras();
	setUpSpecialNavs();
	setUpLightBox();
	setUpVisibilityToggle();
	setUpClassToggle();
	setUpImgProtection();
	applyFormProtection();
	initCarouselProgressBars();
	
	// Initialise Tool tips
	$('[data-toggle="tooltip"]').tooltip();

	// Auto Stop Videos When Modal Closes
	$('.modal').on('hidden.bs.modal', function (e){e.target.querySelectorAll(".embed-responsive-item").forEach(videoItem =>{if (videoItem.tagName=='VIDEO'){videoItem.pause();}else{videoItem.setAttribute('src',videoItem.getAttribute('data-src'));}});});

	initBlocsInteractions('[data-custom-interaction-click],[data-custom-interaction-mouseover],[data-custom-interaction-mouseleave]');

	document.querySelectorAll("a[onclick^=\"scrollToTarget\"]").forEach(function(targetObj){targetObj.addEventListener("click", function(e){e.preventDefault();});}); // Prevent page jump on scroll to links
	document.querySelectorAll(".nav-item [data-active-page]").forEach(function(targetObj){targetObj.classList.add(targetObj.getAttribute('data-active-page'));}); // Apply Active Link Classes

	// Internet Explorer Polyfill .closest()
	window.Element&&!Element.prototype.closest&&(Element.prototype.closest=function(e){var t,o=(this.document||this.ownerDocument).querySelectorAll(e),n=this;do{for(t=o.length;--t>=0&&o.item(t)!==n;);}while(t<0&&(n=n.parentElement));return n});

	// Internet Explorer Polyfill .matches()
	if (!Element.prototype.matches) {Element.prototype.matches = Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector;};

	// Dark Mode
	if (window.matchMedia("(prefers-color-scheme: dark)").matches) {document.body.classList.add("dark-theme");}

	// Internet Explorer & Safari Polyfill .ScrollTo() - Animates
	scrollToPolyFill();
});

// Loading page complete
window.addEventListener("load", function() 
{
	hideAll();
	inViewCheck();
	
	window.addEventListener("scroll", function() {
		inViewCheck();
		scrollBtnVisible();
		stickyBlocs();
	});	

	var preloader = document.getElementById('page-loading-blocs-notifaction');
	
	// Remove page loading UI
	if (preloader)
	{
		preloader.classList.add('preloader-complete');
	}

	// Add Motion Ready Class
	requestAnimationFrame(() => {document.documentElement.classList.add('page-motion-ready');});
});

// Set Up Special NavBars 
function setUpSpecialNavs()
{
	document.querySelectorAll(".navbar-toggler").forEach(function(targetObj)
	{
		targetObj.addEventListener("click", function(e)
		{
			var targetJSNav = e.target.closest('nav');
			var targetMenu = targetJSNav.querySelector('ul.site-navigation');
			var menuHTML = targetMenu.parentNode.innerHTML;
	
			if (targetMenu.parentNode.matches('.fullscreen-nav, .sidebar-nav')) // Special navigation menu
			{
				e.stopPropagation(); // Dont do this is normal menu in use
				targetMenu.parentNode.classList.add('nav-special');
				
				if (!e.target.classList.contains('selected-nav')) // Open menu
				{
					e.target.classList.add('selected-nav');
					var navClasses = targetJSNav.getAttribute('class').replace('navbar','').replace('row','').replace('hover-open-submenu','');
					var menuClasses = targetMenu.parentNode.getAttribute('class').replace('navbar-collapse','').replace('collapse','').replace('collapsing','');

					if (!document.querySelector('.content-tint'))
					{
						document.body.insertAdjacentHTML("beforeend","<div class=\"content-tint\"></div>");
					}

					// Add menu HTML
					document.querySelector(".page-container").insertAdjacentHTML("beforebegin","<div class=\"blocsapp-special-menu "+navClasses+"\"><blocsnav tabindex=\"-1\" class=\""+menuClasses+"\">"+menuHTML+"</div>");
					initBlocsInteractions('.blocsapp-special-menu [data-custom-interaction-click], .blocsapp-special-menu [data-custom-interaction-mouseover], .blocsapp-special-menu [data-custom-interaction-mouseleave]');

					// Add close button
					document.querySelector("blocsnav").insertAdjacentHTML("afterbegin","<a tabindex=\"0\" class=\"close-special-menu animated fadeIn animDelay06\"><div class=\"close-icon\"></div></a>");
					
					animateNavItems();
					
					setTimeout(function()
					{
						document.querySelector(".blocsapp-special-menu blocsnav").classList.add("open");
						document.querySelector(".content-tint").classList.add("on");
						document.body.classList.add("lock-scroll");
						document.body.classList.add("lock-scroll");
						document.querySelector("blocsnav").focus();
					}, 10);
				}
				else // Close menu
				{
					document.querySelector(".close-special-menu").remove();
					document.querySelector(".blocsapp-special-menu blocsnav").classList.remove("open");
					document.querySelector(".selected-nav").classList.remove("selected-nav");

					setTimeout(function()
					{
						document.querySelector('.blocsapp-special-menu').remove();
						document.body.classList.remove('lock-scroll');
						document.querySelector('.nav-special').classList.remove('nav-special');
					}, 300);
				}
			}
		})	
	});


	// Handle special menu link click
	delegateSelector('body', "click", '.blocsapp-special-menu a', function(e)
	{
		if (!e.target.closest('.dropdown-toggle')) // Not Dropdown
		{
			if (e.target.hasAttribute('href') && e.target.closest('.fullscreen-nav'))
			{
				const href = e.target.getAttribute('href');
        
		        if (!href.startsWith('#')) // Anchor Link
		        {
		            return;
		        }
			}
			
			hideNav();
		}  
	});

	// Handle tint and close button touch events
	delegateSelector('body', "mousedown touchend", '.content-tint, .close-special-menu, .close-special-menu .close-icon', function(e)
	{
		hideNav();
	});

	// Animate Nav Items
	function animateNavItems()
	{
		var delay = 0;
		var increaseVal = 60;
		var animationStyle = "fadeInRight";
	
		if (document.querySelector(".blocsapp-special-menu blocsnav").classList.contains("fullscreen-nav")) // Full Screen
		{
			animationStyle = "fadeIn";
			increaseVal = 100;
		}
		else if (document.querySelector(".blocsapp-special-menu").classList.contains("nav-invert")) // Inverted
		{
			animationStyle = "fadeInLeft";
		}

		document.querySelectorAll(".blocsapp-special-menu blocsnav li").forEach(navItem =>
		{	
			if (navItem.parentNode.classList.contains("dropdown-menu")) // Not dropdown menu
			{
				navItem.classList.add.apply(navItem.classList,["animated","fadeIn"]);	
			}
			else
			{
				delay += increaseVal; 
				navItem.classList.add.apply(navItem.classList,["animated",animationStyle]);	
				navItem.setAttribute("style","animation-delay:"+delay+"ms")
			}
		});
	}
}

// Hide special navigation menu
function hideNav()
{
	document.querySelector('.content-tint').classList.remove("on");
	document.querySelector('.selected-nav').click();
	setTimeout(function(){document.querySelector('.content-tint').remove();}, 10);
}

// Extra Nav Functions
function setUpNavExtras()
{
	// Programically added nav item clicks
	delegateSelector('body', "click", '.dropdown-menu a.dropdown-toggle', function(e)
	{
		menuPosition(e.target);
	});

	document.querySelectorAll(".dropdown-menu a.dropdown-toggle").forEach(function(targetObj)
	{
		targetObj.addEventListener("click", function(e)
		{
			menuPosition(e.target);
		});
	});

	// Prevent multi level dropdown buttons resetting scroll position
	document.querySelectorAll("ul.dropdown-menu [data-toggle=dropdown]").forEach(function(targetObj)
	{
		targetObj.addEventListener("click", function(e)
		{
			e.stopPropagation();
		});
	});

	// Set Sub Menu Position
	function menuPosition(target)
	{
		var parentMenu = target.closest(".dropdown-menu");

		if (parentMenu)
		{
	        var subMenu = target.parentNode.querySelector(".dropdown-menu");
	    
	        if (!parentMenu.parentNode.classList.contains("navbar-nav"))
	        {
	        	if (!target.closest(".nav-special")) // Vanilla navigation
	        	{
	        		var x = (parentMenu.offsetWidth - 2);
	        		var targetMenu = target.parentNode.querySelector(".dropdown-menu");
	        		var targetMenuWidth = targetMenu.offsetWidth;
	        		subMenu.classList.remove('submenu-left');

	        		if (targetMenuWidth == 0)
	        		{
	        			targetMenuWidth = 160;
	        		}

	        		if ((parentMenu.getBoundingClientRect().left+targetMenuWidth+x) > window.innerWidth) // Offscreen
	        		{
	        			subMenu.classList.add('submenu-left');
	        		}
	        	}
	        }
		}
	}
}

// Scroll to target
function scrollToTarget(D,T)
{
	var scrollY = window.scrollY || document.documentElement.scrollTop,
        currentTime = 0,
        speed = 1000,
        scrollTargetY = 0; // Top of page (default)

	if (D == 0) // Next Bloc
	{
		scrollTargetY = T.closest('.bloc').offsetHeight;
	}
	else if (D == 2) // Bottom of Page
	{
		scrollTargetY = document.documentElement.scrollHeight
	}
	else if (D != 1) // Specific Bloc
	{
		D = /^[.#]/.test(D) ? D : `#${D}`;
		
		scrollTargetY = document.querySelector(D).getBoundingClientRect().top + window.scrollY;

		var stickyNav = document.querySelector(".sticky-nav");

		if (stickyNav) // Has sticky navigation
		{
			scrollTargetY -= stickyNav.offsetHeight;
		}
	}

	if (T) // Trigger Item Valid
	{
		if (T.matches("[data-scroll-speed]")) // Use assigned scroll speed
		{
			speed = parseInt(T.getAttribute("data-scroll-speed"));
		}
	}
	

	// Start Scroll Animation
    var time = Math.max(.1, Math.min(Math.abs(scrollY - scrollTargetY) / speed, .8));

    // Animate Scroll Frames
    function animateFrame()
    {
        currentTime += 1 / 60;

        var pos = currentTime / time;
        var ease = Math.sin(pos * (Math.PI / 2)); 
        var scrollPos = scrollTargetY;

        if (pos < 1)
        {
            requestAnimFrame(animateFrame);
            scrollPos = scrollY + ((scrollTargetY - scrollY) * ease);
        }

        window.scrollTo(0, scrollPos);
    }

    // Start Animation
    animateFrame();
}


// Handle Sticky Blocs
function stickyBlocs()
{
	document.querySelectorAll('.sticky-bloc, .sticky-nav').forEach(stickyBloc =>
	{
		if (stickyBloc)
		{
			var targetRect = stickyBloc.getBoundingClientRect();
			var offsetVal = (targetRect.top + window.scrollY); // Offset Value

			var classes = ["sticky"]; // Classes
			var targetContainer = document.querySelector(".page-container");
			var isFillScreenSticky = stickyBloc.classList.contains('fill-bloc-top-edge');
			
			if (isFillScreenSticky) // Nav in Hero Bloc
			{
				classes = ["sticky","animated","fadeIn"];
				targetContainer = document.querySelector(".fill-bloc-top-edge.sticky-nav").parentNode;
			}

			// Use stored Bloc offset
			if (stickyBloc.classList.contains('sticky'))
			{
				offsetVal = stickyBloc.getAttribute('data-original-offset')
			}

			// Get Current Padding Top
			var paddingTop = 0; 

			// Get Sticky Blocs
			const stickyElements = document.querySelectorAll('.sticky');

			if (stickyElements.length == 0)
			{
				// Current Bloc Height is Heigher Than Padding Top
				if (targetRect.height > paddingTop)
				{
					// Add Bloc Height
					paddingTop += targetRect.height;
				}
			}
			else
			{
				paddingTop = parseInt(window.getComputedStyle(targetContainer, null).getPropertyValue('padding-top')); 
			}

			// Get Total Stiuck Bloc Height
			let totalStuckHeight = 0;

			// Loop All Stuck Blocs
			stickyElements.forEach(element => {
			    totalStuckHeight += element.offsetHeight;
			});

			// Get Sticky Offset
			var stickyOffset = 0;

			if (stickyElements.length > 0)
			{
				stickyOffset += totalStuckHeight;

				if (!stickyBloc.classList.contains('sticky'))
				{
					offsetVal -= stickyOffset;
				}
			}

			// Get Current Scroll Position
			var currentScrollTop = window.pageYOffset || document.documentElement.scrollTop;

			// Bloc is on Edge of Screen
			if (currentScrollTop > offsetVal)
			{  
				if (!stickyBloc.classList.contains('sticky')) // Add Sticky
				{
					// Store Original Offset Scroll Position
					stickyBloc.setAttribute("data-original-offset",offsetVal);

					// Add Sticky Class To Bloc
					stickyBloc.classList.add.apply(stickyBloc.classList,classes);

					if (isFillScreenSticky)
					{
						stickyBloc.style.background = getBlocBgColor(targetContainer);
					}

					// Has Multiple Sticky Elements Adjust Top Padding
					if (stickyElements.length > 0)
					{
						paddingTop += targetRect.height;
					}

					// Set Page Container Top Padding Position
					targetContainer.style.paddingTop = paddingTop+'px';


					// Set Sticky Bloc Top Position
					stickyBloc.style.top = stickyOffset+'px';
				}
			}
			else if (stickyBloc.classList.contains('sticky')) // Remove Sticky
			{
				// Remove Sticky Attributes From Bloc
				stickyBloc.classList.remove.apply(stickyBloc.classList,classes);
				stickyBloc.removeAttribute("style");

				// Reduce Top Padding
				paddingTop -= targetRect.height;

				if (paddingTop < 0) // Below 0 Reset to 0
				{
					paddingTop = 0;
				}

				targetContainer.style.paddingTop = paddingTop+'px';
			}
		}
	});
}

// Get Bloc Background Color
function getBlocBgColor(targetContainer)
{
	var elementStyle = window.getComputedStyle(targetContainer ,null);
	var bgColor = elementStyle.getPropertyValue('background-color');
	var bgImg = elementStyle.getPropertyValue('background-image');
	if (targetContainer.classList.contains('b-parallax')) bgColor = window.getComputedStyle(targetContainer.querySelector('.parallax') ,null).getPropertyValue('background-color');
	if (bgColor == "rgba(0, 0, 0, 0)" && bgImg.indexOf('gradient') ==-1) bgColor = '#FFFFFF'; // Prevent Transparent
	return bgColor;
}

// Hide all animation elements
function hideAll()
{
	document.querySelectorAll('.animated').forEach(targetObj =>
	{	
		if ((!document.body.classList.contains('mob-disable-anim')) || (document.body.classList.contains('mob-disable-anim') && window.innerWidth > 767))
		{
			var targetRect = targetObj.getBoundingClientRect();
			var targetObjX = targetRect.top + (targetObj.offsetHeight/3);
			
			if (targetObjX > window.innerHeight) // Animation item below fold
			{
				targetObj.classList.remove("animated");
				targetObj.classList.add("hideMe");
			}
		}
	});
}

// Check if object is inView
function inViewCheck()
{	
	const hiddenItems = [].slice.call(document.querySelectorAll('.hideMe'), 0).reverse();
	
	hiddenItems.forEach(targetObj =>
	{
		var targetRect = targetObj.getBoundingClientRect();
		var offsetTop = (targetRect.top + window.scrollY);
		var a = offsetTop + targetObj.offsetHeight;
		var b = window.pageYOffset + window.innerHeight;
		
		if (targetObj.offsetHeight > window.innerHeight) // If object height is greater than window height
		{
			a = offsetTop
		}

		if (a < b) 
		{	
			var objectClass = targetObj.className.replace('hideMe','animated');
			targetObj.style.visibility = "hidden";
			targetObj.removeAttribute("class");

			setTimeout(function(){
				targetObj.style.visibility = "visible";
				targetObj.setAttribute('class',objectClass);
			},0.01);

			// Listen for animation end events
			var animEvents = ["webkitAnimationEnd", "mozAnimationEnd", "oAnimationEnd", "animationEnd"];
			animEvents.forEach(function(e)
			{
			  	window.addEventListener(e, function(event)
			  	{
			  		if (!targetObj.classList.contains('animLoopInfinite')) // Dont Remove Animation From Inifinite Loop
			  		{
			  			targetObj.classList.remove(targetObj.getAttribute("data-appear-anim-style"));
			  		}
				});
			});			
		}
	});
};

// Handle Scroll To Top Button Visibility
function scrollBtnVisible()
{
	var scrollBtn = document.querySelector('.scrollToTop');

	if (scrollBtn)
	{
		if (window.pageYOffset > (window.innerHeight/3))
		{	
			if (!scrollBtn.classList.contains('showScrollTop'))
			{
				scrollBtn.classList.add('showScrollTop');
			}	
		}
		else
		{
			scrollBtn.classList.remove('showScrollTop');
		}
	}
};

// Set Up Toggle Visibility
function setUpVisibilityToggle()
{
	document.querySelectorAll("[data-toggle-visibility]").forEach(function(targetObj)
	{
		targetObj.addEventListener("click", function(e)
		{
			e.preventDefault();
			var targetID = e.currentTarget.getAttribute('data-toggle-visibility');
			toggleElementVisibility(targetID);
		});
	});
}

// Toggle Visibility
function toggleElementVisibility(targetID)
{
	var targetArray = [targetID];

	if (targetID.indexOf(',')!=-1) // Has multiple targets
	{
		targetArray = targetID.split(',');
	}

	targetArray.forEach(function(targetID) // Loop IDs
	{
		targetID = /^[.#]/.test(targetID) ? targetID : `#${targetID}`;

		var targetObj = document.querySelector(targetID);

		if (targetObj) // Item Exists
		{
			if (!targetObj.classList.contains('toggled-item')) // Add toggle class
			{
		      	targetObj.classList.add('toggled-item');
			}

		    if (window.getComputedStyle(targetObj, null).getPropertyValue("height") == '0px' || targetObj.classList.contains('object-hidden')) // Show
		    {
		      	targetObj.classList.remove('object-hidden');
		      	targetObj.style.removeProperty("display");
		      	targetObj.style.height = 'auto';
		      	var height = targetObj.clientHeight + 'px';
		      	targetObj.style.height = '0px';
		      	targetObj.offsetHeight; // Force Reflow
		      	targetObj.classList.remove("toggled-item-hidden");
		      	setTimeout(function (){targetObj.style.height = height;}, 0);
		      	setTimeout(function (){targetObj.style.minHeight = height;targetObj.style.removeProperty("height");}, 360);
		    }
		    else // Hide
		    {
				targetObj.style.height = targetObj.scrollHeight + 'px'; // Start height
				targetObj.offsetHeight; // Force Reflow
				targetObj.style.removeProperty("min-height"); // Remove min-height
				targetObj.classList.add('toggled-item-hidden');
				window.setTimeout(function (){targetObj.style.height = "0";  if (targetObj.style.height == 0){targetObj.style.display = "none";}}, 0); // Set height to 0
			}

			reCalculateParallax();
		}
	});

} 

// Toggle Classes On Objects
function setUpClassToggle()
{
	document.querySelectorAll("[data-toggle-class-target]").forEach(function(targetObj)
	{
		targetObj.addEventListener("click", function(e)
		{
			e.preventDefault();
			var targetID = e.currentTarget.getAttribute('data-toggle-class-target');
			var targetClass = e.currentTarget.getAttribute('data-toggle-class');

			if (targetClass.length)
			{
				if (targetID.indexOf(',')!=-1) // Multiple
				{
					var targeArray = targetID.split(',');

					targeArray.forEach(function(targetID)
					{
						document.getElementById(targetID).classList.toggle(targetClass);
					});
				}
				else // Single
				{
					document.getElementById(targetID).classList.toggle(targetClass);
				}

				reCalculateParallax();
			}
		});
	});
}

// Light box support
function setUpLightBox()
{
	window.targetJSLightbox;

	document.querySelectorAll("[data-lightbox]").forEach(function(lightboxObj)
	{
		lightboxObj.addEventListener("click", function(e) // Create lightbox Modal
		{
			e.preventDefault();

			targetJSLightbox = lightboxObj;

			var lightBoxPath = targetJSLightbox.getAttribute('data-lightbox');
			var caption = targetJSLightbox.getAttribute('data-caption');
			var lightBoxFrame = targetJSLightbox.getAttribute('data-frame');
			var protectionClass = "";
			var autoplay = "";

			if (targetJSLightbox.getAttribute('data-autoplay') == 1) // Has auto play
			{
				autoplay = "autoplay";
			}

			 // Check for image protection
			var lightboxImg = targetJSLightbox.querySelector('img');

			if (lightboxImg)
			{
				if (lightboxImg.classList.contains('img-protected'))
				{
					protectionClass = "img-protected";
				}
			}

			// Assign Modal
			var lbModal = document.querySelector('#lightbox-modal');

			// Remove old Modal
			if (lbModal)
			{
				lbModal.remove();
			}

			// Navigation icons
			var leftArrow = '<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 32 32"><path class="lightbox-nav-icon lightbox-prev-icon" d="M22,2L9,16,22,30"/></svg>';
			var rightArrow = '<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 32 32"><path class="lightbox-nav-icon lightbox-next-icon" d="M10.344,2l13,14-13,14"/></svg>';
			var closeIcon = '<svg class="lightbox-close-svg" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 32 32"><path class="lightbox-close-icon" d="M4,4L28,28"/><path class="lightbox-close-icon" d="M28,4L4,28"/></svg>';

			// Image Tag
			var imageTag = '<img id="lightbox-image" class="img-fluid mx-auto '+protectionClass+'" src="'+lightBoxPath+'">';

			// Use WebP
			if (targetJSLightbox.hasAttribute('data-lightbox-webp'))
			{
				var lightBoxPathWebP = targetJSLightbox.getAttribute('data-lightbox-webp');
				imageTag = '<picture><source type="image/webp" id="lightbox-image-webp" srcset="'+lightBoxPathWebP+'">'+imageTag+'</picture>';
			}
			
			var customModal = '<div id="lightbox-modal" class="modal fade"><div class="modal-dialog modal-dialog-centered modal-lg"><div class="modal-content '+lightBoxFrame+' blocs-lb-container"><button id="blocs-lightbox-close-btn" type="button" class="close-lightbox" data-bs-dismiss="modal" aria-label="Close">'+closeIcon+'</button><div class="modal-body"><a href="#" class="prev-lightbox" aria-label="prev">'+leftArrow+'</a><a href="#" class="next-lightbox" aria-label="next">'+rightArrow+'</a>'+imageTag+'<div id="lightbox-video-container" class="embed-responsive embed-responsive-16by9"><video controls '+autoplay+' class="embed-responsive-item"><source id="lightbox-video" src="'+lightBoxPath+'" type="video/mp4"></video></div><p class="lightbox-caption">'+caption+'</p></div></div></div></div>';
		    document.body.insertAdjacentHTML("beforeend",customModal);
		    setUpLightboxNavigation();
		    setUpLightboxSwipe();

		    // Re-assign modal
			lbModal = document.querySelector('#lightbox-modal');

			if (lightBoxFrame == "fullscreen-lb") // Full screen lightbox
			{
				lbModal.classList.add("fullscreen-modal");
				document.querySelector("#blocs-lightbox-close-btn").remove();
				lbModal.insertAdjacentHTML('beforeend',"<a class=\"close-full-screen-modal animated fadeIn\" style=\"animation-delay:0.5s;\" data-bs-dismiss=\"modal\">"+closeIcon+"</a>");
			}

			setLightboxUI();

			// Trigger BS Modal
			var lightboxModal = new bootstrap.Modal(document.querySelector('#lightbox-modal'),{});
			lightboxModal.show();

			// Enable Image Protection
			if (protectionClass.length)
			{
				var protectedImg = document.querySelector("#lightbox-modal .img-protected");
				protectedImg.addEventListener("contextmenu", function(e){e.preventDefault();});
				protectedImg.addEventListener("mousedown", function(e){e.preventDefault();});
			}

			// Close lightbox (required for BS4)
			delegateSelector('body', "click", "[data-bs-dismiss=\"modal\"]", function(e){lightboxModal.hide();});
		});
	});
	
	// Navigation Controls
	function setUpLightboxNavigation()
	{
		document.querySelectorAll(".next-lightbox, .prev-lightbox").forEach(function(navBtn)
		{
			navBtn.addEventListener("click", function(e)
			{
				e.preventDefault();
				var lightBoxLinks = document.querySelectorAll("a[data-lightbox]");
				
				if (targetJSLightbox.getAttribute('data-gallery-id')) // Has Gallery ID so use
				{
					var galleryID = targetJSLightbox.getAttribute("data-gallery-id");
					lightBoxLinks = document.querySelectorAll("a[data-gallery-id=\""+galleryID+"\"]");
				}

				// Target Index (Next Item)
				var targetIdx = Array.from(lightBoxLinks).indexOf(targetJSLightbox)+1;

				if (navBtn.classList.contains("prev-lightbox")) // Previous
				{
					targetIdx -= 2;
				}

				if (targetIdx > -1 && lightBoxLinks.length > targetIdx)
				{
					targetJSLightbox = lightBoxLinks[targetIdx];
					setLightboxUI();
				}
			});
		});
	}

	// Set up the required UI for lightbox item
	function setLightboxUI()
	{
		// User Interfaces
		var imageUI = document.querySelector("#lightbox-image");
		var captionUI = document.querySelector(".lightbox-caption");
		var videoUI = document.querySelector("#lightbox-video-container");

		imageUI.style.display = "block";
		captionUI.style.display = "none";
		videoUI.style.display = "none";

		// Media File Path
		var filePath = targetJSLightbox.getAttribute("data-lightbox");

		if (filePath.substring(filePath.length-4) == ".mp4") // Video Object
		{
			var autoplay = "";

			if (targetJSLightbox.getAttribute("data-autoplay") == 1) // Add Auto Play
			{
				autoplay = "autoplay";
			}

			imageUI.style.display = "none";
			videoUI.style.display = "block";
			videoUI.innerHTML = "<video controls "+autoplay+" class=\"embed-responsive-item\"><source id=\"lightbox-video\" src=\""+filePath+"\" type=\"video/mp4\"></video>";	
		}
		else // Image Object
		{
			imageUI.setAttribute("src",filePath);

			// Handle WebP Image
			var webpImageUI = document.querySelector("#lightbox-image-webp");

			if (webpImageUI)
			{
				var filePathWebP = filePath;

				// Use WebP
				if (targetJSLightbox.hasAttribute('data-lightbox-webp'))
				{
					filePathWebP = targetJSLightbox.getAttribute('data-lightbox-webp');
				}

				webpImageUI.setAttribute("srcset",filePathWebP);
			}

			// Set Capture
			var caption = targetJSLightbox.getAttribute('data-caption');

			if (caption)
			{
				captionUI.innerHTML = caption;
				captionUI.style.display = "block";
			}
		}

		var prevBtn = document.querySelector(".prev-lightbox");
		var nextBtn = document.querySelector(".next-lightbox");
		prevBtn.style.display = "block";
		nextBtn.style.display = "block";

		var lightBoxLinks = document.querySelectorAll("a[data-lightbox]");
		
		if (targetJSLightbox.getAttribute('data-gallery-id')) // Has Gallery ID
		{
			var galleryID = targetJSLightbox.getAttribute('data-gallery-id');
			lightBoxLinks = document.querySelectorAll("a[data-gallery-id=\""+galleryID+"\"]");
		}

		var idx = Array.from(lightBoxLinks).indexOf(targetJSLightbox);

		if (idx == 0) // Hide Previous
		{
			prevBtn.style.display = "none";

			if (lightBoxLinks.length == 1) // Hide Next (No other lightbox items)
			{
				nextBtn.style.display = "none";
			}
		}
		else if (idx == lightBoxLinks.length-1) // Hide Next
		{
			nextBtn.style.display = "none";
		}
	}

	// Setup Lightbox Swipe Support
	function setUpLightboxSwipe()
	{
		const gestureZone = document.getElementById("lightbox-image");

		if (gestureZone)
		{
			// Register swipe events
			let touchstartX=0,touchstartY=0,touchendX=0,touchendY=0;gestureZone.addEventListener("touchstart",function(e){touchstartX=e.changedTouches[0].screenX,touchstartY=e.changedTouches[0].screenY},!1),gestureZone.addEventListener("touchend",function(e){touchendX=e.changedTouches[0].screenX,touchendY=e.changedTouches[0].screenY,handleGesture()},!1);

			function handleGesture()
			{
				var prevBtn = document.querySelector(".prev-lightbox");
				var nextBtn = document.querySelector(".next-lightbox");

			    if (touchendX <= touchstartX)
			    {
			        if (nextBtn.style.display != "none") // Swipe left
					{
						nextBtn.click();
					}
			    }
			    
			    if (touchendX >= touchstartX) // Swipe right
			    {
			        if (prevBtn.style.display != "none")
					{
						prevBtn.click();
					}
			    }
			}
		}
	}

	// Keyboard Navigation
	window.addEventListener("keydown", event => 
	{	
		if (document.querySelector('#lightbox-modal'))
		{
			var targetBtn = document.querySelector('.prev-lightbox');

	  		if (event.which == 37 || event.which == 39) // Left & Right Arrows
		  	{
		  		if (event.which == 39) // Arrow Right
		  		{
		  			targetBtn = document.querySelector('.next-lightbox');
		  		}

		  		if (targetBtn.style.display != "none") // Lightbox Back
				{
					targetBtn.click();
				}
		  	}
		  	else if (event.which == 27) // Escape - Close
		  	{
				document.getElementById('blocs-lightbox-close-btn').click();
		  	}
		}
		else if (document.querySelector('.fullscreen-nav, .sidebar-nav'))
		{
			if (event.which == 27) // Escape - Close
			{
				hideNav();
			}
			else if (event.which == 13) // Return Key
			{
				const closeHasFocus = document.activeElement.classList.contains('close-special-menu');

				if (closeHasFocus)
				{
					hideNav();
				}
			}
		}
	});
}

// Set Up Image protection
function setUpImgProtection()
{
	document.querySelectorAll(".img-protected").forEach(function(targetObj)
	{
		targetObj.addEventListener("contextmenu", function(e){e.preventDefault();});
		targetObj.addEventListener("mousedown", function(e){e.preventDefault();});
	});
}

// Apply Form Protection
function applyFormProtection()
{
	document.querySelectorAll('[data-blocsapp-form-ts]').forEach(function (el) {
    	if (!el.value) el.value = Date.now();
  	});

  	document.querySelectorAll('[data-blocsapp-form-token]').forEach(function (el) {
    	if (el.value) return;

    	const c = window.crypto;
    	if (c && c.getRandomValues) {
      		const bytes = new Uint8Array(16);
      		c.getRandomValues(bytes);
      		el.value = Array.from(bytes, b => b.toString(16).padStart(2, '0')).join('');
    	} else {
      		el.value = String(Date.now()) + Math.random().toString(16).slice(2);
    	}
  	});
}

// Recalculate Parallax
function reCalculateParallax()
{
	if (document.querySelector(".b-parallax"))
	{
		var parallax = document.querySelectorAll(".parallax__container .parallax");
		parallax.forEach(targetObj =>{targetObj.style.height = "100%";});
		setTimeout(function(){calculateHeight(parallax,3)}, 400);
	}
}

// Init Carousel Progress Bars
function initCarouselProgressBars()
{
	// Loop All Carousels And Start Progress Bars
	document.querySelectorAll('.carousel').forEach(carousel => {
	  if (carousel.querySelector('.carousel-progress-bar'))
	  {
	    initCarouselProgress(carousel);
	  }
	});

	function initCarouselProgress(carousel)
	{
	    const bar = carousel.querySelector('.carousel-progress-bar-fill');
	    if (!bar) return;

	    const autoPlay = carousel.getAttribute('data-bs-ride') || carousel.getAttribute('data-ride');
		if (autoPlay == 'false') return;

	    let paused = false;

	    // Get Interval Data
	    const interval = carousel.getAttribute('data-bs-interval') || carousel.getAttribute('data-interval');
		const intervalAttr = parseInt(interval, 10);
	    const defaultInterval = Number.isFinite(intervalAttr) ? intervalAttr : 5000;

	    function start() {
		  const duration = defaultInterval;
		  bar.style.transition = 'none';
		  bar.style.width = '0%';
		  bar.style.opacity = '1';
		  paused = false;

		  requestAnimationFrame(() => {
		    requestAnimationFrame(() => {
		      bar.style.transition = `width ${duration}ms ease-out`;
		      bar.style.width = '100%';
		    });
		  });
		}

		function pause() {
		  if (paused) return;
		  paused = true;
		  
		  bar.style.transition = `all 1s ease`;
	      bar.style.opacity = '0';
	      bar.style.width = '0';
		}

		function resume() {
		  if (!paused) return;
		  paused = false;
		  start();
		}

	    // Start when page loads
	    start();

	    // Listen For Carousel Slide Event
	    $(carousel).on('slide.bs.carousel', start);

	    // Add Hover Pause Events
	    const pauseAttr = carousel.getAttribute('data-bs-pause') || carousel.getAttribute('data-pause');
		const pauseOnHover = pauseAttr !== 'false';

		if (pauseOnHover) {
		  carousel.addEventListener('mouseenter', pause);
		  carousel.addEventListener('mouseleave', resume);
		}

	    // If user tabs away and back, restart
	    document.addEventListener('visibilitychange', () => {
	      if (!document.hidden) start();
	    });
	}
}

// Add multi level dropdown support
$.fn.dropdown=function(){var o=$.fn.dropdown;return function(d){"string"==typeof d&&"toggle"===d&&($(".has-child-dropdown-show").removeClass("has-child-dropdown-show"),$(this).closest(".dropdown").parents(".dropdown").addClass("has-child-dropdown-show"));var n=o.call($(this),d);return $(this).off("click.bs.dropdown"),n}}(),$(function(){$("body").on("click",'.dropdown [data-toggle="dropdown"]',function(o){$(this).dropdown("toggle"),o.stopPropagation()}),$("body").on("hide.bs.dropdown",".dropdown",function(o){$(this).is(".has-child-dropdown-show")&&($(this).removeClass("has-child-dropdown-show"),o.preventDefault()),o.stopPropagation()}),$('.dropdown [data-toggle="dropdown"]').on("click",function(o){$(this).dropdown("toggle"),o.stopPropagation()}),$(".dropdown").on("hide.bs.dropdown",function(o){$(this).is(".has-child-dropdown-show")&&($(this).removeClass("has-child-dropdown-show"),o.preventDefault()),o.stopPropagation()}),$("a.dropdown-toggle").click(function(o) {o.preventDefault();})});



function initBlocsInteractions(target){document.querySelectorAll(target).forEach(t=>{Array.from(t.attributes).forEach(a=>{if(a.name.startsWith('data-custom-interaction-')){const e=a.name.replace('data-custom-interaction-','');t.addEventListener(e,function(e){blocsIntercationTrigger = e.currentTarget;const n=e.currentTarget.getAttribute(a.name);'function'==typeof window[n]&&window[n]();if(!e.target.closest('input,textarea,select')){e.preventDefault();}})}})});const script = [...document.scripts].find(s => s.src.includes('/js/blocs'));if (script){const url = new URL(script.src);let baseDir = url.origin + url.pathname.substring(0, url.pathname.lastIndexOf('/'));blocsResourcePath = baseDir.replace('/js', '');}}

// Set Site Relative Path Variable
var siteRelativeURLPath;
(function(){var scriptUrl = new URL(document.currentScript.src);var parentDirectory = scriptUrl.pathname.substring(0, scriptUrl.pathname.lastIndexOf("/js/")+1);siteRelativeURLPath = scriptUrl.origin + parentDirectory;})();

// Scroll To Poly Fill
function scrollToPolyFill(){var o=window,t=document;if(!("scrollBehavior"in t.documentElement.style&&!0!==o.__forceSmoothScrollPolyfill__)){var l,e=o.HTMLElement||o.Element,r=468,i={scroll:o.scroll||o.scrollTo,scrollBy:o.scrollBy,elementScroll:e.prototype.scroll||n,scrollIntoView:e.prototype.scrollIntoView},s=o.performance&&o.performance.now?o.performance.now.bind(o.performance):Date.now,c=(l=o.navigator.userAgent,new RegExp(["MSIE ","Trident/","Edge/"].join("|")).test(l)?1:0);o.scroll=o.scrollTo=function(){void 0!==arguments[0]&&(!0!==f(arguments[0])?v.call(o,t.body,void 0!==arguments[0].left?~~arguments[0].left:o.scrollX||o.pageXOffset,void 0!==arguments[0].top?~~arguments[0].top:o.scrollY||o.pageYOffset):i.scroll.call(o,void 0!==arguments[0].left?arguments[0].left:"object"!=typeof arguments[0]?arguments[0]:o.scrollX||o.pageXOffset,void 0!==arguments[0].top?arguments[0].top:void 0!==arguments[1]?arguments[1]:o.scrollY||o.pageYOffset))},o.scrollBy=function(){void 0!==arguments[0]&&(f(arguments[0])?i.scrollBy.call(o,void 0!==arguments[0].left?arguments[0].left:"object"!=typeof arguments[0]?arguments[0]:0,void 0!==arguments[0].top?arguments[0].top:void 0!==arguments[1]?arguments[1]:0):v.call(o,t.body,~~arguments[0].left+(o.scrollX||o.pageXOffset),~~arguments[0].top+(o.scrollY||o.pageYOffset)))},e.prototype.scroll=e.prototype.scrollTo=function(){if(void 0!==arguments[0])if(!0!==f(arguments[0])){var o=arguments[0].left,t=arguments[0].top;v.call(this,this,void 0===o?this.scrollLeft:~~o,void 0===t?this.scrollTop:~~t)}else{if("number"==typeof arguments[0]&&void 0===arguments[1])throw new SyntaxError("Value could not be converted");i.elementScroll.call(this,void 0!==arguments[0].left?~~arguments[0].left:"object"!=typeof arguments[0]?~~arguments[0]:this.scrollLeft,void 0!==arguments[0].top?~~arguments[0].top:void 0!==arguments[1]?~~arguments[1]:this.scrollTop)}},e.prototype.scrollBy=function(){void 0!==arguments[0]&&(!0!==f(arguments[0])?this.scroll({left:~~arguments[0].left+this.scrollLeft,top:~~arguments[0].top+this.scrollTop,behavior:arguments[0].behavior}):i.elementScroll.call(this,void 0!==arguments[0].left?~~arguments[0].left+this.scrollLeft:~~arguments[0]+this.scrollLeft,void 0!==arguments[0].top?~~arguments[0].top+this.scrollTop:~~arguments[1]+this.scrollTop))},e.prototype.scrollIntoView=function(){if(!0!==f(arguments[0])){var l=function(o){for(;o!==t.body&&!1===d(o);)o=o.parentNode||o.host;return o}(this),e=l.getBoundingClientRect(),r=this.getBoundingClientRect();l!==t.body?(v.call(this,l,l.scrollLeft+r.left-e.left,l.scrollTop+r.top-e.top),"fixed"!==o.getComputedStyle(l).position&&o.scrollBy({left:e.left,top:e.top,behavior:"smooth"})):o.scrollBy({left:r.left,top:r.top,behavior:"smooth"})}else i.scrollIntoView.call(this,void 0===arguments[0]||arguments[0])}}function n(o,t){this.scrollLeft=o,this.scrollTop=t}function f(o){if(null===o||"object"!=typeof o||void 0===o.behavior||"auto"===o.behavior||"instant"===o.behavior)return!0;if("object"==typeof o&&"smooth"===o.behavior)return!1;throw new TypeError("behavior member of ScrollOptions "+o.behavior+" is not a valid value for enumeration ScrollBehavior.")}function p(o,t){return"Y"===t?o.clientHeight+c<o.scrollHeight:"X"===t?o.clientWidth+c<o.scrollWidth:void 0}function a(t,l){var e=o.getComputedStyle(t,null)["overflow"+l];return"auto"===e||"scroll"===e}function d(o){var t=p(o,"Y")&&a(o,"Y"),l=p(o,"X")&&a(o,"X");return t||l}function h(t){var l,e,i,c,n=(s()-t.startTime)/r;c=n=n>1?1:n,l=.5*(1-Math.cos(Math.PI*c)),e=t.startX+(t.x-t.startX)*l,i=t.startY+(t.y-t.startY)*l,t.method.call(t.scrollable,e,i),e===t.x&&i===t.y||o.requestAnimationFrame(h.bind(o,t))}function v(l,e,r){var c,f,p,a,d=s();l===t.body?(c=o,f=o.scrollX||o.pageXOffset,p=o.scrollY||o.pageYOffset,a=i.scroll):(c=l,f=l.scrollLeft,p=l.scrollTop,a=n),h({scrollable:c,method:a,startTime:d,startX:f,startY:p,x:e,y:r})}}

// Add Event Listeners to Programically Added Elements
function delegateSelector(e,t,c,n){t.split(" ").forEach(t=>{var a=document.querySelectorAll(e);[].forEach.call(a,function(e,a){e.addEventListener(t,function(e){e.target.matches(c)&&n(e)})})})}

// http://www.paulirish.com/2011/requestanimationframe-for-smart-animating/
window.requestAnimFrame = (function(){return  window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || function( callback ){window.setTimeout(callback, 1000 / 60);};})();


function blocs_newInteraction(){
}