window.onload = initPage;

function initPage(){
  var buttons = document.getElementById("navigation").getElementsByTagName("a");
  for (var i=0; i<buttons.length; i++) {
    var currentBtn = buttons[i];
    currentBtn.onclick = navigate;
  }
 
  selectWelcome();
}

function navigate(){
  var selectedNav = this.title;
  var nav = document.getElementById("navigation").getElementsByTagName("a");
  for (var i=0; i<nav.length; i++) {
    var currentNav = nav[i];
    if (currentNav.title == selectedNav) {
      currentNav.className = 'active';
    } else {
      currentNav.className = 'inactive';
    }
    if (document.getElementById("media")){
        var media = document.getElementById("media").getElementsByTagName("a");
        for (var n=0; n<media.length; n++){
            var currentMedia = media[n];
            currentMedia.onclick = playMedia;
        }
    }
  }

  navRequest = createRequest();
  if (navRequest == null) {
    alert("Unable to create request");
    return;
  }
  navRequest.onreadystatechange = showPane;
  navRequest.open("GET", selectedNav + ".php", true);
  navRequest.send(null);
}

function playSound(sound) {
 var thissound= eval(sound);
 try {
     thissound.Play();
 }
 catch (e) {
     thissound.DoPlay();
 }
}

function stopSound(sound) {
 var thissound= eval(sound);
 try {
     thissound.Stop();
 }
 catch (e) {
     thissound.DoStop();
 }
}

function playMedia(){ alert ("called");
    var selectedMedia = this.title;
    //var media = document.getElementById("media").getElementsByTagName("a");
    mediaRequest = createRequest();
    if (mediaRequest == null) {
        alert("Unable to create request");
        return;
    }
    mediaRequest.onreadystatechange = showMedia;
    mediaRequest.open("GET", "sounds/" + selectedMedia + ".wav", true);
    mediaRequest.send(null);
}

function showPane() {
  if (navRequest.readyState == 4) {
    if (navRequest.status == 200) {
      document.getElementById("content").innerHTML = navRequest.responseText;
    }
  }
}

function showMedia() {
  if (mediaRequest.readyState == 4) {
    if (mediaRequest.status == 200) {
      document.getElementById("mediaHere").innerHTML = mediaRequest.responseText;
    }
  }
}

function selectWelcome(){
	welRequest = createRequest();
	if (welRequest == null) {
       alert("Unable to create request");
  }
  else{
	welRequest.onreadystatechange = showWelcome;
	welRequest.open('GET', 'welcome.php', true);
	welRequest.send(null);
  }
}

function showWelcome(){
	if (welRequest.readyState == 4) {
    if (welRequest.status == 200) {
      document.getElementById("content").innerHTML = welRequest.responseText;
    }
  }
}


function selectMenu(){
	menuRequest = createRequest();
	if (menuRequest == null) {
       alert("Unable to create request");
  }
  else{
	menuRequest.onreadystatechange = showMenu;
	menuRequest.open('GET', 'menu.php', true);
	menuRequest.send(null);
  }
}

function showMenu(){
	if (menuRequest.readyState == 4) {
    if (menuRequest.status == 200) {
      document.getElementById("content").innerHTML = menuRequest.responseText;
    }
  }
}