Grow Your Brand on Your Terms
Powered by Eva AI: Advertising & Expert Brand Management

document.addEventListener("DOMContentLoaded", function () { const swiper = new Swiper(".captain-mode", { slidesPerView: 1, spaceBetween: 30, autoplay: { delay: 5000, disableOnInteraction: false, }, loop: false, pagination: { el: ".swiper-pagination", clickable: true, }, }); let prevIndex = 0; let currentRotation = 0; // Store default src and srcset for each .target const defaultImageMap = new Map(); const targets = document.querySelectorAll('.target'); targets.forEach((el) => { const img = el.querySelector('img'); if (!img) return; defaultImageMap.set(el, { src: img.getAttribute('src'), srcset: img.getAttribute('srcset') || '' }); }); function updateTargets(currentIndex) { targets.forEach((el) => { const index = parseInt(el.dataset.index, 10); const activeSrc = el.dataset.active; const img = el.querySelector('img'); const defaultData = defaultImageMap.get(el); if (!img || !defaultData) return; if (index === currentIndex) { el.classList.add('active'); if (activeSrc) { img.src = activeSrc; img.srcset = activeSrc; // force override WordPress responsive handling } } else { el.classList.remove('active'); img.src = defaultData.src; img.srcset = defaultData.srcset; } }); } const capBox = document.querySelector('.cap-box'); const slideBadge = document.querySelector('img.slide-badges'); swiper.on('slideChange', () => { const wheel = document.querySelector('.wheel'); const currentIndex = swiper.activeIndex; const totalSlides = swiper.slides.length; const index = swiper.realIndex; // use realIndex if loop mode is on if (!capBox) return; switch (index) { case 0: capBox.style.filter = 'drop-shadow(0 13px 67px rgba(168, 62, 255, 0.37))'; slideBadge.src = 'https://eva.guru/wp-content/uploads/2025/07/auto-p-badge.webp'; break; case 2: capBox.style.filter = 'drop-shadow(0 13px 65px rgba(205, 1, 144, 0.49))'; slideBadge.src = 'https://eva.guru/wp-content/uploads/2025/07/capt-badge.webp'; break; case 1: capBox.style.filter = 'drop-shadow(0 12.35px 63.65px rgba(30, 92, 255, 0.55))'; slideBadge.src = 'https://eva.guru/wp-content/uploads/2025/07/co-pilot-badge.webp'; break; } if (wheel) { // Calculate direction and handle looping properly let direction; if (currentIndex === 0 && prevIndex === totalSlides - 1) { // looped from last to first slide → forward direction = 1; } else if (currentIndex === totalSlides - 1 && prevIndex === 0) { // looped from first to last slide → backward direction = -1; } else { direction = currentIndex > prevIndex ? 1 : -1; } currentRotation += 120 * direction; wheel.style.transform = `rotate(${currentRotation}deg)`; prevIndex = currentIndex; } updateTargets(currentIndex); }); // Initial activation updateTargets(0); jQuery('.target-3').click(function(){ swiper.slideTo(0); }); jQuery('.target-2').click(function(){ jQuery('.swiper-pagination-bullet:nth-child(2)').trigger('click'); }); jQuery('.target-1').click(function(){ jQuery('.swiper-pagination-bullet:nth-child(3)').trigger('click'); }); });