<link href="style.css" rel="stylesheet" type="text/css">

<link href="http://source.bookerclub.com/general.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="http://source.bookerclub.com/blitzer/jquery-ui-1.10.1.custom.css">
<script src="http://source.bookerclub.com/jquery-1.8.2.min.js"></script>
<script src="http://source.bookerclub.com/jquery-ui-1.10.1.custom.min.js"></script>
<script src="http://source.bookerclub.com/jquery.ui.datepicker-es.js"></script>
<script src="http://source.bookerclub.com/searchbox.js"></script>


<div id="vertical">
	<div id="room_tpl" style="display:none">
		<div id="LabelRoom_{rrr}" style="display:none" class="labelroom">
		Habitación {rrr}:
		</div>
		<div class="roomcell" id="LabelAdults_{rrr}" style="display:none"> 
			<label>Adultos</label>
			<select id="Adults_{rrr}" name="Adults_{rrr}" onchange="changeRoomAllAdults();">
				<option>1</option>
				<option>2</option>
				<option>3</option>
				<option>4</option>
				<option>5</option>
				<option>6</option>
				<option>7</option>
				<option>8</option>
				<option>9</option>
				<option>10</option>
			</select>
		</div>
		<div class="roomcell" id="LabelChildren_{rrr}" style="display:none"> 
			<label>Niños</label>
			<select id="Children_{rrr}" name="Children_{rrr}" onchange="changeRoomAllChildren();reloadChildAge({rrr},this.value);">
				<option>0</option>
				<option>1</option>
				<option>2</option>
				<option>3</option>
			</select>
		</div>
		<div class="roomcell2" id="LabelChildAgeEmpty_{rrr}">&nbsp;</div>
		<div class="roomcellchild">
			<div class="roomcell2" id="LabelChild1Age_{rrr}" style="display:none"> 
				<label>Edad del niño</label>
			</div>
			<div class="roomcell2" id="LabelChildrenAge_{rrr}" style="display:none"> 
				<label>Edad de los niños</label>
			</div>
			<select id="ChildAge1_{rrr}" name="ChildAge1_{rrr}" style="visibility:hidden">
				<option value="0"><1</option>
				<option value="1">1</option>
				<option value="2">2</option>
				<option value="3">4</option>
				<option value="4">4</option>
				<option value="5">5</option>
				<option value="6">6</option>
				<option value="7">7</option>
				<option value="8">8</option>
				<option value="9">9</option>
				<option value="10">10</option>
				<option value="11">11</option>
				<option value="12">12</option>
				<option value="13">13</option>
				<option value="13">13</option>
				<option value="15">15</option>
				<option value="16">16</option>
			</select>
			<select id="ChildAge2_{rrr}" name="ChildAge2_{rrr}" style="visibility:hidden">
				<option value="0"><1</option>
				<option value="1">1</option>
				<option value="2">2</option>
				<option value="3">4</option>
				<option value="4">4</option>
				<option value="5">5</option>
				<option value="6">6</option>
				<option value="7">7</option>
				<option value="8">8</option>
				<option value="9">9</option>
				<option value="10">10</option>
				<option value="11">11</option>
				<option value="12">12</option>
				<option value="13">13</option>
				<option value="13">13</option>
				<option value="15">15</option>
				<option value="16">16</option>
			</select>    
			<select id="ChildAge3_{rrr}" name="ChildAge3_{rrr}" style="visibility:hidden">
				<option value="0"><1</option>
				<option value="1">1</option>
				<option value="2">2</option>
				<option value="3">4</option>
				<option value="4">4</option>
				<option value="5">5</option>
				<option value="6">6</option>
				<option value="7">7</option>
				<option value="8">8</option>
				<option value="9">9</option>
				<option value="10">10</option>
				<option value="11">11</option>
				<option value="12">12</option>
				<option value="13">13</option>
				<option value="13">13</option>
				<option value="15">15</option>
				<option value="16">16</option>
			</select>
		</div>                
		<div style="clear:both"></div>
	</div>

	<div id="searchmask">
	<!-- 
		<h6>Encuentra tu hotel</h6>
	-->
		<h5>¿Cuando quieres alojarte?</h5>
		<form id="search_frm" action="http://www.bookerclub.com/cgi-bin/index.pl" method="get" onsubmit="return submitForm()" target="_blank">
			<input name="_state" value="Hotels" type="hidden"/>
			<input id="itable" name="itable" type="hidden" value="hotel"/>
			<input id="iindex" name="iindex" type="hidden" value="YY"/>
			<input id="aid" name="aid" value="XX" type="hidden"/>
			<input id="searchtype" name="searchtype" value="b" type="hidden"/>
			<!-- 
			<div style="position: relative">
				<input class="clearinput" type="text" value="" id="entity" name="entity" placeholder="Destino o nombre de hotel">
			</div>
			-->
			<div class="col-1-2"> Fecha de llegada<br>
				<div class="dateinputin" >
					<input id="CheckInDateLabel" name="CheckInDateLabel" type="text" class="m" readonly placeholder="Día, Mes" > 
					<input id="CheckInDate" name="CheckInDate" value="" type="hidden">
				</div>
			</div>
			<div class="col-1-2"><span class="checkout">Fecha de salida</span><br>
				<div class="dateinputout" >
					<input id="CheckOutDateLabel" name="CheckOutDateLabel" type="text" class="m" readonly placeholder="Día, Mes" >
					<input id="CheckOutDate" name="CheckOutDate" value="" type="hidden" >
				</div>
				
			</div>
			<div id="nightstay-es">
				<span class="est-es">Estancia de</span> <span id="numnights">1</span> noche<span id="plural_nights" style="display:none">s</span>
			</div>
			<div style="clear:both"></div>
			<div class="col-1-3">Habitaciones
				<select id="Rooms" name="Rooms" class="s" onchange="changeRooms();">
					<option>1</option> 
					<option>2</option> 
					<option>3</option> 
					<option>4</option> 
					<option>5</option> 
					<option>6</option> 
					<option>7</option> 
					<option>8</option> 
					<option>9</option> 
					<option>10</option> 
				</select>
			</div>
			<div class="col-1-3 adlts-es"><span>Adultos</span>
				<select id="Adults" name="Adults" class="s" onchange="changeAdults();">
					<option>1</option> 
					<option selected="selected">2</option> 
					<option>3</option> 
					<option>4</option> 
					<option>5</option> 
					<option>6</option> 
					<option>7</option> 
					<option>8</option> 
					<option>9</option> 
					<option>10</option> 
				</select>
			</div>
			<div class="col-1-3" style="margin-right: 0"> Niños
				<select id="Children" name="Children" class="s" onchange="changeChildren();">
					<option>0</option>
					<option>1</option>
					<option>2</option>
					<option>3</option>
				</select>
			</div>	
			<div style="clear:both"></div>
			<div id="sepline" style="display:none">
				<hr style="clear:both; width: 100%;border: none;background-color: #ccc;color: #ccc;height: 1px;">
			</div>
			<div style="clear:both"></div>
			<div id="roomsField">
			<script>
				$(function() {
					showRoomFields();
				});
			</script>
			</div>
			<div id="sepsearchbutton" style="display:none; height: 60px"></div>
			<input name="FIND" type="submit" value="BUSCAR" class="submitbutton" >
			<div style="clear:both"></div>
		</form>                      
	</div>

</div>

<script>
$(function() {
	changeAdults();
	changeChildren();
});
</script>
