<HTML>
<HEAD>
<META http-equiv="Content-Language" content="hr">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<TITLE>make a reservation today!</TITLE>
<SCRIPT type="text/javascript">
    function openCalendar(FormElement) {
	var calendarwindow;
	url = "calendarEN.htm?formname=form1&formelement=" + FormElement; 
	calendarwindow = window.open(url,"thewindow","toolbar=no,LEFT=300,TOP=250,WIDTH=150,HEIGHT=140,status=no,scrollbars=no,resize=no,menubar=no");
	calendarwindow.focus();
}
</SCRIPT>

<script type="text/javascript">
function populatedate(){

var months=new Array(12);
months[0]="January";
months[1]="February";
months[2]="March";
months[3]="April";
months[4]="May";
months[5]="June";
months[6]="July";
months[7]="August";
months[8]="September";
months[9]="October";
months[10]="November";
months[11]="December";


var currentTime = new Date();
var month = currentTime.getMonth() + 1;
var day = currentTime.getDate();
var year = currentTime.getFullYear();
var nmonth=months[currentTime.getMonth()];


document.forms[0].dateInForm.value = day + ". " + nmonth + " " + year;
document.forms[0].dateIn.value = month + "/" + day + "/" + year;

document.cookie = "curntDate=" + month + "/" + day + "/" + year;
}
</script>
<style type="text/css">
SELECT,OPTION {font-size:10px;padding:0px;margin:0px;background-color:#fff;
}

</style>
</HEAD>

<BODY style="padding:0px;margin:0px;">
<FORM ACTION="https://reservations.ihotelier.com/istay.cfm" METHOD="GET" NAME="form1" target="_blank">
<INPUT TYPE="HIDDEN" NAME=" LanguageID " VALUE="1">

<input type="HIDDEN" name="dateIn" id="DateIn" value="" /> 

<TABLE border="0" width="150" cellpadding="0" cellspacing="0" style="font-family:tahoma;font-size:12px;background:#f0f0f0;border:1px solid #d5d5d5;">
	
	<TR>
		<TD colspan="2" style="padding-left:7px;color:#666;font-family:tahoma;padding-bottom:2px;padding-top:5px;font-size:10px;">CHECK IN DATE</TD>
	</TR>
	<TR>
		<TD style="padding-left:7px;">
			<INPUT readonly name="dateInForm" type="text" style="width:110px;border:1px solid #ccc;font-size:11px;color:333;font-family:tahoma;"/>
		</TD>
		<td style="padding-right:5px;">
		<A HREF="javascript:openCalendar('1')">
		<IMG border="0" src="../images/_gui/calendar.gif" alt="open calendar">
		</A>
		</td>
		
		
	</TR>
	
	
	<TR>
		<TD colspan="2" style="padding-left:7px;padding-bottom:2px;">
		<TABLE border="0" width="100%" cellspacing="0" cellpadding="0">
			<TR>
				<TD style="color:#666;font-family:tahoma;padding-top:5px;font-size:10px;">NIGHTS</TD>
				<TD style="padding-left:1px;color:#666;font-family:tahoma;padding-top:5px;font-size:10px;">ADULTS</TD>
				<TD style="padding-left:2px;color:#666;font-family:tahoma;padding-top:5px;font-size:10px;">CHILDREN</TD>
			</TR>
		</TABLE>
		
		</TD>
	
		<TD>
	
	</TR>
	
	<TR>
		<TD style="padding-bottom:2px;padding-left:7px;" colspan="2">
		<TABLE border="0"  cellspacing="0" cellpadding="0">
			<TR>
				<TD>
				<SELECT NAME="Length">
					<OPTION VALUE="1">1</OPTION>
					<OPTION VALUE="2">2</OPTION>
					<OPTION VALUE="3">3</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="14">14</OPTION>
					<OPTION VALUE="15">15</OPTION>
					<OPTION VALUE="16">16</OPTION>
					<OPTION VALUE="17">17</OPTION>
					<OPTION VALUE="18">18</OPTION>
					<OPTION VALUE="19">19</OPTION>
					<OPTION VALUE="20">20</OPTION>

				</SELECT>
				</TD>
				<TD style="padding-left:8px;">
				<SELECT NAME="Adults">
					<OPTION VALUE="1">1</OPTION>
					<OPTION VALUE="2">2</OPTION>
					<OPTION VALUE="3">3</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>
					
				</SELECT>

				</TD>
				<TD  style="padding-left:16px;">
				<SELECT NAME="Children">
					<OPTION VALUE="0">0</OPTION>
					<OPTION VALUE="1">1</OPTION>
					<OPTION VALUE="2">2</OPTION>
					<OPTION VALUE="3">3</OPTION>
					<OPTION VALUE="4">4</OPTION>
				</SELECT>

				</TD>
			</TR>
		</TABLE>
			
		</TD>
		
	</TR>
	<TR>
		<TD style="color:#666;font-family:tahoma;padding-bottom:2px;padding-top:3px;font-size:10px;padding-left:7px;">
			SELECT YOUR HOTEL
		</TD>
	</TR>
	<TR>
		<TD style="padding-bottom:5px;padding-left:7px;" colspan="2">
			<SELECT NAME="HotelID">
					<OPTION VALUE="13470">HOTEL UVALA ****</OPTION>
					<OPTION VALUE="13471">HOTEL KOMODOR ***</OPTION>
					<OPTION VALUE="14424">HOTEL SPLENDID ***</OPTION>
					<OPTION VALUE="14427">HOTEL ADRIATIC **</OPTION>
					<OPTION VALUE="14426">HOTEL VIS ***</OPTION>
					
				</SELECT>
		</TD>
	</TR>
	
	
	
	<TR>
		<TD colspan="4" style="padding-top:3px;padding-bottom:7px;" align="center">
		<INPUT type="submit" style="color:#333;font-family:tahoma;font-size:11px;width:135px;background-color:#fff;" value="Check availability"/>
		</TD>
	</TR>
</TABLE>
</FORM>
<script type="text/javascript">
//populatedate()
window.onload=function(){populatedate();}
</script>


</BODY>
</HTML>