// languaging ???

async function localize(params) {
  let lang = document.getElementById("language");

  if (lang == null) {
    console.log("lang doesn't exist waaahhh");
    let temp1 = document.getElementById('naviframe');
    let temp2 = temp1.contentDocument || temp1.contentWindow.document;
    console.log(temp2)
    lang = temp2.getElementById('language')
    console.log(lang)
  }
  lang = lang.value;
  //localStorage.setItem("lang", lang);
  thing = document.querySelectorAll("*");
  file = await fetch("/resources/lang/lang.json"); 
  console.log("EXISTANCE !!!")
  if (file.ok) {
    contents = await file.json();
    // contents.<lang>.<key>
    thing.forEach(element => {
      key = element.getAttribute("key");
      if (key != null) {
        console.log(contents[lang][key]);
        element.innerHTML = contents[lang][key];
      }
    });
  } else {
    console.log("oopsie !!!")
  }   
}

if (lang_element != null) {
  localize()
  lang_element.addEventListener('change', localize)
}

function onFrameLoad(frame) {
  let frame_doc = frame.contentDocument || frame.contentWindow.document;
  let frame_lang_element = frame_doc.getElementById('language');

  frame_lang_element .addEventListener('change', localize);
  localize()
}