var trackID;
var playlist;

function displayTrackInfo(_playlist, _trackID)
{
    trackID = _trackID; 
    playlist = _playlist;
    createContent();  
}

function loadXMLDoc()
{
    var xmlDoc;
    // code for IE
    if (window.ActiveXObject)
    {
        xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
        xmlDoc.async=false;
        xmlDoc.load(playlist);
    }
    // code for Mozilla, Firefox, Opera, etc.
    else if(window.XMLHttpRequest)
    {
        var d = new XMLHttpRequest();
        d.open("GET", playlist, false);
        d.send(null);
        xmlDoc=d.responseXML;
    }
    else
    {
        alert('Your browser cannot handle this script');
    }

    return(xmlDoc);
}

function createContent()
{

    xmlDoc=loadXMLDoc();

	var x=xmlDoc.getElementsByTagName('track');
	var newEl = document.createElement('DIV');
	newEl.setAttribute('class',"trackInfo");

	for (i=0;i<x.length;i++)
	{
		for (j=0;j<x[i].childNodes.length;j++)
	    {   
	        if (x[i].childNodes[j].nodeType != 1) continue;

	        //lets see if this track is the one we're looking for
	        if (x[i].childNodes[j].firstChild.nodeValue == trackID) {
	        
	            //using the current x[i] position loop through it's nodes
	            for (y=0;y<x[i].childNodes.length;y++)
	            {              
	                if (x[i].childNodes[y].nodeName == 'title'){

	                    var title = document.createElement('H3');
		                var theData = document.createTextNode(x[i].childNodes[y].firstChild.nodeValue);
		                title.appendChild(theData);
                        //now add the artist title to containing div
	                    newEl.appendChild(title);
	                    break;
	                }
	            }
            	
	            for (p=0;p<x[i].childNodes.length;p++)
	            {
	                if (x[i].childNodes[p].nodeType != 1) continue;
	                
	                if (x[i].childNodes[p].nodeName == 'trackInfo'){
		                var description = document.createElement('P');		                
		                description.innerHTML = x[i].childNodes[p].firstChild.nodeValue;
		                newEl.appendChild(description);
		                break;
                    }
	            }
	        }
	    }
	}
	
	document.getElementById('playlistTrack').innerHTML = "";
    document.getElementById('playlistTrack').appendChild(newEl);
}