function getHTTPObject() {
  var xhr = false;
  if (window.XMLHttpRequest) {
    xhr = new XMLHttpRequest();
  } else if (window.ActiveXObject) {
    try {
      xhr = new ActiveXObject("Msxml2.XMLHTTP");
    } catch(e) {
      try {
        xhr = new ActiveXObject("Microsoft.XMLHTTP");
      } catch(e) {
        xhr = false;
      }
    }
  }
  return xhr;
}

function grabFile(file) {
  var request = getHTTPObject();
  if (request) {
    request.onreadystatechange = function() {
      parseResponse(request);
    };
    request.open("GET", file, true);
    request.send(null);
  }
}

function parseResponse(request) {
  if (request.readyState == 4) {
    if (request.status == 200 || request.status == 304) {
    
      var data = request.responseXML;
      
      var name = data.getElementsByTagName("name")[0].firstChild.nodeValue;
      
      var artist = data.getElementsByTagName("artist")[0].firstChild.nodeValue;
      
      var location = data.getElementsByTagName("location")[0].firstChild.nodeValue;
      
      var year = data.getElementsByTagName("year")[0].firstChild.nodeValue;
      
      var imagefile = data.getElementsByTagName("imagefile")[0].firstChild.nodeValue;
      
      var header = document.createElement("span");
      
      var subHead = document.createElement("span");
            
      var subSubHead = document.createElement("span");
      
      var creationdate = document.createElement("span");
      
      var gap = document.createElement("br");
       
      var headerText = document.createTextNode(name);
      
      header.appendChild(headerText);
      
      var subheadtext = document.createTextNode(artist);
      
      subHead.appendChild(subheadtext);
       
      var geotag = document.createTextNode(location);

      subSubHead.appendChild(geotag);     
      
      var created = document.createTextNode(year);
      
      creationdate.appendChild(created);
      
      var image = document.createElement("img");
      
      image.setAttribute("src",imagefile);
      
      var details = document.getElementById("details");
      
      while (details.hasChildNodes()) {
        details.removeChild(details.lastChild);
      }
      
      details.appendChild(image);
      details.appendChild(gap);
      details.appendChild(header);
      /*details.appendChild(subHead);*/
      /*details.appendChild(subSubHead);*/
      details.appendChild(creationdate);

    }
  }
}