// JavaScript Document

// JavaScript Document
var imageUrl;
var undefined;
var xmlDoc;
var error;
var xmlRequest = null;
var t;
function loadXML2(xmlFile,page)
{
	if (window.ActiveXObject)
	{
		t='ie'; // je sais que c'est internet explorer
		try
		{
			xmlRequest = new ActiveXObject("Msxml2.XMLHTTP");
			
		}
		catch (e)
		{
			xmlRequest = new ActiveXObject("Microsoft.XMLHTTP");
			
		}
	}
	else if (window.XMLHttpRequest)
	{
		xmlRequest = new XMLHttpRequest();
		
	}
	else
	{
		alert('FONCTION NON-SUPORTÉE');
		return;
	}
	xmlRequest.open("GET",xmlFile,true);
	xmlRequest.onreadystatechange = function()
	{
		if (xmlRequest.readyState == 4)
		{	
			if(t=='ie')//evite un bug avec ie
			{
				reponse = xmlRequest.responseText;
			xmlDoc = new ActiveXObject("MSXML.DomDocument"); 
				xmlDoc.loadXML(reponse); 
			}
			else
			{
				xmlDoc = xmlRequest.responseXML;
			}	
		
			//l'appel de la fonction ici
			//avec xmlDoc comme paramètre
			
		}
	}
	xmlRequest.send(null);
}

//__________________RECHERCHE_______________________
//*************Fonction pour la recherche*************

function recherche()
{
	var valeur = document.getElementById("peintre");
	var div = document.getElementById('contenu_principal');
	var div1 = document.getElementById('affiche2');
	var toutLesArtistes = xmlDoc.getElementsByTagName(valeur.value.toLowerCase());
	var nombreArtistes = toutLesArtistes.length;
	var elementTrouve;
	
	elementTrouve = toutLesArtistes[0];
	var compteur = 1;
	// si le nom entrer correspond il va chercher les valeurs dans l'xml et il va les crée dans l'html
	if(elementTrouve != undefined)
	{
		
	
		div.innerHTML = '';
		div1.innerHTML = '';
		var tousLesPeintures = elementTrouve.getElementsByTagName('item');
		var nombrePeintures = tousLesPeintures.length;
		for(var i = 0; i < nombrePeintures; i++)
		{
				var autre = "";
			var nom = tousLesPeintures[i].firstChild.nodeValue;
			var adresse = tousLesPeintures[i].getAttribute('adresse');
			var tel = tousLesPeintures[i].getAttribute('tel');
			//alert(nom);
			compteur++
			if(compteur ==2)
			{
				autre = " class='color1'";
				compteur = 0;
			}
			div1.innerHTML = '<h2>Résultat de la recherche pour : ' + valeur.value.toLowerCase() + '</h2>'; 
			div.innerHTML += '<li' + autre + '><h3>' + nom + '</h3><p id= "tel">' + tel + '</p><p id= "adresse">' + adresse + '</p></li>';
		
		}
		
	}
	else{
		alert("Votre nom de ville est incorrect! Veuillez entrer un autre nom s'il vous plait.");
	}
	
	
	return false;
}