window.onload = initPage;

function initPage(){
    //find the links to change content with
        var links=document.getElementById("sections").getElementsByTagName("a");

        // set the handler for each section-link
  for (var i = 0; i < links.length; i++) {
    var link = links[i];
    // create the onclick function for each section-link

    link.onclick = function() {
      // find the content for the section-link
      getDetails(this.title);
    }
  }
 //set the handler for each tab-link

}
function getDetails(itemName) {
  request = createRequest();
  if (request == null) {
    alert("Unable to create request");
    return;
  }
  // Version for XML server-side script
  var url= "data/slideshowdata.php?contentsID=" + escape(itemName);
  request.open("GET", url, true);
  request.onreadystatechange = displayDetails;
  request.send(null);
}

function displayDetails() {
  if (request.readyState == 4) {
    if (request.status == 200) {
      var detailDiv = document.getElementById("contents");
      // Remove existing item details (if any)
      for (var i=detailDiv.childNodes.length; i>0; i--) {
        detailDiv.removeChild(detailDiv.childNodes[i-1]);
      }
      // Add new item details
      var responseDoc = request.responseXML;
      var categories = responseDoc.getElementsByTagName("category");
      for (var i=0; i<categories.length; i++) {
        var category = categories[i];
        var nameElement = category.getElementsByTagName("name")[0];
        var categoryName = nameElement.firstChild.nodeValue;
        var categoryType = category.getAttribute("type");
        if ((categoryType == null) || (categoryType != "list")) {
          var valueElement = category.getElementsByTagName("value")[0];
          var categoryValue = valueElement.firstChild.nodeValue;
          var h = document.createElement("h3");
          var title = document.createTextNode(
            categoryName)
          h.appendChild(title)
          detailDiv.appendChild(h);
          var values = category.getElementsByTagName("value");
          for (var k=0; k<values.length; k++){
          var p=document.createElement("p");
          p.appendChild(document.createTextNode(values[k].firstChild.nodeValue));
          detailDiv.appendChild(p);

          }

        }
      }
    }
  }
}