// Obter o modal
var modal = document.getElementById("radio-modal");

// Obter o iframe do player
var radioPlayer = document.getElementById("radio-player");

var radioTitle = document.getElementById('radio-title');

// Obter o elemento <span> que fecha o modal
var span = document.getElementsByClassName("radio-modal-close")[0];

// Função para abrir o modal e iniciar a reprodução
function openRadioModal(event, url, title) {
    event.preventDefault(); // Prevenir o comportamento padrão do link
    radioPlayer.src = url; // Substitua pelo URL da sua stream de rádio
    radioPlayer.title = title;
    radioTitle.textContent = title; // Define o título na tag <h2>
    modal.style.display = "block";
}

// Quando o usuário clicar no <span> (x), fecha o modal
span.onclick = function() {
    modal.style.display = "none";
    radioPlayer.src = ""; // Parar a reprodução quando o modal for fechado
}

// Quando o usuário clicar fora do modal, fecha o modal
window.onclick = function(event) {
    if (event.target == modal) {
        modal.style.display = "none";
        radioPlayer.src = ""; // Parar a reprodução quando o modal for fechado
    }
}