const navArray = {};
const tiem = new Date();
const links = document.getElementsByTagName("a");

function setLinkEventHandlers() {
  for (node of links) {
    // Checking if local link and whether event handler has been set
    if (node.host == location.host && !node.onclick && node.childNodes[0].tagName != "IMG") {
      node.onclick = function(e) {
        e.preventDefault();
        let url = e.currentTarget.pathname;
        getResource(url);
        history.pushState({ url: e.currentTarget.pathname }, "", e.currentTarget.pathname);
      }
    }
  }
}

function getResource(url) {
  url = "js" + url;
  if (navArray[url]) {
    insert(navArray[url]);
  } else {
    fetch(url).then(response => {
      return response.text();
    }).then(text => {
      insert(text);
      navArray[url] = text;
    });
  }
}

function historyHandler() {
  if (history.state) {
    getResource(history.state["url"]);
  }
}

function insert(elem) {
  const container = document.getElementsByClassName("container");
  clear(container[0]);
  container[0].insertAdjacentHTML('afterbegin', elem);
  setLinkEventHandlers();
}

function clear(node) {
  while (node.hasChildNodes()) {
    node.removeChild(node.lastChild);
  }
}

function lainRadio() {
  fetch("https://lainon.life/playlist/cyberia.json").then(response => {
    return response.json();
  }).then(json => {
    let current = `${json.current.artist} - ${json.current.title}`;
    document.getElementById("cyberia").innerHTML = current;
  });
}
  
function clock() {
  tiem.setTime(tiem.getTime()+1000);
  //formatting and 0 padding date and time
  document.getElementById("time").innerHTML = `${("0" + tiem.getDate()).slice(-2)}-${("0" + (tiem.getMonth()+1)).slice(-2)}-${tiem.getFullYear()} ${("0" + tiem.getHours()).slice(-2)}:${("0" + tiem.getMinutes()).slice(-2)}:${("0" + tiem.getSeconds()).slice(-2)}`;
}

window.onpopstate = historyHandler;

setLinkEventHandlers();
clock();
lainRadio();
setInterval(clock, 1000);
//setInterval(lainRadio, 30000); disabled until ready, hi barrucadu