// I suck at JS okay, don't judge. I know this is horrendous.
// Heavy copy/paste junk.

var button1 = document.getElementById('button1');
var button2 = document.getElementById('button2');
var button3 = document.getElementById('button3');

contsrc = "file:///H:/Side projects/Site/";

var payload1 = "Hellow";
//var payload2 = new Promise(function(resolve) {
//    setTimeout(resolve(httpGet(contsrc + "pages/about.html")), 100, 'foo')});
var payload2 = "Ayy";
var payload3 = "lmao3";

function resetButtons() {
  button1.className = "nav-button";
  button2.className = "nav-button";
  button3.className = "nav-button";
}

function httpGet(myUrl) {
  var request = new XMLHttpRequest();
  
  request.open('GET', myUrl, true);
  request.send(null);

  if (request.status == 200) {
    return request.responseText;
  }
}

function setContent(navbutt, payload) {
  document.getElementById("page").innerHTML = payload;
  resetButtons();
  navbutt.className += " active";
}

button1.addEventListener('click', function() { 
	setContent(button1, payload1);
}, false);

button2.addEventListener('click', function() { 
	setContent(button2, payload2);
}, false);

button3.addEventListener('click', function() { 
	setContent(button3, payload3);
}, false);

function initialContent() { 
  setContent(button1, payload1);
}