function ajax(jeu)
{
    var xhr=null;
    
    if (window.XMLHttpRequest) { 
        xhr = new XMLHttpRequest();
    }
    else if (window.ActiveXObject) 
    {
        xhr = new ActiveXObject("Microsoft.XMLHTTP");
    }
    //on définit l'appel de la fonction au retour serveur
    xhr.onreadystatechange = function() { alert_ajax(xhr); };
    
    //on affiche le message d'acceuil
    document.getElementById("message").className="tumevois";
    
    //on appelle le fichier reponse.txt
    xhr.open("GET", "reponse.php?jeu="+jeu, true);
    xhr.send(null);
}

function alert_ajax(xhr)
{
    if (xhr.readyState==4) 
    {
    	var docXML= xhr.responseXML;
    	var items = docXML.getElementsByTagName("titre")
		var artistes = docXML.getElementsByTagName("artiste")
		var jeux = docXML.getElementsByTagName("jeu")
    	//on fait juste une boucle sur chaque element "donnee" trouvé
    	document.getElementById("message").className="tumevoispas";
		//contenu="<strong>"+jeu+"<strong><ul>";
		contenu="<strong>Jeu " + jeux.item(0).firstChild.data + "</strong><br/><ul>";
    	for (i=0;i<items.length;i++)
    	{
			contenu=contenu+("<li>" + items.item(i).firstChild.data + "</li>" );
    	}
		contenu=contenu+"</ul>";
		document.getElementById('reponses_playlist').innerHTML = contenu;
    }
}

function ajax2(artiste)
{
    var xhr=null;
    
    if (window.XMLHttpRequest) { 
        xhr = new XMLHttpRequest();
    }
    else if (window.ActiveXObject) 
    {
        xhr = new ActiveXObject("Microsoft.XMLHTTP");
    }
    //on définit l'appel de la fonction au retour serveur
    xhr.onreadystatechange = function() { alert_ajax2(xhr); };
    
    //on affiche le message d'acceuil
    document.getElementById("message2").className="tumevois2";
    
    //on appelle le fichier reponse.txt
    xhr.open("GET", "reponse2.php?artiste="+artiste, true);
    xhr.send(null);
}

function alert_ajax2(xhr)
{
    if (xhr.readyState==4) 
    {
    	var docXML= xhr.responseXML;
    	var items = docXML.getElementsByTagName("titre")
		var artistes = docXML.getElementsByTagName("artiste")
		var jeux = docXML.getElementsByTagName("jeu")
    	//on fait juste une boucle sur chaque element "donnee" trouvé
    	document.getElementById("message2").className="tumevoispas2";
		//contenu="<strong>"+jeu+"<strong><ul>";
		contenu="<strong>Par " + artistes.item(0).firstChild.data + "</strong><br/><ul>";
    	for (i=0;i<items.length;i++)
    	{
			contenu=contenu+("<li>" + items.item(i).firstChild.data + " (" + jeux.item(i).firstChild.data + ")</li>" );
    	}
		contenu=contenu+"</ul>";
		document.getElementById('reponses_playlist2').innerHTML = contenu;
    }
}