document.addEventListener("DOMContentLoaded", function() {
    let csvData = [];
    let currentRow = 1;  // 現在の2行目のインデックス

    // CSVファイルを読み込む
    fetch('mp3_path.csv')
        .then(response => response.text())
        .then(data => {
            csvData = data.split(/\r?\n|\r/).map(line => line.split(","));

            if (csvData.length >= 3) {
                // 初期表示
                updateDisplay();
            }
        })
        .catch(error => {
            console.error("CSVファイルの読み込み中にエラーが発生しました:", error);
        });

    // 表示を更新する関数
    function updateDisplay() {
        // 1行目を表示
        const displayText = document.getElementById("displayText");
        displayText.innerHTML = csvData[0].join(", ");

        // 2行目を非表示（内容をセットして非表示）
        const hiddenText = document.getElementById("hiddenText");
        hiddenText.innerHTML = csvData[currentRow].join(", ");

        // 3行目をオーディオ再生
        const audioPlayer = document.getElementById("audioPlayer");
        audioPlayer.src = csvData[2][0]; // 3行目の1列目に音声ファイルのURLがあると仮定
        audioPlayer.play();
    }

    // 次のボタンのクリックイベント
    const nextButton = document.getElementById("nextButton");
    nextButton.addEventListener("click", function() {
        // 2行目のデータを次のものに入れ替える
        currentRow += 1;
        if (currentRow >= csvData.length) {
            currentRow = 1; // 1行目は表示されるものなので、1行目に戻る
        }
        updateDisplay();
    });
});