document.addEventListener('DOMContentLoaded', function () {
const days = document.querySelectorAll('.day');
const modal = document.getElementById('videoModal');
const videoFrame = document.getElementById('videoFrame');
const closeModal = document.getElementById('closeModal');
// Aggiungi evento click a ciascun giorno
days.forEach(day => {
day.addEventListener('click', () => {
const inner = day.querySelector('.day-inner');
const videoUrl = day.getAttribute('data-video');
// Gira la carta
day.classList.add('clicked');
// Aspetta che la rotazione finisca, quindi mostra il video
setTimeout(() => {
videoFrame.src = videoUrl;
modal.classList.add('active');
}, 800); // 800ms corrisponde al tempo della rotazione
});
});
// Chiudi il video e rimuovi il modal
closeModal.addEventListener('click', () => {
modal.classList.remove('active');
videoFrame.src = ""; // Ferma il video
});
// Chiudi il modal cliccando fuori dal contenuto
modal.addEventListener('click', (e) => {
if (e.target === modal) {
modal.classList.remove('active');
videoFrame.src = "";
}
});
});
