var xmlDoc;
var req;

function loadXML()
{
// code for IE
if (window.ActiveXObject)
{
      req = new ActiveXObject("Microsoft.XMLHTTP");
      if (req) {
          req.onreadystatechange = getmessage;
          req.open("GET", " artists.xml", true);
          req.send();
      }
  }
// code for Mozilla, Firefox, Opera, etc.
else if (document.implementation &&
document.implementation.createDocument)
  {
    req = new XMLHttpRequest();
    req.onreadystatechange = getmessage;
    req.open("GET", "artists.xml", true);
    req.send(null);
  }
else
  {
  alert('Your browser cannot handle this script');
  }
}


function LoadDesc(i)
{
		document.getElementById("artist_pic").src = "images/" + xmlDoc.getElementsByTagName("Image")[i].childNodes[0].nodeValue ; 
		
				
		var info = "<b> <a name='" + xmlDoc.getElementsByTagName("Link")[i].childNodes[0].nodeValue + "'>" + xmlDoc.getElementsByTagName("Name")[i].childNodes[0].nodeValue + "</a></b> <br /><br />"  +	xmlDoc.getElementsByTagName("p")[i].childNodes[0].nodeValue;
		
		
		if(xmlDoc.getElementsByTagName("p1")[i].hasChildNodes){
			info+= "<p>" + xmlDoc.getElementsByTagName("p1")[i].childNodes[0].nodeValue + "</p>";}
		
		
		if(xmlDoc.getElementsByTagName("p2")[i].hasChildNodes){
			info+= "<p>" + xmlDoc.getElementsByTagName("p2")[i].childNodes[0].nodeValue + "</p>";}
	

		document.getElementById("Desc").innerHTML= info;
}

function getmessage()
{
xmlDoc = req.responseXML;

var x=xmlDoc.getElementsByTagName("Name");
var courses= "";
var link="";
for (var i=0;i<x.length;i++)
  { 
	link = xmlDoc.getElementsByTagName("Link")[i].childNodes[0].nodeValue;
	courses+= "<a href='#" + link + "' onclick='LoadDesc(" + i + ")'>" + x[i].childNodes[0].nodeValue + "</a> <br />";
  }
  
document.getElementById("Names").innerHTML = courses;

}