(function() { var slides = document.getElementById('vicSlides'); var current = 0; var total = 4; var dotsDiv = document.getElementById('vicDots'); var dots = []; var autoTimer; function updateDots() { dots.forEach(function(dot, i) { dot.classList.toggle('active', i === current); }); } function goTo(index) { current = ((index % total) + total) % total; slides.style.transform = 'translateX(-' + (current * 100) + '%)'; updateDots(); resetAuto(); } window.vicMoveSlide = function(dir) { goTo(current + dir); }; function resetAuto() { clearInterval(autoTimer); autoTimer = setInterval(function() { goTo(current + 1); }, 5000); } // create dots for (var i = 0; i 50) vicMoveSlide(diff > 0 ? 1 : -1); }); resetAuto(); })();