'; body.appendChild(videoModal); var videoModalFrame = videoModal.querySelector('.mirror-video-modal__frame'); var videoModalClose = videoModal.querySelector('.mirror-video-modal__close'); function normalizeVideoUrl(url) { if (!url) { return ''; } if (url.indexOf('youtube.com/watch?v=') !== -1) { return url.replace('watch?v=', 'embed/') + (url.indexOf('?') === -1 ? '?' : '&') + 'autoplay=1'; } if (url.indexOf('youtu.be/') !== -1) { return url.replace('youtu.be/', 'www.youtube.com/embed/') + '?autoplay=1'; } return url; } function closeVideoModal() { videoModal.classList.remove('mirror-open'); body.classList.remove('mirror-video-open'); if (videoModalFrame) { videoModalFrame.innerHTML = ''; } } function openVideoModal(url) { if (!videoModalFrame || !url) { return; } var embedUrl = normalizeVideoUrl(url); videoModalFrame.innerHTML = ''; videoModal.classList.add('mirror-open'); body.classList.add('mirror-video-open'); } document.querySelectorAll('.video-popup a[href], a.video-popup[href], .popup-video[href]').forEach(function(link) { link.addEventListener('click', function(event) { var href = link.getAttribute('href'); if (!href || href === '#' || href.indexOf('javascript:') === 0) { return; } event.preventDefault(); openVideoModal(href); }); }); if (videoModalClose) { videoModalClose.addEventListener('click', function() { closeVideoModal(); }); } videoModal.addEventListener('click', function(event) { if (event.target === videoModal || event.target.classList.contains('mirror-video-modal__backdrop')) { closeVideoModal(); } }); document.querySelectorAll('.hero-slider-area').forEach(function(slider) { var slides = Array.prototype.slice.call(slider.querySelectorAll(':scope > .swiper-wrapper > .swiper-slide')); var activeIndex = 0; var intervalId = null; if (!slides.length) { return; } function setActive(index) { activeIndex = (index + slides.length) % slides.length; slides.forEach(function(slide, slideIndex) { var isActive = slideIndex === activeIndex; slide.style.display = isActive ? 'block' : 'none'; slide.classList.toggle('mirror-active', isActive); }); } setActive(0); if (slides.length > 1) { intervalId = window.setInterval(function() { setActive(activeIndex + 1); }, 6000); slider.addEventListener('mouseenter', function() { if (intervalId) { window.clearInterval(intervalId); intervalId = null; } }); slider.addEventListener('mouseleave', function() { if (!intervalId) { intervalId = window.setInterval(function() { setActive(activeIndex + 1); }, 6000); } }); } }); document.querySelectorAll('.brand-logo-slider__container').forEach(function(container) { var wrapper = container.querySelector('.brand-logo-slider__wrapper'); if (!wrapper || container.dataset.mirrorMarquee === 'true') { return; } container.dataset.mirrorMarquee = 'true'; if (wrapper.children.length > 1) { wrapper.innerHTML += wrapper.innerHTML; } }); document.querySelectorAll('.industry-three-slider__container-area').forEach(function(area) { var container = area.querySelector('.industry-three-slider__container'); var wrapper = area.querySelector('.industry-three-slider__wrapper'); var slides = Array.prototype.slice.call(area.querySelectorAll('.industry-three-slider__single-slide')); var prevButton = area.parentElement && area.parentElement.querySelector('.ht-swiper-button-prev-7'); var nextButton = area.parentElement && area.parentElement.querySelector('.ht-swiper-button-next-7'); var pageIndex = 0; if (!container || !wrapper || !slides.length) { return; } function getSlidesPerView() { if (window.innerWidth <= 575) { return 1; } if (window.innerWidth <= 991) { return 2; } return 4; } function getMaxPage() { return Math.max(0, slides.length - getSlidesPerView()); } function render() { var slidesPerView = getSlidesPerView(); var maxPage = getMaxPage(); pageIndex = Math.max(0, Math.min(pageIndex, maxPage)); wrapper.style.transform = 'translate3d(-' + (pageIndex * (100 / slidesPerView)) + '%, 0, 0)'; if (prevButton) { prevButton.classList.toggle('swiper-button-disabled', pageIndex === 0); } if (nextButton) { nextButton.classList.toggle('swiper-button-disabled', pageIndex >= maxPage); } } if (prevButton) { prevButton.addEventListener('click', function() { pageIndex -= 1; render(); }); } if (nextButton) { nextButton.addEventListener('click', function() { pageIndex += 1; render(); }); } window.addEventListener('resize', render); render(); }); document.querySelectorAll('.industry-slider-area').forEach(function(area) { var navSlides = Array.prototype.slice.call(area.querySelectorAll('.industry-slider-nav-container .swiper-slide')); var contentSlides = Array.prototype.slice.call(area.querySelectorAll('.industry-slider-content-container .swiper-slide')); var prevButton = area.querySelector('.ht-swiper-button-prev-2'); var nextButton = area.querySelector('.ht-swiper-button-next-2'); var activeIndex = 0; if (!navSlides.length || !contentSlides.length) { return; } function setActive(index) { activeIndex = (index + contentSlides.length) % contentSlides.length; navSlides.forEach(function(slide, slideIndex) { var isActive = slideIndex === activeIndex; slide.classList.toggle('swiper-slide-thumb-active', isActive); slide.classList.toggle('mirror-active', isActive); slide.setAttribute('aria-current', isActive ? 'true' : 'false'); }); contentSlides.forEach(function(slide, slideIndex) { var isActive = slideIndex === activeIndex; slide.hidden = !isActive; slide.classList.toggle('mirror-active', isActive); slide.style.display = isActive ? 'block' : 'none'; }); var activeSlide = navSlides[activeIndex]; var navContainer = area.querySelector('.industry-slider-nav-container'); if (activeSlide && navContainer) { var offsetLeft = activeSlide.offsetLeft - Math.max(0, (navContainer.clientWidth - activeSlide.clientWidth) / 2); navContainer.scrollTo({ left: offsetLeft, behavior: 'smooth' }); } } navSlides.forEach(function(slide, slideIndex) { slide.addEventListener('click', function() { setActive(slideIndex); }); }); if (prevButton) { prevButton.addEventListener('click', function() { setActive(activeIndex - 1); }); } if (nextButton) { nextButton.addEventListener('click', function() { setActive(activeIndex + 1); }); } setActive(0); }); document.querySelectorAll('.image-gallery-slider-big__container-area').forEach(function(area) { var bigSlides = Array.prototype.slice.call(area.querySelectorAll('.image-gallery-slider-big__wrapper > .swiper-slide')); if (!bigSlides.length) { return; } var scope = area.parentElement || document; var smallSlides = Array.prototype.slice.call(scope.querySelectorAll('.image-gallery-slider-small__wrapper > .swiper-slide')); var prevButton = scope.querySelector('.ht-swiper-button-prev'); var nextButton = scope.querySelector('.ht-swiper-button-next'); var activeIndex = 0; function setActive(index) { activeIndex = (index + bigSlides.length) % bigSlides.length; bigSlides.forEach(function(slide, slideIndex) { slide.style.display = slideIndex === activeIndex ? 'block' : 'none'; }); smallSlides.forEach(function(slide, slideIndex) { slide.classList.toggle('mirror-active', slideIndex === activeIndex); }); } setActive(0); smallSlides.forEach(function(slide, slideIndex) { slide.style.cursor = 'pointer'; slide.addEventListener('click', function() { setActive(slideIndex); }); }); if (prevButton) { prevButton.addEventListener('click', function() { setActive(activeIndex - 1); }); } if (nextButton) { nextButton.addEventListener('click', function() { setActive(activeIndex + 1); }); } }); document.querySelectorAll('.project-filter-menu').forEach(function(menu) { var isotope = document.querySelector('.project-isotope'); if (!isotope) { return; } var items = Array.prototype.slice.call(isotope.children); var buttons = Array.prototype.slice.call(menu.querySelectorAll('[data-filter]')); buttons.forEach(function(button) { button.addEventListener('click', function() { buttons.forEach(function(other) { other.classList.remove('active'); }); button.classList.add('active'); var filter = button.getAttribute('data-filter'); items.forEach(function(item) { var show = filter === '*' || (filter && item.matches(filter)); item.style.display = show ? '' : 'none'; }); }); }); }); document.querySelectorAll('.accordion-button').forEach(function(button) { button.addEventListener('click', function(event) { event.preventDefault(); var target = button.getAttribute('data-bs-target') || button.getAttribute('data-target'); var panel = target ? document.querySelector(target) : null; if (!panel) { var item = button.closest('.accordion-item'); panel = item ? item.querySelector('.accordion-collapse') : null; } if (!panel) { return; } var isOpen = panel.classList.contains('show'); var accordion = button.closest('.accordion'); if (accordion && !isOpen) { accordion.querySelectorAll('.accordion-collapse.show').forEach(function(other) { other.classList.remove('show'); }); accordion.querySelectorAll('.accordion-button').forEach(function(other) { other.classList.add('collapsed'); }); } panel.classList.toggle('show', !isOpen); button.classList.toggle('collapsed', isOpen); }); }); document.addEventListener('keydown', function(event) { if (event.key === 'Escape') { closeSearchOverlay(); closeMobileMenu(); closeVideoModal(); } }); window.addEventListener('load', function() { document.querySelectorAll('.preloader-active').forEach(function(node) { node.style.display = 'none'; }); });