var reponseLoc;
var page_couranteLoc = 1;
var nb_pagesLoc = 1;
var nb_elementsLoc = 0;
var httpLocReq; // variable for posting information

function loadXMLPosDocLoc(url,posData) 
{
	// reinit 
	page_couranteLoc = 1;
	nb_elementsLoc = 0;
	document.getElementById("resultatsRechercheLoc").style.display = "none";
	document.getElementById("acces_aux_biensLoc").style.display = "none"; // "Acces aux biens" disparait
	document.getElementById("ficheLoc").style.display = "none"; // Fiche Loc disparait
	document.getElementById("compteurLoc").style.display = "none"; // le compteurLoc disparait
	
    // branch for native XMLHttpRequest object
    if (window.XMLHttpRequest) {
        httpLocReq = new XMLHttpRequest();
        httpLocReq.open("POST", url, true);
		httpLocReq.onreadystatechange = processPosChangeLoc;
		httpLocReq.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
        httpLocReq.send(posData);
    // branch for IE/Windows ActiveX version
    } else if (window.ActiveXObject) {
        httpLocReq = new ActiveXObject("Microsoft.XMLHTTP");
        if (httpLocReq) {
            httpLocReq.open("POST", url, true);
			httpLocReq.onreadystatechange = processPosChangeLoc;
			httpLocReq.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
            httpLocReq.send(posData);
        }
    }
}

function grabPosXMLLoc (tagName, index) 
{
	return reponseLoc.getElementsByTagName(tagName)[index].childNodes[0].nodeValue;
}

function processPosChangeLoc() 
{
    // page loaded "complete"
    if (httpLocReq.readyState == 4) 
	{
     
	   // la page est "OK"
       // page is "OK"
        if (httpLocReq.status == 200) 
		{
			reponseLoc = clean(httpLocReq.responseXML.documentElement); 
			nb_elementsLoc = reponseLoc.getElementsByTagName("ref").length;
			nb_pagesLoc = Math.ceil(nb_elementsLoc / 3);
			//alert ("nombre d'elements = " + nb_elementsLoc);
			//alert ("nombrede pages = " + nb_pagesLoc);
			document.getElementById("loadBarLoc").style.display = "none"; // la barre de progression disparait
			
			if (nb_elementsLoc == 0)
			{
				document.getElementById("resultatsRechercheLoc").style.display = "none";
				$("#no_resultLoc").fadeIn(500);
			}
			else
	    	{
				document.getElementById("no_resultLoc").style.display = "none";
				$("#acces_aux_biensLoc").fadeIn(500); // "Acces aux biens" apparait
				// recupération et affichage des données 
				remplirPageLoc(1);
				affichercompteurLoc();
				//$("#compteurLoc").fadeIn(500);
			}
			
		}
	}
}
		



// Node cleaner
function go(c)
{
	if(!c.data.replace(/\s/g,''))
		c.parentNode.removeChild(c);
}

function clean(d)
{
	var bal=d.getElementsByTagName('*');

	for(i=0;i<bal.length;i++)
	{
		a=bal[i].previousSibling;
		if(a && a.nodeType==3)
			go(a);
		b=bal[i].nextSibling;
		if(b && b.nodeType==3)
			go(b);
	}
	return d;
} 




// formattage des donnes pour la page a afficher
function remplirPageLoc(page_number)
{
	
	var divResPhoto1 = document.getElementById('resultsPhoto1Loc');
	var divResTexte1 = document.getElementById('resultsTexte1Loc');
	
	var divResPhoto2 = document.getElementById('resultsPhoto2Loc');
	var divResTexte2 = document.getElementById('resultsTexte2Loc');
	var ligne2 = document.getElementById('resultsLigne2Loc');
	var divResPhoto3 = document.getElementById('resultsPhoto3Loc');
	var divResTexte3 = document.getElementById('resultsTexte3Loc');
	
	var pageRes =document.getElementById('resultatsRechercheLoc');
	
	if( page_number > nb_pagesLoc)
		 alert("page_number > nb_pagesLoc!"); // DEBUG
	else
	{
		var n=1; // compteurLoc d'une nombre d'élément qu'on remplit sur cette page
		var index = (page_number - 1) * 3;
		
		pageRes.style.display = "none";
		
		// remplir le 1er élément
		var ref = grabPosXMLLoc("ref", index);
		var dossierPhoto = ref.replace("-","_"); 
		divResPhoto1.innerHTML = "<div style='background:url(photos/" + dossierPhoto + "/" + grabPosXMLLoc("photo1", index) + "); display:block; width:198px; height:150px;'></div>";      
		divResTexte1.innerHTML =  "<b>R&eacute;f.: </b>" + ref + " | <a href='javascript:;' onClick=\"voirFicheLoc(" + index + ");\"> + de Photos</a><br /><br />";
		divResTexte1.innerHTML +=  "<b>Descriptif du bien</b><br /><br />";
		divResTexte1.innerHTML +=  grabPosXMLLoc("localisation", index) + " - " + grabPosXMLLoc("minidescription", index) + "<br /><br />";
		divResTexte1.innerHTML +=  "<b>Loyer :</b> " + grabPosXMLLoc("loyer", index) + "&euro;/mois";
		index++;
		// remplir le 2e élément
		if(index < nb_elementsLoc)
		{
			n++; 
			ref = grabPosXMLLoc("ref", index);	
			dossierPhoto = ref.replace("-","_");
			divResPhoto2.innerHTML = "<div style='background:url(photos/" + dossierPhoto + "/" + grabPosXMLLoc("photo1", index) + "); display:block; width:198px; height:150px;'></div>"; 
			divResTexte2.innerHTML =  "<b>R&eacute;f.: </b>" + ref + " | <a href='javascript:;' onClick=\"voirFicheLoc(" + index + ");\"> + de Photos</a><br /><br />";
			divResTexte2.innerHTML +=  "<b>Descriptif du bien</b><br /><br />";
			divResTexte2.innerHTML +=  grabPosXMLLoc("localisation", index) + " - " + grabPosXMLLoc("minidescription", index) + "<br /><br />";
			divResTexte2.innerHTML +=  "<b>Loyer :</b> " + grabPosXMLLoc("loyer", index) + "&euro;/mois";	
			index++;
			// remplir le 3e élément
			if(index < nb_elementsLoc)
			{
				n++;
				ref = grabPosXMLLoc("ref", index);	
				dossierPhoto = ref.replace("-","_");
				divResPhoto3.innerHTML = "<div style='background:url(photos/" + dossierPhoto + "/" + grabPosXMLLoc("photo1", index) + "); display:block; width:198px; height:150px;'></div>"; 
				divResTexte3.innerHTML =  "<b>R&eacute;f.: </b>" + ref + " | <a href='javascript:;' onClick=\"voirFicheLoc(" + index + ");\"> + de Photos</a><br /><br />";
				divResTexte3.innerHTML +=  "<b>Descriptif du bien</b><br /><br />";
				divResTexte3.innerHTML +=  grabPosXMLLoc("localisation", index) + " - " + grabPosXMLLoc("minidescription", index) + "<br /><br />";
				divResTexte3.innerHTML +=  "<b>Loyer :</b> " + grabPosXMLLoc("loyer", index) + "&euro;/mois";	
			}
			else // effacer 3ieme éléments
			{
				divResPhoto3.innerHTML = ""; 
				divResTexte3.innerHTML = "";
			}		
		}
		else // effacer 2 et 3ieme éléments
		{
			divResPhoto2.innerHTML = ""; 
			divResTexte2.innerHTML = "";
			divResPhoto3.innerHTML = ""; 
			divResTexte3.innerHTML = "";
		}
		// affichage de la nouvelle page
		$("#resultatsRechercheLoc").fadeIn(500);
		// affichage des lignes de démarcation entre les éléments
		$("#resultsLigne1Loc").fadeIn(500);
		if (n > 1) $("#resultsLigne2Loc").fadeIn(500);
		else ligne2.style.display = "none";
		
		document.getElementById("loadBarLoc").style.display = "none"; // la barre de progression disparait
		
	}
	
}






// Création du compteurLoc en fonction du nombre de pages
function affichercompteurLoc()
{
	
	var divcompteurLoc = document.getElementById('compteurLoc');
	
	if(nb_pagesLoc > 1)
	{			
		var liste_pages = "<li class='pagination' id='pageLoc1' style='background-color:#d5da45;'><a href='javascript:;' onClick='goTopageLoc(1);' id='npageLoc1' style='color:#FFF;'>1</a></li>"
		for (i =2; i<= nb_pagesLoc; i++) // créer une puce pour chaque numéro de page
		{
			liste_pages += "<li class='pagination' id='pageLoc" + i +"' style='background-color:#FFF;'><a href='javascript:;' onClick='goTopageLoc(" + i + ");' id='npageLoc" + i +"' style='color:#3c3a3c;'>" + i + "</a></li>";	
		}
		
		divcompteurLoc.innerHTML = "<ul class='pagination'>" +
								"<li class='pagination' style='background-color:#FFF;'><a href='javascript:;' onClick='goTopageLoc(1);' style='color:#3c3a3c;'>| <</a></li>" +     				// aller a la page 1 
								"<li class='pagination' style='background-color:#FFF;'><a href='javascript:;' onClick='previouspageLoc();' style='color:#3c3a3c;'><<</a></li>" +   				// aller a la page précédente
								liste_pages +																							// liste de toutes les pages
								"<li class='pagination' style='background-color:#FFF;'><a href='javascript:;' onClick=\"nextpageLoc();\" style='color:#3c3a3c;'>>></a></li>" +					// aller a la page suivante
								"<li class='pagination' style='background-color:#FFF;'><a href='javascript:;' onClick=\"goTopageLoc(" + nb_pagesLoc + ");\" style='color:#3c3a3c;'>> |</a></li>" +	// aller a la derniere page
								"</ul>";
	}
	else
	{
	
		divCompteurLoc.innerHTML = "";
	
	}
	
	$("#compteurLoc").fadeIn(500);
	
	
	
								
	
}



// fait afficher la page num_page
function goTopageLoc(num_page)
{
	if (num_page != page_couranteLoc)
	{
		var puce_active = document.getElementById('pageLoc' + page_couranteLoc);
		var npuce_active = document.getElementById('npageLoc' + page_couranteLoc);
		puce_active.style.backgroundColor = "#FFF";
		npuce_active.style.color = "#3c3a3c";
		remplirPageLoc(num_page);
		page_couranteLoc = num_page;
		puce_active = document.getElementById('pageLoc' + page_couranteLoc);
		npuce_active = document.getElementById('npageLoc' + page_couranteLoc);
		puce_active.style.backgroundColor = "#d5da45";
		npuce_active.style.color = "#FFF";
	}		
}

// fait afficher la page précédente
function previouspageLoc()
{
	if( page_couranteLoc - 1 >= 1)
	{	
		var puce_active = document.getElementById('pageLoc' + page_couranteLoc);
		var npuce_active = document.getElementById('npageLoc' + page_couranteLoc);
		puce_active.style.backgroundColor = "#FFF";
		npuce_active.style.color = "#3c3a3c";
		page_couranteLoc -- ;
		remplirPageLoc(page_couranteLoc);
		puce_active = document.getElementById('pageLoc' + page_couranteLoc);
		npuce_active = document.getElementById('npageLoc' + page_couranteLoc);
		puce_active.style.backgroundColor = "#d5da45";
		npuce_active.style.color = "#FFF";
	}
}


// fait afficher la page suivante
function nextpageLoc()
{
	if( page_couranteLoc + 1 <= nb_pagesLoc)
	{	
		var puce_active = document.getElementById('pageLoc' + page_couranteLoc);
		var npuce_active = document.getElementById('npageLoc' + page_couranteLoc);
		puce_active.style.backgroundColor = "#FFF";
		npuce_active.style.color = "#3c3a3c";
		page_couranteLoc ++;
		remplirPageLoc(page_couranteLoc);
		puce_active = document.getElementById('pageLoc' + page_couranteLoc);
		npuce_active = document.getElementById('npageLoc' + page_couranteLoc);
		puce_active.style.backgroundColor = "#d5da45";
		npuce_active.style.color = "#FFF";
	}
}


// reaaffiche la page courante des résultats de recherche
function retourPageLocRecherche()
{
	document.getElementById("ficheLoc").style.display = "none";
	$("#acces_aux_biensLoc").fadeIn(500);
	$("#resultatsRechercheLoc").fadeIn(500);
	$("#compteurLoc").fadeIn(500);
}





// cache la page de résultats de la recherche, remplit la fiche Loc et la montre
function voirFicheLoc(index)
{
	var lienRetour = document.getElementById('retour_resultsLoc');
    var fichePhoto1Loc = document.getElementById('fichePhoto1Loc');                            
	var fichePhoto2Loc = document.getElementById('fichePhoto2Loc'); 
	var fichePhoto3Loc = document.getElementById('fichePhoto3Loc'); 
	var ficheTexteLoc = document.getElementById('ficheTexteLoc');							
	
	
	// cacher la page des résultats
	document.getElementById("resultatsRechercheLoc").style.display = "none";
	document.getElementById("acces_aux_biensLoc").style.display = "none"; // "Acces aux biens" disparait
	document.getElementById("compteurLoc").style.display = "none";
	// remplir la fiche
	lienRetour.innerHTML = "<a href='javascript:;' onClick='retourPageLocRecherche()';>< Retour</a>";

	var ref = grabPosXMLLoc("ref", index);
	var dossierPhoto = ref.replace("-","_"); 
	
	if (grabPosXMLLoc("photo1", index) != 'null') fichePhoto1Loc.innerHTML = "<a href='photos/" + dossierPhoto + "/" + grabPosXMLLoc("gd_photo1", index) + "' rel='lightbox'><img src='photos/" + dossierPhoto + "/" + grabPosXMLLoc("photo1", index) + "' /></a>";   
	if (grabPosXMLLoc("photo2", index) != 'null') fichePhoto2Loc.innerHTML = "<a href='photos/" + dossierPhoto + "/" + grabPosXMLLoc("gd_photo2", index) + "' rel='lightbox'><img src='photos/" + dossierPhoto + "/" + grabPosXMLLoc("photo2", index) + "' /></a>"; 
	if (grabPosXMLLoc("photo3", index) != 'null') fichePhoto3Loc.innerHTML =  "<a href='photos/" + dossierPhoto + "/" + grabPosXMLLoc("gd_photo3", index) + "' rel='lightbox'><img src='photos/" + dossierPhoto + "/" + grabPosXMLLoc("photo3", index) + "' /></a>";
	
	ficheTexteLoc.innerHTML =  "<b>R&eacute;f.: </b>" + ref + " | <a href='javascript:;' onClick='retourPageLocRecherche()';> Retour aux crit&egrave;res</a><br /><br /><br /><br /><br />";
	var desc = grabPosXMLLoc("description", index).replace(/\n/g,'<br/>');
	ficheTexteLoc.innerHTML +=  desc + "<br /><br />";
	ficheTexteLoc.innerHTML +=  "<b>Loyer</b><br /> " + grabPosXMLLoc("loyer", index) + " &euro;/mois<br /><br />";
	ficheTexteLoc.innerHTML +=  "<b>Localisation</b><br /> " + grabPosXMLLoc("localisation", index);
	
	ficheTexteLoc.innerHTML +=  "<div style='display:none;'>";
	if (grabPosXMLLoc("gd_photo4", index) != 'null') ficheTexteLoc.innerHTML += "<a href='photos/" + dossierPhoto + "/" + grabPosXMLLoc("gd_photo4", index) + "' rel='lightbox'></a>";
	if (grabPosXMLLoc("gd_photo5", index) != 'null') ficheTexteLoc.innerHTML += "<a href='photos/" + dossierPhoto + "/" + grabPosXMLLoc("gd_photo5", index) + "' rel='lightbox'></a>";
	if (grabPosXMLLoc("gd_photo6", index) != 'null') ficheTexteLoc.innerHTML += "<a href='photos/" + dossierPhoto + "/" + grabPosXMLLoc("gd_photo6", index) + "' rel='lightbox'></a>";
	if (grabPosXMLLoc("gd_photo7", index) != 'null') ficheTexteLoc.innerHTML += "<a href='photos/" + dossierPhoto + "/" + grabPosXMLLoc("gd_photo7", index) + "' rel='lightbox'></a>";
	if (grabPosXMLLoc("gd_photo8", index) != 'null') ficheTexteLoc.innerHTML += "<a href='photos/" + dossierPhoto + "/" + grabPosXMLLoc("gd_photo8", index) + "' rel='lightbox'></a>";
	if (grabPosXMLLoc("gd_photo9", index) != 'null') ficheTexteLoc.innerHTML += "<a href='photos/" + dossierPhoto + "/" + grabPosXMLLoc("gd_photo9", index) + "' rel='lightbox'></a>";
	if (grabPosXMLLoc("gd_photo10", index) != 'null') ficheTexteLoc.innerHTML += "<a href='photos/" + dossierPhoto + "/" + grabPosXMLLoc("gd_photo10", index) + "' rel='lightbox'></a>";
	ficheTexteLoc.innerHTML += "</div>";
	
	$("a[rel=lightbox]").fancybox();
	
	
	/*fichePhoto1Loc.innerHTML = "<div style='background:url(photos/" + dossierPhoto + "/" + grabPosXMLLoc("photo1", index) + "); display:block; width:198px; height:150px;'></div>";
	fichePhoto2Loc.innerHTML = "<div style='background:url(photos/" + dossierPhoto + "/" + grabPosXMLLoc("photo2", index) + "); display:block; width:198px; height:150px;'></div>";  
	fichePhoto3Loc.innerHTML = "<div style='background:url(photos/" + dossierPhoto + "/" + grabPosXMLLoc("photo3", index) + "); display:block; width:198px; height:150px;'></div>";  
	
	ficheTexteLoc.innerHTML =  "<b>R&eacute;f.: </b>" + ref + " | <a href='javascript:;' onClick='retourPageLocRecherche()';> Retour aux crit&egrave;res</a><br /><br /><br /><br /><br />";
	var desc = grabPosXMLLoc("description", index).replace(/\n/g,'<br/>');
	ficheTexteLoc.innerHTML +=  desc + "<br /><br />";
	ficheTexteLoc.innerHTML +=  "<b>Loyer</b><br /> " + grabPosXMLLoc("loyer", index) + " &euro;/mois<br /><br />";
	ficheTexteLoc.innerHTML +=  "<b>Localisation</b><br /> " + grabPosXMLLoc("localisation", index);
	*/
	
	// montrer la fiche
	$("#ficheLoc").fadeIn(500);	
	
}

// reset du champ localisation quand on clic dessus avec la souris
function focusLocalisationLoc()
{ 
	document.getElementById('localisation_Loc').value='';
}