var filterbar_htmlcode='<div style="font-family:verdana;font-size:11pt;text-align:center;display:none;" id="filterbar">';
filterbar_htmlcode+=' '
filterbar_htmlcode+='               		'
filterbar_htmlcode+='               		Look for an availibility among the hotels listed here<br>'
filterbar_htmlcode+='               		Rechercher une disponibilitée parmis les hotels de cette liste'
filterbar_htmlcode+='               		'
filterbar_htmlcode+='               		<br><br>'
filterbar_htmlcode+='               		'
filterbar_htmlcode+='               		<table style="font-family:verdana;font-size:9pt;border:1px solid lightgrey" align="center">'
	filterbar_htmlcode+='               		<tr>'
		filterbar_htmlcode+='               		<td><b>Arrival day / Jour d\'arrivée</b></td>'
		filterbar_htmlcode+='               		<td align="right"><b>Number of nights / Nombre de nuits</b></td>'
	filterbar_htmlcode+='               		</tr>'
	filterbar_htmlcode+='               		<tr>'
	filterbar_htmlcode+='               			<td >'
	filterbar_htmlcode+='		               		<table style="font-family:verdana;font-size:9pt;">'
	filterbar_htmlcode+='		               			<tr><td>day/jour</td><td>month/mois</td><td>year/année</td></tr>'
	filterbar_htmlcode+='		               			<tr>'
	filterbar_htmlcode+='		               			<td align="center"><select class="filterbar_select" id="filterbar_day"></select></td>'
	filterbar_htmlcode+='		               			<td align="center"><select class="filterbar_select" id="filterbar_month"></select></td>'
	filterbar_htmlcode+='		               			<td align="center"><select class="filterbar_select" id="filterbar_year"></select></td>'
	filterbar_htmlcode+='		               			</tr>'
	filterbar_htmlcode+='		               		</table>'
	filterbar_htmlcode+='               			</td>'
	filterbar_htmlcode+='               			<td align=center >'
	filterbar_htmlcode+='               				<table>'
	filterbar_htmlcode+='	               				<tr><td>&nbsp;</td></tr>'
	filterbar_htmlcode+='	               				<tr><td><select class="filterbar_select" id="filterbar_los"></select></td></tr>'
	filterbar_htmlcode+='               				</table>'
	filterbar_htmlcode+='               			</td>'
	filterbar_htmlcode+='               		</tr>'
filterbar_htmlcode+='               		'
filterbar_htmlcode+='               		<tr><td colspan="2" align="center"><br><b>Rooms / Chambres</b><br>'
filterbar_htmlcode+='               							<i>Select a quantity and a room type</i><br>'
filterbar_htmlcode+='               							<i>Selectionnez une quantité et un type de chambre</i>'
filterbar_htmlcode+='               							</td>'
filterbar_htmlcode+='						</tr>'
filterbar_htmlcode+='               		<tr>'
filterbar_htmlcode+='               			<td colspan="2" align="center">'
filterbar_htmlcode+='	               			<table width="100%" style="font-family:verdana;font-size:9pt;">'
filterbar_htmlcode+='	               				'
filterbar_htmlcode+='	               				<tr><td align="center"><select class="filterbar_select" id="filterbar_rtypecount1"></select><select class="filterbar_select" id="filterbar_rtype1"></select></td>'
filterbar_htmlcode+='	               				<td align="center"><select class="filterbar_select" id="filterbar_rtypecount2"></select><select class="filterbar_select" id="filterbar_rtype2"></select></td></tr>'
filterbar_htmlcode+='	               				<tr><td align="center"><select class="filterbar_select" id="filterbar_rtypecount3"></select><select class="filterbar_select" id="filterbar_rtype3"></select></td>'
filterbar_htmlcode+='	               				<td align="center"><select class="filterbar_select" id="filterbar_rtypecount4"></select><select class="filterbar_select" id="filterbar_rtype4"></select></td></tr>'
filterbar_htmlcode+='	               			</table>'
filterbar_htmlcode+='               			'
filterbar_htmlcode+='               			</td>'
filterbar_htmlcode+='               			</tr>'
filterbar_htmlcode+='               			<tr>'
filterbar_htmlcode+='               			<td align="center" colspan="2">&nbsp;</td>'
filterbar_htmlcode+='               			</tr>'
filterbar_htmlcode+='               		'
filterbar_htmlcode+='               		'
filterbar_htmlcode+='               		</table>'
filterbar_htmlcode+='               		<br>'
filterbar_htmlcode+='               		<center><button id=filterbar_buttongo onclick="makeItHappen()">Display / Afficher</button></center>'
filterbar_htmlcode+='               		'
filterbar_htmlcode+='               		<br>'
filterbar_htmlcode+='               		<span  id="filterbar_result"></span>'
filterbar_htmlcode+='</div>'

document.open()
document.write(filterbar_htmlcode);
document.close();











 function makeItHappen(){
               		
               		var idhotels=idHotelInThisPage.join(',');
               		
               		var d=document.getElementById("filterbar_day");
               		var m=document.getElementById("filterbar_month");
               		var y=document.getElementById("filterbar_year");
               		
               		var los=document.getElementById("filterbar_los")
               		
               		var rtype1=document.getElementById("filterbar_rtype1")
               		var rtype2=document.getElementById("filterbar_rtype2")
               		var rtype3=document.getElementById("filterbar_rtype3")
               		var rtype4=document.getElementById("filterbar_rtype4")
               		
               		var rtypecount1=document.getElementById("filterbar_rtypecount1");
               		var rtypecount2=document.getElementById("filterbar_rtypecount2");
               		var rtypecount3=document.getElementById("filterbar_rtypecount3");
               		var rtypecount4=document.getElementById("filterbar_rtypecount4");
               		
               		
               		val_rtype1=rtype1.options[rtype1.selectedIndex].value
               		val_rtype2=rtype2.options[rtype2.selectedIndex].value
               		val_rtype3=rtype3.options[rtype3.selectedIndex].value
               		val_rtype4=rtype4.options[rtype4.selectedIndex].value
               		
               		val_rtypecount1=rtypecount1.options[rtypecount1.selectedIndex].value;
               		val_rtypecount2=rtypecount2.options[rtypecount2.selectedIndex].value;
               		val_rtypecount3=rtypecount3.options[rtypecount3.selectedIndex].value;
               		val_rtypecount4=rtypecount4.options[rtypecount4.selectedIndex].value;
               		
               		arrOfAllReqTypes=[];
               		
               		for(var i=0;i<val_rtypecount1;i++){
               			arrOfAllReqTypes.push(val_rtype1)
               		}
               		
               		if(val_rtype2!="0"){
               			for(var i=0;i<val_rtypecount2;i++){
               				arrOfAllReqTypes.push(val_rtype2)
               			}
               		}
               		if(val_rtype3!="0"){
               			for(var i=0;i<val_rtypecount3;i++){
               				arrOfAllReqTypes.push(val_rtype3)
               			}
               		}
               		if(val_rtype4!="0"){
               			for(var i=0;i<val_rtypecount4;i++){
               				arrOfAllReqTypes.push(val_rtype4)
               			}
               		}
               		
               		var dateArrival=new Date();
               		dateArrival.setYear(parseFloat(y.options[y.selectedIndex].value));
               		dateArrival.setMonth(parseFloat(m.options[m.selectedIndex].value)-1);
               		dateArrival.setDate(parseFloat(d.options[d.selectedIndex].value));
               		
               		dateArrivalMysql=dateMysql(dateArrival);
               		
               		dateDepart=new Date(dateArrival);
               		dateDepart.setDate(dateDepart.getDate()+parseFloat(los.options[los.selectedIndex].value)-1)
               		dateDepartMysql=dateMysql(dateDepart);
               		
               		var objGet={
               			'action':'getRoomList',
               			'filterDate':dateArrivalMysql+'|'+dateDepartMysql,
               			'idhotelpff':idhotels,
               			'filterRoomType':arrOfAllReqTypes.join('_'),
               			'pff_idpage':pff_idpage
               		}
               		var arrGet=[];
               		for(truc in objGet){
               			arrGet.push(truc+'='+objGet[truc]);
               			
               		}
               		document.getElementById("filterbar_buttongo").innerHTML='Patientez'
               		//sending search to the power light of heaven darkness
               		rep=httpReqPost("/cgi-bin/filterbar_warper.pl",arrGet.join('&'));
               		
//                 		document.write(rep)
//                 		return true;
                	if(rep.match(/Erreur/)){
                		alert('A problem has been encountered in the search engine, our technicians have been noticed of it, please try again later. Un probleme a été rencontré dans le moteur de recherche, nos techniciens sont prevenus, merci de réessayer plus tard\n');
   						document.getElementById("filterbar_buttongo").innerHTML='Display / Afficher'
                		return true;
                	}
               		//return true;
               		if(!(/^\d+/).test(rep)){
               			alert("Sorry, no availibity found, please try another date. Or you can try your search on another page of this website(another district/star count)\nDésolé aucune disponibilitée n'a été trouvée, merci d'essayer d'autres dates. Vous pouvez également essayer cette recherche sur une autre page du site(autre quartier/nombre d'étoiles)")
               			showTheseHotels(idHotelInThisPage)
               			document.getElementById("filterbar_result").innerHTML="";
               		}else{
               			
               			idPffNotToHide=rep.split(',');
               			hideAllHotels();
               			showTheseHotels(idPffNotToHide)
               			
               			adds="";
               			l=idPffNotToHide.length;
               			if(l>1)adds="s"
               			document.getElementById("filterbar_result").innerHTML=l+" hotel"+adds+" found / "+l+" hotel"+adds+" trouvé"+adds
               			
               		}
               		document.getElementById("filterbar_buttongo").innerHTML='Display / Afficher'
               		
               }
               
               function hideAllHotels(){
               		var allTds=document.getElementsByTagName("td");
               		for(var i=0;i<allTds.length;i++){
               			if(new String(allTds[i].getAttribute('idhotel')).match(/\d+/)){
               				allTds[i].style.display='none'
               			}
               		}
               		
               }
               
               
               function showTheseHotels(idPffNotToHide){
               		var monObjet={};
               		for(var i=0;i<idPffNotToHide.length;i++){
               			monObjet[idPffNotToHide[i]]=true;
               		}
               		var allTds=document.getElementsByTagName("TD");
               		
               		for(var i=allTds.length-1;i>=0;i--){
               			var idhotel=new String(allTds[i].getAttribute('idhotel'))
               			if(idhotel.match(/\d+/)){
               				if(monObjet[idhotel]==true){
               					allTds[i].style.display='';
               				}
               			}
               		}
               }
               
               function dateMysql(myDate){
               		j=myDate.getDate()
					m=myDate.getMonth()+1
					a=myDate.getFullYear();
					j=(j<10)?'0'+j:''+j
					m=(m<10)?'0'+m:''+m
               		return a+'-'+m+'-'+j
              	}
               		
               var httpTest=null;
               var roomType=['16','Appartement',
							'9','Double',
							'17','Family',
							'12','Quadruple',
							'8','Single',
							'15','Studio',
							'14','Suite',
							'13','Suite Junior',
							'11','Triple',
							'10','Twin']
			   var defaultRType='8'
               function showSearchForm(){
               		//afficher le form uniquement si un object de remote scripting est disponible
               		
               		if (window.XMLHttpRequest) { 	httpTest = new XMLHttpRequest();} 
 					if (window.ActiveXObject) {   httpTest = new ActiveXObject("Microsoft.XMLHTTP");	}
 					
 					if(httpTest==null){
 						return false;
 					}
 					
 					
 					
 					document.getElementById("filterbar").style.display="";
 					//fill filterbar_day filterbar_month filterbar_year
 					fillTheLittle();
 					
               }
               function addOpt(oSel,oOpt){
               		oSel.options[oSel.options.length]=oOpt;
               }
               function fillTheLittle(){
               		
               		var d=document.getElementById("filterbar_day");
               		var m=document.getElementById("filterbar_month");
               		var y=document.getElementById("filterbar_year");
               		
               		var los=document.getElementById("filterbar_los")
               		
               		var rtype1=document.getElementById("filterbar_rtype1")
               		var rtype2=document.getElementById("filterbar_rtype2")
               		var rtype3=document.getElementById("filterbar_rtype3")
               		var rtype4=document.getElementById("filterbar_rtype4")
               		
               		var rtypecount1=document.getElementById("filterbar_rtypecount1");
               		var rtypecount2=document.getElementById("filterbar_rtypecount2");
               		var rtypecount3=document.getElementById("filterbar_rtypecount3");
               		var rtypecount4=document.getElementById("filterbar_rtypecount4");
               		
               		
               		for(var i=0;i<10;i++){
               			if(i>0){
               				//cross browser...
               				addOpt(rtypecount1,getOpt(i,i));
               			}
               			addOpt(rtypecount2,getOpt(i,i));
               			addOpt(rtypecount3,getOpt(i,i));
               			addOpt(rtypecount4,getOpt(i,i));
               		}
               		
               		
               		var curDay=new Date();
               		curDay=curDay.getDate();
               		for(var i=1;i<=31;i++){
               			
               			addOpt(d,getOpt(i,i))
               			
               		}
               		d.options.selectedIndex=curDay-1;
               		
               		
               		var curMonth=new Date();
               		curMonth=curMonth.getMonth()+1;
               		for(var i=1;i<=12;i++){
               			
               			addOpt(m,getOpt(i,i))
               			
               		}
               		m.options.selectedIndex=curMonth-1
               		
               		var curYear=new Date();
               		curYear=curYear.getFullYear();
               		for(var i=curYear;i<=curYear+10;i++){
               			
               			addOpt(y,getOpt(i,i))
               			
               		}
               		
               		for(var i=1;i<=100;i++){
               			var opt=getOpt(i,i)
               			addOpt(los,getOpt(i,i))
               			
               		}
               		
               		addOpt(rtype2,getOpt('','0'))
               		addOpt(rtype3,getOpt('','0'))
               		addOpt(rtype4,getOpt('','0'))
               		              		
               		
               		for(var i=0;i<roomType.length;i+=2){
               			var t=roomType[i+1];
               			var v=roomType[i];
               			var opt=getOpt(t,v);
               			
               			addOpt(rtype1,getOpt(t,v));
               			
               			addOpt(rtype2,getOpt(t,v));
               			addOpt(rtype3,getOpt(t,v));
               			addOpt(rtype4,getOpt(t,v));
               								
               			
               		}
               		for(var i=0;i<rtype1.options.length;i++){
               			if(rtype1.options[i].value==defaultRType){
               				rtype1.selectedIndex=i
               			}
               		}
               }
               
               function getOpt(t,v){
               		var newOpt=new Option();
               		newOpt.text=t;
               		newOpt.value=v;
               		return newOpt;
               }
               
               function httpReqPost(thereq,thePost){
				 	if (window.XMLHttpRequest) { 	var http = new XMLHttpRequest();} 
				 	if (window.ActiveXObject) {   var http = new ActiveXObject("Microsoft.XMLHTTP");	}
					http.open("POST",thereq,false);
					http.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;");
					http.send(thePost);
					
					return http.responseText
				}
window.setTimeout("showSearchForm()",500);