var reponseCommercial;
var page_couranteCommercial = 1;
var nb_pagesCommercial = 1;
var nb_elementsCommercial = 0;
var httpCommercialReq; // variable for posting information

function loadXMLPosDocCommercial(url,posData) 
{
	
	// reinit 
	page_couranteCommercial = 1;
	nb_elementsCommercial = 0;
	document.getElementById("resultatsRechercheCommercial").style.display = "none";
	document.getElementById("acces_aux_biensCommercial").style.display = "none"; // "Acces aux biens" disparait
	document.getElementById("ficheCommercial").style.display = "none"; // Fiche Commercial disparait
	document.getElementById("compteurCommercial").style.display = "none"; // le compteurCommercial disparait
	
	
    // branch for native XMLHttpRequest object
    if (window.XMLHttpRequest) {
        httpCommercialReq = new XMLHttpRequest();
        httpCommercialReq.open("POST", url, true);
		httpCommercialReq.onreadystatechange = processPosChangeCommercial;
		httpCommercialReq.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
        httpCommercialReq.send(posData);
    // branch for IE/Windows ActiveX version
    } else if (window.ActiveXObject) {
        httpCommercialReq = new ActiveXObject("Microsoft.XMLHTTP");
        if (httpCommercialReq) {
            httpCommercialReq.open("POST", url, true);
			httpCommercialReq.onreadystatechange = processPosChangeCommercial;
			httpCommercialReq.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
            httpCommercialReq.send(posData);
        }
    }
}

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

function processPosChangeCommercial() 
{
    // page loaded "complete"
    if (httpCommercialReq.readyState == 4) 
	{
     
	 
	 	
	   // la page est "OK"
       // page is "OK"
        if (httpCommercialReq.status == 200) 
		{
			reponseCommercial = clean(httpCommercialReq.responseXML.documentElement); 
			nb_elementsCommercial = reponseCommercial.getElementsByTagName("ref").length;
			nb_pagesCommercial = Math.ceil(nb_elementsCommercial / 3);
			//alert ("nombre d'elements = " + nb_elementsCommercial);
			//alert ("nombrede pages = " + nb_pagesCommercial);
			document.getElementById("loadBarCommercial").style.display = "none"; // la barre de progression disparait
				 	
			
			if (nb_elementsCommercial == 0)
			{
				document.getElementById("resultatsRechercheCommercial").style.display = "none";
				$("#no_resultCommercial").fadeIn(500);
			}
			else
	    	{
				document.getElementById("no_resultCommercial").style.display = "none";
				$("#acces_aux_biensCommercial").fadeIn(500); // "Acces aux biens" apparait
				// recupération et affichage des données 
				remplirPageCommercial(1);
				affichercompteurCommercial();
				//$("#compteurCommercial").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 remplirPageCommercial(page_number)
{
	
	var divResPhoto1 = document.getElementById('resultsPhoto1Commercial');
	var divResTexte1 = document.getElementById('resultsTexte1Commercial');
	
	var divResPhoto2 = document.getElementById('resultsPhoto2Commercial');
	var divResTexte2 = document.getElementById('resultsTexte2Commercial');
	var ligne2 = document.getElementById('resultsLigne2Commercial');
	var divResPhoto3 = document.getElementById('resultsPhoto3Commercial');
	var divResTexte3 = document.getElementById('resultsTexte3Commercial');
	
	var pageRes =document.getElementById('resultatsRechercheCommercial');
	
	if( page_number > nb_pagesCommercial)
		 alert("page_number > nb_pagesCommercial!"); // DEBUG
	else
	{
		var n=1; // compteurCommercial 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 = grabPosXMLCommercial("ref", index);
		var dossierPhoto = ref.replace("-","_"); 
		divResPhoto1.innerHTML = "<div style='background:url(photos/" + dossierPhoto + "/" + grabPosXMLCommercial("photo1", index) + "); display:block; width:198px; height:150px;'></div>";      
		divResTexte1.innerHTML =  "<b>R&eacute;f.: </b>" + ref + " | <a href='javascript:;' onClick=\"voirFicheCommercial(" + index + ");\"> + de d&eacute;tails</a><br /><br />";
		divResTexte1.innerHTML +=  "<b>Descriptif du bien</b><br /><br />";
		divResTexte1.innerHTML +=  grabPosXMLCommercial("localisation", index) + " - " + grabPosXMLCommercial("minidescription", index) + "<br /><br />";
		divResTexte1.innerHTML +=  "<b>Prix :</b> " + grabPosXMLCommercial("prix", index) + "&euro;";
		if (grabPosXMLCommercial("location", index) == 1) divResTexte1.innerHTML +=  " / mois";
		index++;
		// remplir le 2e élément
		if(index < nb_elementsCommercial)
		{
			n++; 
			ref = grabPosXMLCommercial("ref", index);	
			dossierPhoto = ref.replace("-","_");
			divResPhoto2.innerHTML = "<div style='background:url(photos/" + dossierPhoto + "/" + grabPosXMLCommercial("photo1", index) + "); display:block; width:198px; height:150px;'></div>"; 
			divResTexte2.innerHTML =  "<b>R&eacute;f.: </b>" + ref + " | <a href='javascript:;' onClick=\"voirFicheCommercial(" + index + ");\"> + de d&eacute;tails</a><br /><br />";
			divResTexte2.innerHTML +=  "<b>Descriptif du bien</b><br /><br />";
			divResTexte2.innerHTML +=  grabPosXMLCommercial("localisation", index) + " - " + grabPosXMLCommercial("minidescription", index) + "<br /><br />";
			divResTexte2.innerHTML +=  "<b>Prix :</b> " + grabPosXMLCommercial("prix", index) + "&euro;";
		    if (grabPosXMLCommercial("location", index) == 1) divResTexte2.innerHTML +=  " / mois";	
			index++;
			// remplir le 3e élément
			if(index < nb_elementsCommercial)
			{
				n++;
				ref = grabPosXMLCommercial("ref", index);	
				dossierPhoto = ref.replace("-","_");
				divResPhoto3.innerHTML = "<div style='background:url(photos/" + dossierPhoto + "/" + grabPosXMLCommercial("photo1", index) + "); display:block; width:198px; height:150px;'></div>"; 
				divResTexte3.innerHTML =  "<b>R&eacute;f.: </b>" + ref + " | <a href='javascript:;' onClick=\"voirFicheCommercial(" + index + ");\"> + de d&eacute;tails</a><br /><br />";
				divResTexte3.innerHTML +=  "<b>Descriptif du bien</b><br /><br />";
				divResTexte3.innerHTML +=  grabPosXMLCommercial("localisation", index) + " - " + grabPosXMLCommercial("minidescription", index) + "<br /><br />";
				divResTexte3.innerHTML +=  "<b>Prix :</b> " + grabPosXMLCommercial("prix", index) + "&euro;";
		        if (grabPosXMLCommercial("location", index) == 1) divResTexte3.innerHTML +=  " / 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
		$("#resultatsRechercheCommercial").fadeIn(500);
		// affichage des lignes de démarcation entre les éléments
		$("#resultsLigne1Commercial").fadeIn(500);
		if (n > 1) $("#resultsLigne2Commercial").fadeIn(500);
		else ligne2.style.display = "none";
		
		document.getElementById("loadBarCommercial").style.display = "none"; // la barre de progression disparait
		
	}
	
}






// Création du compteurCommercial en fonction du nombre de pages
function affichercompteurCommercial()
{
	
	var divCompteurCommercial = document.getElementById('compteurCommercial');
	
	if(nb_pagesCommercial > 1)
	{			
		var liste_pages = "<li class='pagination' id='pageCommercial1' style='background-color:#d5da45;'><a href='javascript:;' onClick='goTopageCommercial(1);' id='npageCommercial1' style='color:#FFF;'>1</a></li>"
		for (i =2; i<= nb_pagesCommercial; i++) // créer une puce pour chaque numéro de page
		{
			liste_pages += "<li class='pagination' id='pageCommercial" + i +"' style='background-color:#FFF;'><a href='javascript:;' onClick='goTopageCommercial(" + i + ");' id='npageCommercial" + i +"' style='color:#3c3a3c;'>" + i + "</a></li>";	
		}
		
		divCompteurCommercial.innerHTML = "<ul class='pagination'>" +
								"<li class='pagination' style='background-color:#FFF;'><a href='javascript:;' onClick='goTopageCommercial(1);' style='color:#3c3a3c;'>| <</a></li>" +     				// aller a la page 1 
								"<li class='pagination' style='background-color:#FFF;'><a href='javascript:;' onClick='previouspageCommercial();' 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=\"nextpageCommercial();\" style='color:#3c3a3c;'>>></a></li>" +					// aller a la page suivante
								"<li class='pagination' style='background-color:#FFF;'><a href='javascript:;' onClick=\"goTopageCommercial(" + nb_pagesCommercial + ");\" style='color:#3c3a3c;'>> |</a></li>" +	// aller a la derniere page
								"</ul>";
	}
	else
	{
	
		divCompteurCommercial.innerHTML = "";
	
	}
	
	$("#compteurCommercial").fadeIn(500);
	
	
	
								
	
}



// fait afficher la page num_page
function goTopageCommercial(num_page)
{
	if (num_page != page_couranteCommercial)
	{
		var puce_active = document.getElementById('pageCommercial' + page_couranteCommercial);
		var npuce_active = document.getElementById('npageCommercial' + page_couranteCommercial);
		puce_active.style.backgroundColor = "#FFF";
		npuce_active.style.color = "#3c3a3c";
		remplirPageCommercial(num_page);
		page_couranteCommercial = num_page;
		puce_active = document.getElementById('pageCommercial' + page_couranteCommercial);
		npuce_active = document.getElementById('npageCommercial' + page_couranteCommercial);
		puce_active.style.backgroundColor = "#d5da45";
		npuce_active.style.color = "#FFF";
	}		
}

// fait afficher la page précédente
function previouspageCommercial()
{
	if( page_couranteCommercial - 1 >= 1)
	{	
		var puce_active = document.getElementById('pageCommercial' + page_couranteCommercial);
		var npuce_active = document.getElementById('npageCommercial' + page_couranteCommercial);
		puce_active.style.backgroundColor = "#FFF";
		npuce_active.style.color = "#3c3a3c";
		page_couranteCommercial -- ;
		remplirPageCommercial(page_couranteCommercial);
		puce_active = document.getElementById('pageCommercial' + page_couranteCommercial);
		npuce_active = document.getElementById('npageCommercial' + page_couranteCommercial);
		puce_active.style.backgroundColor = "#d5da45";
		npuce_active.style.color = "#FFF";
	}
}


// fait afficher la page suivante
function nextpageCommercial()
{
	if( page_couranteCommercial + 1 <= nb_pagesCommercial)
	{	
		var puce_active = document.getElementById('pageCommercial' + page_couranteCommercial);
		var npuce_active = document.getElementById('npageCommercial' + page_couranteCommercial);
		puce_active.style.backgroundColor = "#FFF";
		npuce_active.style.color = "#3c3a3c";
		page_couranteCommercial ++;
		remplirPageCommercial(page_couranteCommercial);
		puce_active = document.getElementById('pageCommercial' + page_couranteCommercial);
		npuce_active = document.getElementById('npageCommercial' + page_couranteCommercial);
		puce_active.style.backgroundColor = "#d5da45";
		npuce_active.style.color = "#FFF";
	}
}


// reaaffiche la page courante des résultats de recherche
function retourPageCommercialRecherche()
{
	document.getElementById("ficheCommercial").style.display = "none";
	$("#acces_aux_biensCommercial").fadeIn(500);
	$("#resultatsRechercheCommercial").fadeIn(500);
	$("#compteurCommercial").fadeIn(500);
}





// cache la page de résultats de la recherche, remplit la fiche Commercial et la montre
function voirFicheCommercial(index)
{
	var lienRetour = document.getElementById('retour_resultsCommercial');
    var fichePhoto1Commercial = document.getElementById('fichePhoto1Commercial');                            
	var fichePhoto2Commercial = document.getElementById('fichePhoto2Commercial'); 
	var fichePhoto3Commercial = document.getElementById('fichePhoto3Commercial'); 
	var ficheTexteCommercial = document.getElementById('ficheTexteCommercial');							
	
	
	// cacher la page des résultats
	document.getElementById("resultatsRechercheCommercial").style.display = "none";
	document.getElementById("acces_aux_biensCommercial").style.display = "none"; // "Acces aux biens" disparait
	document.getElementById("compteurCommercial").style.display = "none";
	// remplir la fiche
	lienRetour.innerHTML = "<a href='javascript:;' onClick='retourPageCommercialRecherche()';>< Retour</a>";

	var ref = grabPosXMLCommercial("ref", index);
	var dossierPhoto = ref.replace("-","_"); 
	
	if (grabPosXMLCommercial("photo1", index) != 'null') fichePhoto1Commercial.innerHTML = "<a href='photos/" + dossierPhoto + "/" + grabPosXMLCommercial("gd_photo1", index) + "' rel='lightbox'><img src='photos/" + dossierPhoto + "/" + grabPosXMLCommercial("photo1", index) + "' /></a>";   
	if (grabPosXMLCommercial("photo2", index) != 'null') fichePhoto2Commercial.innerHTML = "<a href='photos/" + dossierPhoto + "/" + grabPosXMLCommercial("gd_photo2", index) + "' rel='lightbox'><img src='photos/" + dossierPhoto + "/" + grabPosXMLCommercial("photo2", index) + "' /></a>"; 
	if (grabPosXMLCommercial("photo3", index) != 'null') fichePhoto3Commercial.innerHTML =  "<a href='photos/" + dossierPhoto + "/" + grabPosXMLCommercial("gd_photo3", index) + "' rel='lightbox'><img src='photos/" + dossierPhoto + "/" + grabPosXMLCommercial("photo3", index) + "' /></a>";
	
	ficheTexteCommercial.innerHTML =  "<b>R&eacute;f.: </b>" + ref + " | <a href='javascript:;' onClick='retourPageCommercialRecherche()';> Retour aux r&eacute;sultats</a><br /><br /><br /><br /><br />";
	var desc = grabPosXMLCommercial("description", index).replace(/\n/g,'<br/>');
	ficheTexteCommercial.innerHTML +=  desc + "<br /><br />";
	ficheTexteCommercial.innerHTML +=  "<b>Prix</b><br /> " + grabPosXMLCommercial("prix", index) + " &euro;";
	if (grabPosXMLCommercial("location", index) == 1) ficheTexteCommercial.innerHTML +=  " / mois";
	ficheTexteCommercial.innerHTML +=  "<br /><br />";
	ficheTexteCommercial.innerHTML +=  "<b>Commercialalisation</b><br /> " + grabPosXMLCommercial("localisation", index);
	
	ficheTexteCommercial.innerHTML +=  "<div style='display:none;'>";
	if (grabPosXMLCommercial("gd_photo4", index) != 'null') ficheTexteCommercial.innerHTML += "<a href='photos/" + dossierPhoto + "/" + grabPosXMLCommercial("gd_photo4", index) + "' rel='lightbox'></a>";
	if (grabPosXMLCommercial("gd_photo5", index) != 'null') ficheTexteCommercial.innerHTML += "<a href='photos/" + dossierPhoto + "/" + grabPosXMLCommercial("gd_photo5", index) + "' rel='lightbox'></a>";
	if (grabPosXMLCommercial("gd_photo6", index) != 'null') ficheTexteCommercial.innerHTML += "<a href='photos/" + dossierPhoto + "/" + grabPosXMLCommercial("gd_photo6", index) + "' rel='lightbox'></a>";
	if (grabPosXMLCommercial("gd_photo7", index) != 'null') ficheTexteCommercial.innerHTML += "<a href='photos/" + dossierPhoto + "/" + grabPosXMLCommercial("gd_photo7", index) + "' rel='lightbox'></a>";
	if (grabPosXMLCommercial("gd_photo8", index) != 'null') ficheTexteCommercial.innerHTML += "<a href='photos/" + dossierPhoto + "/" + grabPosXMLCommercial("gd_photo8", index) + "' rel='lightbox'></a>";
	if (grabPosXMLCommercial("gd_photo9", index) != 'null') ficheTexteCommercial.innerHTML += "<a href='photos/" + dossierPhoto + "/" + grabPosXMLCommercial("gd_photo9", index) + "' rel='lightbox'></a>";
	if (grabPosXMLCommercial("gd_photo10", index) != 'null') ficheTexteCommercial.innerHTML += "<a href='photos/" + dossierPhoto + "/" + grabPosXMLCommercial("gd_photo10", index) + "' rel='lightbox'></a>";
	ficheTexteCommercial.innerHTML += "</div>";
	
	$("a[rel=lightbox]").fancybox();
	
	
	/*fichePhoto1Commercial.innerHTML = "<div style='background:url(photos/" + dossierPhoto + "/" + grabPosXMLCommercial("photo1", index) + "); display:block; width:198px; height:150px;'></div>";
	fichePhoto2Commercial.innerHTML = "<div style='background:url(photos/" + dossierPhoto + "/" + grabPosXMLCommercial("photo2", index) + "); display:block; width:198px; height:150px;'></div>";  
	fichePhoto3Commercial.innerHTML = "<div style='background:url(photos/" + dossierPhoto + "/" + grabPosXMLCommercial("photo3", index) + "); display:block; width:198px; height:150px;'></div>";  
	
	ficheTexteCommercial.innerHTML =  "<b>R&eacute;f.: </b>" + ref + " | <a href='javascript:;' onClick='retourPageCommercialRecherche()';> Retour aux crit&egrave;res</a><br /><br /><br /><br /><br />";
	var desc = grabPosXMLCommercial("description", index).replace(/\n/g,'<br/>');
	ficheTexteCommercial.innerHTML +=  desc + "<br /><br />";
	ficheTexteCommercial.innerHTML +=  "<b>Loyer</b><br /> " + grabPosXMLCommercial("prix", index) + " &euro;/mois<br /><br />";
	ficheTexteCommercial.innerHTML +=  "<b>Commercialalisation</b><br /> " + grabPosXMLCommercial("localisation", index);
	*/
	
	// montrer la fiche
	$("#ficheCommercial").fadeIn(500);	
	
}

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