document.addEventListener('DOMContentLoaded', function() {
    RefreshTitlesathensparty();
  });

  function addTimeStamp() {
    const tstmp = new Date();
    return tstmp.getTime();
  }

  function RefreshTitlesathensparty() {
    fetch("https://onair.e-radio.gr/whatson/athensparty/athensparty/NowOnAir.xml?timestamp=" + addTimeStamp())
      .then(response => response.text())
      .then(str => new window.DOMParser().parseFromString(str, "text/xml"))
      .then(ShowTitleArtistathensparty);

    fetch("https://onair.e-radio.gr/whatson/athensparty/athensparty/AirPlayNext.xml?timestamp=" + addTimeStamp())
      .then(response => response.text())
      .then(str => new window.DOMParser().parseFromString(str, "text/xml"))
      .then(ShowNextSongsathensparty);

    fetch("https://onair.e-radio.gr/whatson/athensparty/athensparty/AirPlayHistory.xml?timestamp=" + addTimeStamp())
      .then(response => response.text())
      .then(str => new window.DOMParser().parseFromString(str, "text/xml"))
      .then(ShowLastSongsathensparty);
  }

  function ShowTitleArtistathensparty(xml) {
    const songs = xml.getElementsByTagName("Song");
    for (let song of songs) {
      const title = song.getAttribute("title");
      document.getElementById("athensparty_title").innerHTML = title;

      const artists = song.getElementsByTagName("Artist");
      for (let artist of artists) {
        const name = artist.getAttribute("name");
        document.getElementById("athensparty_artist").innerHTML = name;
      }
    }
  }

  function ShowNowPicathensparty(txt) {
    const img = document.getElementById("athensparty_pic");
    if (txt) {
      img.src = txt;
      img.style.display = 'block';
    } else {
      img.src = '';
      img.style.display = 'none';
    }
  }

  function ShowLastSongsathensparty(xml) {
    let tmpLastSongs = "";
    const songs = xml.getElementsByTagName("Song");
    for (let song of songs) {
      tmpLastSongs += song.getElementsByTagName("Info")[0].getAttribute("StartTime") + " > ";
      tmpLastSongs += "<span class=mTitle>" + song.getAttribute("title") + "</span> > ";
      tmpLastSongs += song.getElementsByTagName("Artist")[0].getAttribute("name") + "   <br>";
    }
    document.getElementById("athensparty_lastsongs").innerHTML = tmpLastSongs;
  }

  function ShowNextSongsathensparty(xml) {
    const songs = xml.getElementsByTagName("Song");
    let j = 0;
    for (let song of songs) {
      if (j === 0) {
        document.getElementById("athensparty_nexttitle").innerHTML = song.getAttribute("title");
        document.getElementById("athensparty_nextartist").innerHTML = song.getElementsByTagName("Artist")[0].getAttribute("name");
      }
      j++;
      document.getElementById("nextheader").style.display = 'block';
    }
  }

  var oRefreshathensparty;
  oRefreshathensparty = window.setInterval(RefreshTitlesathensparty, 50000);