var xmlhttp;

function displayMix(str)
{
 xmlhttp = GetXmlHttpObject();
 if(xmlhttp == null)
 {
  alert ("Browser does not support HTTP Request");
  return;
 }

 var url = "http://www.mark5.us/readxml.php";
 url = url + "?mix=" + str;

 xmlhttp.onreadystatechange = stateChanged;
 xmlhttp.open("GET", url, true);
 xmlhttp.setRequestHeader("Content-Type", "text/xml");
 xmlhttp.send(null);
}

function stateChanged()
{
 if(xmlhttp.readyState == 4)
 {
  xmlDoc = xmlhttp.responseXML;

  //document.getElementById("title").innerHTML = xmlhttp.responseText;

//  if(xmlhttp.responseXML != null)
//  {
//   document.getElementById("title").innerHTML = "success";
//   document.getElementById("title").innerHTML = xmlDoc.getElementsByTagName("image").length;
//  }

  var imagesparent = xmlDoc.getElementsByTagName("images")[0];
  var images = xmlDoc.getElementsByTagName("image");
  var title = xmlDoc.getElementsByTagName("name")[0].childNodes[0].nodeValue;
  var genre = xmlDoc.getElementsByTagName("genre")[0].childNodes[0].nodeValue;
  var link = xmlDoc.getElementsByTagName("link")[0].childNodes[0].nodeValue;
  var tracks = xmlDoc.getElementsByTagName("track");

  var imagelist = document.getElementById("images");
  var tracklist = document.getElementById("tracklist");

  imagelist.innerHTML = "";
  for(i = 0; i < images.length; i++)
  {
   imagelist.innerHTML += "&nbsp;<img src='/images/" + images[i].childNodes[0].nodeValue + "' />";
  }

  if(imagesparent.getAttribute("credit") != null)
  {
   if(imagesparent.getAttribute("creditlink") != null)
   {
    document.getElementById("credits").innerHTML = "<a href='" + imagesparent.getAttribute("creditlink") + "'>" + imagesparent.getAttribute("credit") + "</a>";
   }
   else
   {
    document.getElementById("credits").innerHTML = imagesparent.getAttribute("credit");
   }
  }
  else
  {
   document.getElementById("credits").innerHTML = "";
  }

  document.getElementById("title").innerHTML = "<a href='/mixes/" + link + "'>" + title + " (" + genre + ")</a>";

//  document.getElementById("title").innerHTML = tracks[0].childNodes[0].nodeValue;


  tracklist.innerHTML = "";
  for(i = 0; i < tracks.length; i++)
  {
   tracklist.innerHTML += "<li>" + tracks[i].childNodes[0].nodeValue + "</li>";
  }

 }
}

function GetXmlHttpObject()
{
 if (window.XMLHttpRequest)
 {
  // code for IE7+, Firefox, Chrome, Opera, Safari
  return new XMLHttpRequest();
 }

 if (window.ActiveXObject)
 {
  // code for IE6, IE5
  return new ActiveXObject("Microsoft.XMLHTTP");
 }

 return null;
}