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", "music.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", "music.xml", true);
    req.send(null);
  }
else
  {
  alert('Your browser cannot handle this script');
  }
}

function changeClass(Elem, myClass) {

	var elem;

	if(document.getElementById) {

		var elem = document.getElementById(Elem);

	} else if (document.all){

		var elem = document.all[Elem];

	}

	elem.className = myClass;

}

function DefaultDesc()
{

	changeClass("Desc", "desc_g");

	

	document.getElementById("Desc").innerHTML= "<a name='general' /><b>At CREATE!</b>, we recognize that music is one of life’s great joys. Throughout the world, music helps to define the human experience; a soundtrack playing everywhere we go, from shopping mall to concert hall, on every continent and in our own backyards. By developing the skills to truly appreciate music, we open the door to an expanded world. <br/><br /> <b>CREATE!</b>’s music classes are designed with this idea in mind. We strive to provide our students with tools to enrich themselves through music long after our programs have concluded. Our classes introduce fundamental elements of music theory, such as rhythm, harmony, melody, dynamics and form, while providing genuine hands-on opportunities that tap into the intangible magic of the musical experience.<br/><br/>"

}

function LoadDesc(i)
{

	changeClass("Desc", "desc");

	

	document.getElementById("Desc").innerHTML= "<a name='"+ xmlDoc.getElementsByTagName("Link")[i].childNodes[0].nodeValue +"' class='medium_bold'>" + xmlDoc.getElementsByTagName("Name")[i].childNodes[0].nodeValue + "</a><br /><br />" + xmlDoc.getElementsByTagName("Desc")[i].childNodes[0].nodeValue + "<div style='text-align:right'><br />" + xmlDoc.getElementsByTagName("Age")[i].childNodes[0].nodeValue + "</div>";

}


function getmessage()
{
xmlDoc = req.responseXML;
var x=xmlDoc.getElementsByTagName("Name");
var courses= "";
for (var i=0;i<x.length;i++)

  { 

	courses= courses + "<a href='#" + xmlDoc.getElementsByTagName("Link")[i].childNodes[0].nodeValue + "' onclick='LoadDesc(" + i + ")' >" + x[i].childNodes[0].nodeValue + "</a> <br />";

  }

  
document.getElementById("Names").innerHTML = courses;

}