<link rel="stylesheet" href="booking/styles.css" type="text/css">
<style type="text/css">@import url(booking/calendar-win2k-cold-2.css);</style>
<script type="text/javascript" src="booking/calendar.js"></script>
<script type="text/javascript" src="booking/lang/calendar-en.js"></script>
<script type="text/javascript" src="booking/calendar-setup.js"></script>
<SCRIPT TYPE="text/javascript">

function popup(mylink, windowname)
{
if (! window.focus)return true;
var href;
if (typeof(mylink) == 'string')
   href=mylink;
else
   href=mylink.href;
window.open(href, windowname, 'width=400,height=200,scrollbars=yes');
return false;
}

</SCRIPT>




<table border="0" width="200" cellspacing="3" cellpadding="3" class="txt">
  <form action="online.php" method="post">
    <INPUT TYPE="hidden" name="PERSONS_NO" value="">
    <INPUT TYPE="hidden" name="check_in_d" value="">
    <INPUT TYPE="hidden" name="check_in_m" value="">
    <INPUT TYPE="hidden" name="check_in_y" value="">
    <INPUT TYPE="hidden" name="check_out_d" value="">
    <INPUT TYPE="hidden" name="check_out_m" value="">
    <INPUT TYPE="hidden" name="check_out_y" value="">
    <INPUT TYPE="hidden" name="SITE" value="41">
    <INPUT TYPE="hidden" name="CODE" value="49e2e2484b">
    <INPUT TYPE="hidden" name="NEXT" value="OK">
    <INPUT TYPE="hidden" name="AVAILABLE" value="">
    <tr> 
      <td align="center" valign="top">Check in Date:<br>
        <input type="text" name="f_date_a" id="f_date_a" class = "txt" value=""/>
        <!-- check out -->
    </tr>
    <tr> 
      <td align="center" valign="top">Check Out Date:<br>
        <input type="text" name="f_calcdate" id="f_calcdate" class = "txt" value=""/>
    </tr>
    <tr> 
      <td align="center" valign="top">Persons Per Room : 
        <select class="txt" name=PERSONS_NO size="1">
          <option selected>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>
        <input type="hidden" name="START_NEXT">
    </tr>
    <tr> 
      <td align="center" valign="top"> 
        <input type="submit"  value="Request" name="Submit" class="txt">
    </tr>
  </form>
</table>
<script type="text/javascript">
    function catcalc(cal) {
        var date = cal.date;
        var time = date.getTime()
        // use the _other_ field
        var field = document.getElementById("f_calcdate");
        if (field == cal.params.inputField) {
            time == field; // substract one week
        } else {
            time += Date.DAY; // add one week
        }
        var date2 = new Date(time);
        field.value = date2.print("%a, %d %b %Y");
    }
    Calendar.setup({
        inputField     :    "f_date_a",
        ifFormat       :    "%a, %d %b %Y",
        showsTime      :    false,
        timeFormat     :    "24",
        onUpdate       :    catcalc
    });
    Calendar.setup({
        inputField     :    "f_calcdate",
        ifFormat       :    "%a, %d %b %Y",
        showsTime      :    false,
        timeFormat     :    "24",
        onUpdate       :    catcalc
    });
</script>
