script.js

function mudarVideo(direcao) {
    const slides = document.querySelectorAll('.video-slide');
    let ativoIndex = Array.from(slides).findIndex(slide => slide.classList.contains('ativo'));
  
    // Remove ativo e pausa todos os vídeos
    slides.forEach(slide => {
      slide.classList.remove('ativo');
      const video = slide.querySelector('video');
      video.pause();
      video.currentTime = 0; // volta ao início
    });
  
    // Calcula o novo índice
    ativoIndex = (ativoIndex + direcao + slides.length) % slides.length;
  
    // Adiciona ativo ao slide correto
    slides[ativoIndex].classList.add('ativo');
  }
  
  function togglePlay(button) {
    const video = button.previousElementSibling; // pega o <video>
    if (video.paused) {
      // pausa todos os outros antes
      document.querySelectorAll('video').forEach(v => {
        v.pause();
        v.currentTime = 0;
      });
      video.play();
      button.innerHTML = '<i class="fa-solid fa-pause"></i>';
    } else {
      video.pause();
      button.innerHTML = '<i class="fa-solid fa-play"></i>';
    }
  }
  function mostrarPagina(paginaId) {
    const paginas = document.querySelectorAll('.pagina');
    paginas.forEach(pagina => {
      pagina.style.display = 'none';
    });
  
    const paginaSelecionada = document.getElementById(paginaId);
    if (paginaSelecionada) {
      paginaSelecionada.style.display = 'block';
    }
  }