var sections = ['a01-section','a02-section','a03-section','a04-section','a05-section','a06-section','a07-section','a08-section']; function getCurrentSection() { for (var i = 0; i < sections.length; i++) { var el = document.getElementById(sections[i]); if (el && window.getComputedStyle(el).display !== 'none') { return i; } } return 0; } function restartGifs(sectionId) { var el = document.getElementById(sectionId); if (!el) return; var gifs = el.querySelectorAll('img[src*=".gif"]'); gifs.forEach(function(gif) { var src = gif.src.split('?')[0]; gif.src = ''; gif.src = src + '?' + new Date().getTime(); }); } function navigateSection(direction) { var current = getCurrentSection(); var next = (current + direction + sections.length) % sections.length; var target = sections[next].replace('-section', ''); window.location.href = 'https://spittydesign.com/#' + target; setTimeout(function() { restartGifs(sections[next]); }, 300); } document.addEventListener('keydown', function(e) { if (e.key === 'ArrowLeft') navigateSection(-1); if (e.key === 'ArrowRight') navigateSection(1); });