./templates/booking/small_booking.htm

<script language="javascript" type="text/javascript">
function hideAll()
{
    hideElement('calender_d');
    hideElement('calender_r');
    hideElement('suggest_d');
    hideElement('suggest_e');
}
</script>

<div class="s_title">
Book Your Flight
</div>
<div class="s_content">
<form name="booking" method="POST" action="booking.cgi" autocomplete="off">
Departing From:<br>
<input type="text" name="departure" id="departure" onFocus="hideAll();" onKeyUp="suggest('suggest_dep', this.value, 'suggest_d');" size="26">
<div class="suggest hidden" id="suggest_d">
</div>
<p>
Destination:<br>
<input type="text" name="destination" id="destination" onFocus="hideAll(); " onKeyUp="suggest('suggest_dest', this.value, 'suggest_e');" size="26">
<div class="suggest hidden" id="suggest_e">
</div>
<p>
<table><tr><td>
Departure Date:<br>
<input type="text" name="depart_date" id="date_d" onFocus="hideAll();calender('d');" size="10"> <a href="javascript:;"> <img src="images/calendar.png" onClick="hideAll(); calender('d');" ></a>
<div class="calender hidden" id="calender_d">
</div>
<p>
Return Date:<br>
<input type="text" name="return_date" id="date_r" onFocus="hideAll(); calender('r');" size="10"> <a href="javascript:;"><img src="images/calendar.png" onClick="hideAll(); calender('r');" ></a>
<div class="calender hidden" id="calender_r">
</div>
</td>
<td>
<input type="checkbox" name="single" id="single"> <label for="single">One way only</label>
</td></tr></table>
Number of Tickets:<br>
<input type="text" name="tickets" size="4">
<input type="hidden" name="stage" value="flights">
<p>
<input type="submit" name="b" value="Find Flights">
</form>
</div>