', { 'class': 'jarallax eele-jarallax-bg', 'data-speed': 0.5 });
var $jarallaxImg = $('![]()
', { 'class': 'jarallax-img', src: $img.attr('src'), alt: $img.attr('alt') || '', decoding: 'async' });
$div.append($jarallaxImg);
$container.css('position', 'relative').append($div);
jarallax($div[0], {
speed: 0.5,
imgPosition: '50% 50%',
imgRepeat: 'no-repeat',
imgSize: 'cover',
zIndex: -100
});
};
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');
});
});
jQuery(window).on('elementor/frontend/init', function() {
elementorFrontend.hooks.addAction('frontend/element_ready/eel-vertical-navigation.default', function($scope) {
var $sidebar = $scope.find('.sidebar-on-mobile-vertical-nav');
var $body = jQuery('body');
if($sidebar.length) {
$sidebar.find('li.menu-item-has-children').each(function(){
if(!jQuery(this).children('.submenu-parent-icon').length){
var svgIcon = '';
jQuery(this).prepend(svgIcon);
}
});
$scope.on('click', '.eel-vertical-menu-icon-mobile', function(e){
e.preventDefault();
e.stopPropagation();
$sidebar.addClass('easyel-open');
$body.addClass('sidebar-on-mobile-vertical-nav-active');
});
$scope.on('click', '.eel-vertical-menu-icon-close', function(e){
e.preventDefault();
e.stopPropagation();
closeSidebar();
});
jQuery(document).on('click', function(e){
if (!jQuery(e.target).closest('.sidebar-on-mobile-vertical-nav, .eel-vertical-menu-icon-mobile').length) {
closeSidebar();
}
});
function closeSidebar() {
$sidebar.removeClass('easyel-open');
$body.removeClass('sidebar-on-mobile-vertical-nav-active');
}
/* ========== Submenu Toggle (Accordion) ========== */
$sidebar.find('.submenu-parent-icon').off('click').on('click', function(e){
e.preventDefault();
e.stopPropagation();
var $this = jQuery(this);
var $li = $this.closest('li.menu-item-has-children');
var $submenu = $li.children('ul.sub-menu');
$li.siblings('li.menu-item-has-children').each(function(){
var $sibling = jQuery(this);
$sibling.removeClass('eel-sub-open is-open-vertical');
$sibling.children('ul.sub-menu').slideUp(300);
$sibling.children('.submenu-parent-icon').removeClass('active');
$sibling.find('> a').removeClass('eel-vertical-open');
});
if ($li.hasClass('eel-sub-open')) {
$submenu.slideUp(300);
$li.removeClass('eel-sub-open is-open-vertical');
$this.removeClass('active');
$li.find('> a').removeClass('eel-vertical-open');
} else {
$submenu.slideDown(300);
$li.addClass('eel-sub-open is-open-vertical');
$this.addClass('active');
$li.find('> a').addClass('eel-vertical-open');
}
});
}
});
});
})(jQuery);
(function ($) {
function eelMegaNavigationInit() {
$('.elementor-widget-eel-mega-navigation')
.parent()
.addClass('parant-eel-mega-static');
}
// Frontend
$(window).on('load', function () {
eelMegaNavigationInit();
});
// Elementor Editor
$(window).on('elementor/frontend/init', function () {
if (elementorFrontend.isEditMode()) {
eelMegaNavigationInit();
}
elementorFrontend.hooks.addAction(
'frontend/element_ready/eel-mega-navigation.default',
eelMegaNavigationInit
);
});
})(jQuery);
(function($){
let eelObserverAttached = false;
function updateMegaMenuActive() {
const $mega = $('.easyel--elementor-template-mega-menu');
if (!$mega.length) return;
const $parent = $mega.parent();
if ($mega.hasClass('easyel-mega--current')) {
$parent.addClass('easyel-mega--current-active menu-item-has-children');
} else {
$parent.removeClass('easyel-mega--current-active menu-item-has-children');
}
}
function updateElementorPositions() {
if ($('.easyel-mega--current-active').length) {
$('header .elementor-element').css('position', 'static');
$('.easyel-mega--current-active .elementor-element').css('position', '');
} else {
$('header .elementor-element').css('position', '');
}
}
function attachObserverOnce() {
if (eelObserverAttached) return;
eelObserverAttached = true;
const observer = new MutationObserver(() => {
updateMegaMenuActive();
updateElementorPositions();
});
observer.observe(document.body, {
attributes: true,
subtree: true,
attributeFilter: ['class']
});
}
function initMegaMenuJS(scope) {
if (!scope.find('.elementor-widget-eel-navigation-menu').length) return;
updateMegaMenuActive();
updateElementorPositions();
attachObserverOnce();
}
// Frontend
$(window).on('load', function(){
initMegaMenuJS($(document.body));
});
// Elementor Editor
$(window).on('elementor/frontend/init', function () {
elementorFrontend.hooks.addAction(
'frontend/element_ready/eel-navigation-menu.default',
function($scope){
initMegaMenuJS($scope);
}
);
});
// Image Comparison
var eelImageBeforeAfter = function ($scope, $) {
var $container = $scope.find(".eel_comparison-container");
if (!$container.length) {
return;
}
$container.each(function () {
var $this = $(this);
var offset = $this.data("offset") || 0.5;
var orientation = $this.data("orientation") || "horizontal";
var before_text = $this.data("before_label") || "Before";
var after_text = $this.data("after_label") || "After";
var initeel_comparison = function() {
if ($.isFunction($.fn.eel_comparison)) {
$this.eel_comparison({
default_offset_pct: offset,
orientation: orientation,
before_label: before_text,
after_label: after_text,
no_overlay: false,
move_slider_on_hover: false,
click_to_move: true
});
}
};
if (document.readyState === 'complete') {
initeel_comparison();
} else {
$(window).on('load', initeel_comparison);
}
});
};
$(window).on('elementor/frontend/init', function () {
elementorFrontend.hooks.addAction('frontend/element_ready/eel-image-before-after.default', eelImageBeforeAfter);
});
jQuery(window).on('elementor/frontend/init', function() {
elementorFrontend.hooks.addAction('frontend/element_ready/eel-vertical-navigation.default', function($scope) {
const menuContainer = $scope.find('.eel-vertical-verticalmenu.eel_click');
if (menuContainer.length) {
const icons = $scope.find('.eel-vertical-menu-area .submenu-parent-icon');
icons.on('click', function(e) {
e.preventDefault();
e.stopPropagation();
const $this = jQuery(this);
const parentLi = $this.closest('li');
const subMenu = parentLi.find('> .sub-menu.eel_click');
const parentLink = $this.closest('a');
if (subMenu.length === 0) return;
if (parentLi.hasClass('is-open-vertical')) {
subMenu.css('max-height', subMenu[0].scrollHeight + 'px');
setTimeout(() => {
subMenu.css({
'max-height': '0',
'opacity': '0'
});
}, 10);
parentLi.removeClass('is-open-vertical');
parentLink.removeClass('eel-vertical-open');
} else {
const siblings = parentLi.siblings('.is-open-vertical');
siblings.each(function() {
const siblingSub = jQuery(this).find('> .sub-menu.eel_click');
siblingSub.css({
'max-height': '0',
'opacity': '0'
});
jQuery(this).removeClass('is-open-vertical');
jQuery(this).find('> a').removeClass('eel-vertical-open');
});
parentLi.addClass('is-open-vertical');
parentLink.addClass('eel-vertical-open');
subMenu.css({
'opacity': '1',
'max-height': subMenu[0].scrollHeight + 'px'
});
subMenu.one('transitionend', function() {
if (parentLi.hasClass('is-open-vertical')) {
subMenu.css('max-height', 'none');
}
});
}
});
}
});
});
})(jQuery);