', { 'class': 'jarallax eele-jarallax-bg', 'data-speed': speed });
var $img = $('
![]()
', { 'class': 'jarallax-img', src: bg, alt: '', decoding: 'async' });
$div.append($img);
$wrapper.append($div);
jarallax($div[0], {
speed: speed,
imgPosition: '50% 50%',
imgRepeat: 'no-repeat',
imgSize: 'cover',
zIndex: -100
});
});
};
// Image widget parallax
var EasyJarallaxImage = function ($scope, $) {
if (typeof jarallax === 'undefined') return;
if (!$scope.hasClass('eele-has-jarallax-img-yes')) return;
var $img = $scope.find('.elementor-widget-container img').first();
if (!$img.length || !$img.attr('src')) return;
var $container = $scope.find('.elementor-widget-container');
// If already wrapped from a previous run (editor re-render), unwrap to start clean
if ($img.parent('.eele-img-jarallax-wrap').length) {
try { jarallax($img.parent()[0], 'destroy'); } catch (e) {}
$img.unwrap();
$img.removeClass('jarallax-img');
}
// Clean up any leftover empty jarallax bg divs from older buggy code
$container.find('> .eele-jarallax-bg, > a > .eele-jarallax-bg').each(function () {
try { jarallax(this, 'destroy'); } catch (e) {}
}).remove();
// Wrap the original image so it becomes the parallax source itself.
// Do NOT add `eele-jarallax-bg` — that class has global CSS
// (position:absolute; z-index:-1) for container background parallax,
// which would hide the image entirely.
$img.addClass('jarallax-img');
$img.wrap('
');
var $div = $img.parent();
function initParallax() {
// Give the wrapper a size so it doesn't collapse once jarallax positions
// the img absolutely. User-set width/height (via panel) uses !important
// and will still override these fallbacks.
var nW = $img[0].naturalWidth;
var nH = $img[0].naturalHeight;
if (nW && nH) {
if (!$div[0].style.width) $div.css('width', '100%');
if (!$div[0].style.height) $div.css('aspect-ratio', nW + ' / ' + nH);
} else if (!$div[0].style.height) {
var fallbackH = $div[0].getBoundingClientRect().height;
if (fallbackH > 0) $div.css('height', fallbackH + 'px');
}
jarallax($div[0], {
speed: 0.5,
imgPosition: '50% 50%',
imgRepeat: 'no-repeat',
imgSize: 'cover',
zIndex: 0
});
}
if ($img[0].complete && $img[0].naturalWidth > 0) {
initParallax();
} else {
$img.one('load', initParallax);
}
};
elementorFrontend.hooks.addAction("frontend/element_ready/global", EasyJarallax);
elementorFrontend.hooks.addAction("frontend/element_ready/image.default", EasyJarallaxImage);
elementorFrontend.hooks.addAction("frontend/element_ready/eel-advance-image.default", EasyJarallaxImage);
// --- Lenis integration for Jarallax ---
function syncJarallaxWithLenis() {
if (window.lenis && typeof jarallax !== 'undefined') {
window.lenis.on('scroll', function () {
jarallax(document.querySelectorAll('.jarallax'), 'onScroll');
});
} else {
setTimeout(syncJarallaxWithLenis, 200);
}
}
syncJarallaxWithLenis();
});
jQuery(window).on('elementor/frontend/init', function() {
elementorFrontend.hooks.addAction('frontend/element_ready/eel-video-popup.default', function($scope, $) {
const wrapper = $scope.find('.eel-video-popup-wrapper');
const overlay = wrapper.find('.eel-video-overlay');
// Find video element (try with class first, then without)
let videoEl = wrapper.find('video.eel-normal-video');
if (!videoEl.length) {
videoEl = wrapper.find('video');
}
// Find iframe element (try with class first, then without)
let iframeEl = wrapper.find('iframe.eel-normal-video');
if (!iframeEl.length) {
iframeEl = wrapper.find('iframe');
}
// Helper function to get YouTube embed URL
function getYouTubeEmbedUrl(url) {
const regExp = /(?:v=|\/)([0-9A-Za-z_-]{11}).*/;
const match = url.match(regExp);
if (match && match[1]) {
return 'https://www.youtube.com/embed/' + match[1] + '?autoplay=1';
}
return null;
}
// Helper function to get Vimeo embed URL
function getVimeoEmbedUrl(url) {
const match = url.match(/(\d+)/);
if (match && match[1]) {
return 'https://player.vimeo.com/video/' + match[1] + '?autoplay=1';
}
return null;
}
// Helper function to open lightbox
function openLightbox(videoType, videoUrl, popupId, animation) {
const lightboxOverlay = $('#' + popupId);
const iframeWrapper = lightboxOverlay.find('.eel-video-popup-iframe-wrapper');
const lightboxContent = lightboxOverlay.find('.eel-video-popup-content');
if (!lightboxOverlay.length) return;
// Prevent duplicate opening if already active
if (lightboxOverlay.hasClass('active')) {
return;
}
let embedHtml = '';
if (videoType === 'youtube') {
const embedUrl = getYouTubeEmbedUrl(videoUrl);
if (embedUrl) {
embedHtml = '
';
}
} else if (videoType === 'vimeo') {
const embedUrl = getVimeoEmbedUrl(videoUrl);
if (embedUrl) {
embedHtml = '
';
}
} else if (videoType === 'self_hosted') {
embedHtml = '
';
}
if (embedHtml) {
iframeWrapper.html(embedHtml);
// Apply animation if set
if (animation && animation.trim() !== '') {
// Remove any existing animation classes
const currentClasses = lightboxContent.attr('class') || '';
const animationClasses = currentClasses.match(/\banimated\s+\S+/g);
if (animationClasses) {
lightboxContent.removeClass(animationClasses.join(' '));
}
// Add new animation classes
lightboxContent.addClass('animated ' + animation.trim());
} else {
// Remove animation classes if no animation
const currentClasses = lightboxContent.attr('class') || '';
const animationClasses = currentClasses.match(/\banimated\s+\S+/g);
if (animationClasses) {
lightboxContent.removeClass(animationClasses.join(' '));
}
}
lightboxOverlay.addClass('active');
$('body').css('overflow', 'hidden');
}
}
// Close lightbox handler
$(document).on('click', '.eel-video-popup-close', function(e) {
e.preventDefault();
const lightboxOverlay = $(this).closest('.eel-video-popup-overlay');
const lightboxContent = lightboxOverlay.find('.eel-video-popup-content');
lightboxOverlay.removeClass('active');
lightboxContent.removeClass('animated');
lightboxOverlay.find('.eel-video-popup-iframe-wrapper').html('');
$('body').css('overflow', '');
});
// Close lightbox on overlay click
$(document).on('click', '.eel-video-popup-overlay', function(e) {
if ($(e.target).hasClass('eel-video-popup-overlay')) {
const lightboxContent = $(this).find('.eel-video-popup-content');
$(this).removeClass('active');
lightboxContent.removeClass('animated');
$(this).find('.eel-video-popup-iframe-wrapper').html('');
$('body').css('overflow', '');
}
});
// Close lightbox on ESC key
$(document).on('keydown', function(e) {
if (e.keyCode === 27) { // ESC key
$('.eel-video-popup-overlay.active').each(function() {
const lightboxContent = $(this).find('.eel-video-popup-content');
$(this).removeClass('active');
lightboxContent.removeClass('animated');
$(this).find('.eel-video-popup-iframe-wrapper').html('');
$('body').css('overflow', '');
});
}
});
if (overlay.length) {
// Remove existing handler to prevent duplicate
overlay.off('click.eelVideoOverlay');
overlay.on('click.eelVideoOverlay', function(e) {
e.preventDefault();
e.stopPropagation();
const $overlay = $(this);
const useLightbox = $overlay.data('lightbox') === 'yes';
const videoType = $overlay.data('video-type');
const videoUrl = $overlay.data('video-url');
const popupId = $overlay.data('popup-id');
const animation = $overlay.data('animation') || '';
// If lightbox is enabled, open lightbox
if (useLightbox && videoType && videoUrl && popupId) {
// Check if lightbox is already open to prevent duplicate
const lightboxOverlay = $('#' + popupId);
if (lightboxOverlay.hasClass('active')) {
return;
}
openLightbox(videoType, videoUrl, popupId, animation);
return;
}
// Otherwise, play inline (original behavior)
// Self-hosted video play
if (videoEl.length) {
const video = videoEl.get(0);
// Function to play video
const playVideo = function() {
const playPromise = video.play();
if (playPromise !== undefined) {
playPromise.catch(function(error) {
console.log('Video play failed:', error);
// If play fails due to autoplay policy, try with muted
if (error.name === 'NotAllowedError' && !video.muted) {
video.muted = true;
video.play().then(function() {
// Unmute after play starts (if user wants sound)
setTimeout(function() {
video.muted = false;
}, 100);
}).catch(function(err) {
console.log('Video play with mute also failed:', err);
});
}
});
}
};
// Always try to load and play
if (video.readyState >= 2) {
// Video is already loaded, play immediately
playVideo();
} else {
// Video not loaded, load it first then play
video.load();
// Wait for video to be ready to play
const tryPlay = function() {
if (video.readyState >= 2) {
playVideo();
} else {
video.addEventListener('canplay', playVideo, { once: true });
video.addEventListener('loadeddata', playVideo, { once: true });
}
};
tryPlay();
}
}
// YouTube / Vimeo iframe autoplay
if (iframeEl.length) {
let src = iframeEl.attr('src');
if (src) {
// Check if it's YouTube or Vimeo
const isYouTube = src.indexOf('youtube.com') !== -1 || src.indexOf('youtu.be') !== -1;
const isVimeo = src.indexOf('vimeo.com') !== -1;
if (isYouTube || isVimeo) {
try {
// Use URL object for proper parsing
const url = new URL(src);
if (isYouTube) {
// YouTube: add autoplay, preserve original mute setting
url.searchParams.set('autoplay', '1');
// Only set mute=1 if it was already in the URL (preserve original setting)
// If mute was not in original URL, don't add it
if (!url.searchParams.has('mute')) {
// Don't add mute if it wasn't there originally
} else {
// Keep the original mute value
}
// Reload iframe with new src
iframeEl.attr('src', url.toString());
} else if (isVimeo) {
// Vimeo: add autoplay (Vimeo doesn't need mute for autoplay)
url.searchParams.set('autoplay', '1');
// Reload iframe with new src
iframeEl.attr('src', url.toString());
}
} catch (e) {
// Fallback for browsers that don't support URL constructor
// Remove existing autoplay parameter if present
src = src.replace(/[?&]autoplay=[^&]*/g, '');
if (isYouTube) {
// Check if mute parameter exists in original URL
const hasMute = /[?&]mute=/.test(src);
// Add autoplay=1
const separator = src.indexOf('?') === -1 ? '?' : '&';
src += separator + 'autoplay=1';
// Only add mute if it was already there (preserve original setting)
// Don't add mute if it wasn't in original URL
} else if (isVimeo) {
// Vimeo: just add autoplay=1
const separator = src.indexOf('?') === -1 ? '?' : '&';
src += separator + 'autoplay=1';
}
// Update src without clearing first
iframeEl.attr('src', src);
}
}
}
}
// Remove overlay after a small delay to ensure video starts
setTimeout(function() {
overlay.fadeOut(300, function() {
$(this).remove();
});
}, 200);
});
}
// Handle popup button clicks (for display_type = 'popup')
const popupBtn = wrapper.find('.entro-all-video-popup');
if (popupBtn.length) {
// If the global popup (from pro plugin) exists, let eel-popup.js handle it
// to avoid transform/motion effect containment issues with position:fixed
const globalPopup = document.querySelector('.entro-all-video-popup-wrap');
if (globalPopup) {
// Global popup exists — do not bind per-widget handler.
// The pro plugin's eel-popup.js will handle it since it's already in body.
} else {
// No global popup — use per-widget overlay, moved to body
const popupOverlay = wrapper.find('.eel-video-popup-overlay');
if (popupOverlay.length && !popupOverlay.data('moved-to-body')) {
popupOverlay.data('moved-to-body', true);
popupOverlay.appendTo('body');
}
// Remove existing handler to prevent duplicate
popupBtn.off('click.eelVideoPopup');
popupBtn.on('click.eelVideoPopup', function(e) {
e.preventDefault();
e.stopPropagation();
const $btn = $(this);
const videoType = $btn.data('video-type');
const videoUrl = $btn.data('video-src');
const popupId = $btn.data('popup-id');
const lightboxOverlay = $('#' + popupId);
const animation = lightboxOverlay.data('animation') || '';
if (videoType && videoUrl && popupId) {
// Check if lightbox is already open to prevent duplicate
if (lightboxOverlay.hasClass('active')) {
return;
}
openLightbox(videoType, videoUrl, popupId, animation);
}
});
}
}
});
});
// Single Page Navigation
document.addEventListener('DOMContentLoaded', function () {
const navWrappers = document.querySelectorAll('.eel-single-nav-list');
if (!navWrappers.length) return;
navWrappers.forEach(function (wrapper) {
const navLinks = wrapper.querySelectorAll('.eel-nav-item a');
const navItems = wrapper.querySelectorAll('.eel-nav-item');
if (!navLinks.length) return;
wrapper.addEventListener('click', function (e) {
const link = e.target.closest('.eel-nav-item a');
if (!link || !wrapper.contains(link)) return;
const href = link.getAttribute('href');
if (!href || href === '#' || !href.startsWith('#') || href.length === 1) {
return;
}
const target = document.querySelector(href);
if (!target) return;
e.preventDefault();
target.scrollIntoView({
behavior: 'smooth',
block: 'start'
});
});
/* ========= SCROLL → ACTIVE CHANGE ========= */
const sectionsMap = new Map();
navLinks.forEach(link => {
const href = link.getAttribute('href');
if (!href || href === '#' || !href.startsWith('#') || href.length === 1) {
return;
}
const section = document.querySelector(href);
if (section) {
sectionsMap.set(section, href);
}
});
function setActive(href) {
navItems.forEach(item => item.classList.remove('active'));
navLinks.forEach(link => {
if (link.getAttribute('href') === href) {
link.closest('.eel-nav-item')?.classList.add('active');
}
});
}
const observer = new IntersectionObserver(
(entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
const id = sectionsMap.get(entry.target);
if (id) setActive(id);
}
});
},
{
root: null,
rootMargin: '-40% 0px -40% 0px',
threshold: 0.1
}
);
sectionsMap.forEach((id, section) => {
observer.observe(section);
});
});
});
// Sticky Navigation single page
function applyStickyToContainer($container) {
if ($container.find('.elementor-widget-eel-single-nav').length === 0) {
return;
}
$container.addClass('eel-single-nav-sticky-enabled');
}
/* ===== Frontend ===== */
$(window).on('elementor/frontend/init', function () {
elementorFrontend.hooks.addAction(
'frontend/element_ready/container',
function ($scope) {
applyStickyToContainer($scope);
}
);
});
/* ===== Editor ===== */
if (window.elementor && elementor.isEditMode()) {
elementor.hooks.addAction('editor:init', function () {
elementorFrontend.hooks.addAction(
'frontend/element_ready/container',
function ($scope) {
applyStickyToContainer($scope);
}
);
});
}
// Mobile Menu Sidebar
if ($('.sidebar-on-mobile-single-nav').length) {
// Sidebar toggle
$('.eel-nav-menu-icon').on('click', function(e){
e.stopPropagation();
$('.sidebar-on-mobile-single-nav').toggleClass('easyel-open');
$('body').toggleClass('sidebar-on-mobile-single-nav-active');
});
// Click outside to close sidebar
$(document).on('click', function(){
$('.sidebar-on-mobile-single-nav').removeClass('easyel-open');
$('body').removeClass('sidebar-on-mobile-single-nav-active');
$('.sidebar-on-mobile-single-nav ul.sub-menu').slideUp(300);
$('.sidebar-on-mobile-single-nav .sub-arrow').removeClass('active').attr('aria-expanded', false);
});
$('.sidebar-on-mobile-single-nav, .eel-nav-menu').on('click', 'li:not(.menu-item-has-children) a', function(e){
$('.sidebar-on-mobile-single-nav li a, .eel-nav-menu li a').removeClass('eel-active');
$(this).addClass('eel-active');
$('.sidebar-on-mobile-single-nav').removeClass('easyel-open');
$('body').removeClass('sidebar-on-mobile-single-nav-active');
$('body').removeClass('sidebar-on-mobile-active');
});
// Prevent closing when clicking inside sidebar
$('.sidebar-on-mobile-single-nav').on('click', function(e){
e.stopPropagation();
});
}
jQuery(document).ready(function($){
var $allSidebars = $('.sidebar-on-mobile-mega-nav');
var $body = $('body');
if(!$allSidebars.length) return;
/* ========== Inject submenu icon ========== */
$allSidebars.find('li.menu-item-has-children').each(function(){
if(!$(this).children('.submenu-parent-icon').length){
var svgIcon = '';
$(this).prepend(svgIcon);
}
});
// Open sidebar — match hamburger to its own sidebar via data attributes
$(document).on('click', '.eel-mega-menu-icon-mobile', function(e){
e.preventDefault();
e.stopPropagation();
var targetId = $(this).attr('data-mega-target');
var $sidebar;
if (targetId) {
$sidebar = $('.sidebar-on-mobile-mega-nav[data-mega-id="' + targetId + '"]');
}
// Fallback for old markup without data attributes
if (!$sidebar || !$sidebar.length) {
$sidebar = $allSidebars.first();
}
$allSidebars.not($sidebar).removeClass('easyel-open');
$sidebar.addClass('easyel-open');
$body.addClass('sidebar-on-mobile-mega-nav-active');
});
// Close sidebar (icon)
$(document).on('click', '.eel-mega-menu-icon-close', function(e){
e.preventDefault();
e.stopPropagation();
$(this).closest('.sidebar-on-mobile-mega-nav').removeClass('easyel-open');
$body.removeClass('sidebar-on-mobile-mega-nav-active');
});
// Click outside sidebar (overlay)
$(document).on('click', function(){
$allSidebars.removeClass('easyel-open');
$body.removeClass('sidebar-on-mobile-mega-nav-active');
});
// Prevent sidebar clicks from closing
$(document).on('click', '.sidebar-on-mobile-mega-nav', function(e){
if (!$(e.target).closest('.eel-mega-menu-icon-close').length) {
e.stopPropagation();
}
});
/* ========== Submenu toggle ========== */
$(document).on('click', '.sidebar-on-mobile-mega-nav .submenu-parent-icon', function(e){
e.preventDefault();
e.stopPropagation();
var $li = $(this).closest('li.menu-item-has-children');
var $submenu = $li.children('ul.sub-menu');
// close other submenus
$li.siblings('li.menu-item-has-children')
.removeClass('eel-sub-open')
.children('ul.sub-menu').slideUp(300);
$li.siblings('li.menu-item-has-children')
.children('.submenu-parent-icon').removeClass('active');
// toggle current
$submenu.slideToggle(300);
$li.toggleClass('eel-sub-open');
$(this).toggleClass('active');
});
});
/* ========== Mega menu responsive breakpoint ========== */
/* Replaces the per-widget inline
';
});
eelThumbsHtml += '