<?xml version="1.0" encoding="UTF-8"?>
<Module>

<ModulePrefs title="House of Travel Booking Engine"
             author="Craig B."
             author_email="craigb@spitfirecreative.net"
             author_affiliation="Spitfire Creative Ltd."
             author_location="Auckland, NZ"
             screenshot="http://www.houseoftravel.co.nz/gadgets/google/images/screenshot.png"
             thumbnail="http://www.houseoftravel.co.nz/gadgets/google/images/thumbnail.png"
             category="tools"
             description="House of Travel Booking Engine"
			 scaling="false">
	<Require feature="dynamic-height"/>
</ModulePrefs>
<Content type="html"><![CDATA[

<style>
	/* document setup */
	html {}
	body { margin: 0px; padding: 0; }
	#template { width: 100%; font-size: 11px; font-family: Tahoma, Lucida Sans Unicode, Lucida Sans, Sans-Serif; } /* Default our font size & style. */
	#template table { font-size: 11px; border-collapse: collapse; padding: 0; border: none; }
	#template table td { padding: 0; margin: 0; }
	#template table img { border: none; }
	
	a { color: #5F175B; text-decoration: none; }
	a:Hover { text-decoration: underline; }
	
	/* commonly used template styles */
	#template .fl { display: block; float: left; }
	#template .fr { display: block; float: right; }
	#template .clr { clear: both; }

	/* our template header */
	#header { width: 100%; height: 34px; padding: 0; margin: 0; background: #D0A7CD url(http://www.houseoftravel.co.nz/gadgets/google/images/HOTHeaderMid.jpg) repeat-x top left; }
	
	/* define our nav */
	#nav { width: 100%; height: 20px; }
	#nav a { display: block; width: 100%; height: 20px; margin: 0; padding: 0; background: url(http://www.houseoftravel.co.nz/gadgets/google/images/HOTTabLeft.gif) no-repeat bottom left; }
	#nav a span { display: block; float: left; text-align: center; cursor: hand; cursor: pointer; width: 100%; height: 20px; margin: 0; padding: 0; }

	#nav ul { margin: 0; padding: 0; list-style-type: none; }
	#nav ul li { width: 30%; height: 20px; text-align: center; margin: 0px 0px 0px 1px; padding: 0; float: left; background: url(http://www.houseoftravel.co.nz/gadgets/google/images/HOTTabRight.gif) no-repeat bottom right; }
	#nav ul li img { display: block; border: none; height: 18px; margin-left: auto; margin-right: auto; }
	
	/* take care of our "current tab" */
	#nav .current { background-position: top right; }
	#nav .current a { background-position: top left; }
	
	/* define our body styles */
	#template .body { width: auto; _width: 100%; background: #D0A7CD url(http://www.houseoftravel.co.nz/gadgets/google/images/HOTContent.jpg) repeat-x top left; border-left: solid 1px #D0A7CD; border-right: solid 1px #D0A7CD; overflow: hidden; }
	#template .body-inner { width: auto; _width: 100%; margin: 5px; text-align: center; }
	
	/* Form layout */
	#template form { display: inline; }
	#template .form { width: 180px; margin-left: auto; margin-right: auto; }
	#template .break { padding: 5px 0px 5px 0px; }
	
	#template select { font-size: 11px; }
	#template select.sml { width: 45px; }
	#template select.med { width: 52px; }
	#template select.lrg { width: 100px; }
	
	#template input { font-size: 11px; }
	#template input.lrg { width: 100px; }

	#template .field { text-align: right; padding-bottom: 4px; }
	#template .label { font-weight: bold; }

	/* our template footer. */
	#footer { width: 100%; height: 9px; background-color: #D0A7CD; }
	
</style>
<script type="text/javascript">
	// Define a list of our contents.
	var tabs=new Array('tab1', 'tab2')
	
	// Open a tab while closing all others.
	function openTab(contentid) {
		// Loop through our tab array.
		for (var i=0; i<tabs.length; i++){
			// If our current array item matches our clicked item, display it. Otherwise - hide.
			if (contentid==tabs[i]) {
				document.getElementById(tabs[i]).className="current";
			} else {
				document.getElementById(tabs[i]).className="";
			}
			
			// If our current array item matches our clicked item, display it. Otherwise - hide.
			if (contentid==tabs[i]) {
				document.getElementById(tabs[i]+'_content').style.display="block";
			} else {
				document.getElementById(tabs[i]+'_content').style.display="none";
			}
		}
		
		// If supported Adjust Iframe height
		if (typeof _IG_AdjustIFrameHeight != "undefined") {
			_IG_AdjustIFrameHeight();
		}
	}
	
	function init() {
		// If supported Adjust Iframe height
		if (typeof _IG_AdjustIFrameHeight != "undefined") {
			_IG_AdjustIFrameHeight();
		}
	}
	
	// Initialize
	_IG_RegisterOnloadHandler(init);
</script>
	  
<div id="template">
	<div id="header">
		<table width="100%">
			<tr>
				<td><img src="http://www.houseoftravel.co.nz/gadgets/google/images/HOTHeaderLeft.jpg" width="9" height="34" /></td>
				<td style="text-align: right;"><img src="http://www.houseoftravel.co.nz/gadgets/google/images/HOTHeaderRight.jpg" width="110" height="34" /></td>
			</tr>
		</table>
		<!--
		<div id="nav">
			<ul>
				<li id="tab1" class="current"><a href="#"><img src="http://www.houseoftravel.co.nz/gadgets/google/images/HOTTravelAndAccom.gif" width="29" height="18" /></a></li>
				<li id="tab2"><a href="javascript:openTab('tab2');"><img src="http://www.houseoftravel.co.nz/gadgets/google/images/HOTAccom.gif" width="18" height="18" /></a></li>
				<li id="tab3"><a href="javascript:openTab('tab3');"><img src="http://www.houseoftravel.co.nz/gadgets/google/images/HOTTravelAndAccom.gif" width="29" height="18" /></a></li>
			</ul>
		</div>
		-->
	</div>
	
	<div id="tab1_content" class="body">
		<div class="body-inner">

			<form id="bookingform" name="bookingform" target="_blank" method="get" action="http://www.houseoftravel.co.nz" style="display:inline;">
			<input type="hidden" name="gtyyne" value="surf-searchbnr" />
			<input type="hidden" id="EmailBookingForm" name="EmailBookingForm" value="EmailBookingForm" />
					
					
			<div class="form">

			<table style="width: 100%;">
				<tr>
					<td style="padding-bottom: 4px;">
						<input name="RadioGroup" id="rbReturn" type="radio" class="radio" value="rbReturn" checked="checked" /><label for="rbReturn">Return</label>
						<input name="RadioGroup" id="rbOneWay" type="radio" class="radio" value="rbOneWay" /><label for="rbOneWay">One way</label>
					</td>
				</tr>
			</table>
			<table style="width: 100%;">
				<tr>
					<td class="label"><label for="cboFrom">From</label></td>
					<td class="field">
						<select name="cboFrom" id="cboFrom" class="lrg">
							<option value="">select a city</option>
							<option value="">----------------------</option>
							<option selected="selected" value="AKL">Auckland</option>
							<option value="CHC">Christchurch</option>
							<option value="WLG">Wellington</option>
							<option value="">----------------------</option>
							<option value="AKL">Auckland</option>
							<option value="BHE">Blenheim</option>
							<option value="CHC">Christchurch</option>
							<option value="DUD">Dunedin</option>
							<option value="GIS">Gisborne</option>
							<option value="HLZ">Hamilton</option>
							<option value="HKK">Hokitika</option>
							<option value="IVC">Invercargill</option>
							<option value="KAT">Kaitaia</option>
							<option value="KKE">Kerikeri</option>
							<option value="NPE">Napier</option>
							<option value="NSN">Nelson</option>
							<option value="NPL">New Plymouth</option>
							<option value="OAM">Oamaru</option>
							<option value="PMR">Palmerston North</option>
							<option value="ZQN">Queenstown</option>
							<option value="ROT">Rotorua</option>
							<option value="TUO">Taupo</option>
							<option value="TRG">Tauranga</option>
							<option value="TIU">Timaru</option>
							<option value="WKA">Wanaka</option>
							<option value="WAG">Wanganui</option>
							<option value="WLG">Wellington</option>
							<option value="WSZ">Westport</option>
							<option value="WHK">Whakatane</option>
							<option value="WRE">Whangarei</option>
						</select>
					</td>
				</tr>
				<tr>
					<td class="label"><label for="cboTo">To</label></td>
					<td class="field">
						<select name="cboTo" id="cboTo" class="lrg">
							<option value="">select a city</option>
							<option value="">----------------------</option>
							<option value="AKL">Auckland</option>
							<option value="CHC">Christchurch</option>
							<option value="WLG">Wellington</option>
							<option value="">----------------------</option>
							<option value="ADL">Adelaide</option>
							<option value="AMS">Amsterdam</option>
							<option value="APW">Apia, Samoa</option>
							<option value="ATH">Athens</option>
							<option value="AKL">Auckland</option>
							<option value="BKK">Bangkok</option>
							<option value="BJS">Beijing</option>
							<option value="BHE">Blenheim</option>
							<option value="BOM">Bombay (Mumbai)</option>
							<option value="BNE">Brisbane</option>
							<option value="BWN">Brunei</option>
							<option value="BUE">Buenos Aires</option>
							<option value="CNS">Cairns</option>
							<option value="CBR">Canberra</option>
							<option value="CPT">Cape Town</option>
							<option value="CHC">Christchurch</option>
							<option value="CMB">Colombo</option>
							<option value="CPH">Copenhagen</option>
							<option value="DRW">Darwin</option>
							<option value="DEL">Delhi</option>
							<option value="DPS">Denpasar Bali</option>
							<option value="DXB">Dubai</option>
							<option value="DUD">Dunedin</option>
							<option value="FRA">Frankfurt</option>
							<option value="GIS">Gisborne</option>
							<option value="OOL">Gold Coast</option>
							<option value="HLZ">Hamilton</option>
							<option value="SGN">Ho Chi Minh</option>
							<option value="HBA">Hobart</option>
							<option value="HKK">Hokitika</option>
							<option value="HKG">Hong Kong</option>
							<option value="HNL">Honolulu</option>
							<option value="IVC">Invercargill</option>
							<option value="IST">Istanbul</option>
							<option value="JKT">Jakarta</option>
							<option value="JNB">Johannesburg</option>
							<option value="KAT">Kaitaia</option>
							<option value="KKE">Kerikeri</option>
							<option value="KUL">Kuala Lumpur</option>
							<option value="LON">London</option>
							<option value="LAX">Los Angeles</option>
							<option value="MAA">Madras</option>
							<option value="MAD">Madrid</option>
							<option value="MAN">Manchester</option>
							<option value="MNL">Manila</option>
							<option value="MEL">Melbourne</option>
							<option value="MIL">Milan</option>
							<option value="MOW">Moscow</option>
							<option value="MUC">Munich</option>
							<option value="NAN">Nadi, Fiji</option>
							<option value="NGO">Nagoya</option>
							<option value="NPE">Napier</option>
							<option value="NSN">Nelson</option>
							<option value="NPL">New Plymouth</option>
							<option value="IUE">Niue</option>
							<option value="NLK">Norfolk Island</option>
							<option value="NOU">Noumea</option>
							<option value="OAM">Oamaru</option>
							<option value="OSA">Osaka</option>
							<option value="OSL">Oslo</option>
							<option value="PMR">Palmerston North</option>
							<option value="PPT">Papeete, Tahiti</option>
							<option value="PAR">Paris</option>
							<option value="PEN">Penang</option>
							<option value="PER">Perth</option>
							<option value="HKT">Phuket</option>
							<option value="VLI">Port Vila, Vanuatu</option>
							<option value="ZQN">Queenstown</option>
							<option value="RAR">Rarotonga</option>
							<option value="RIO">Rio De Janeiro</option>
							<option value="ROM">Rome</option>
							<option value="ROT">Rotorua</option>
							<option value="SFO">San Francisco</option>
							<option value="SCL">Santiago, Chile</option>
							<option value="SEL">Seoul</option>
							<option value="SHA">Shanghai</option>
							<option value="SIN">Singapore</option>
							<option value="STO">Stockholm</option>
							<option value="SUV">Suva, Fiji</option>
							<option value="SYD">Sydney</option>
							<option value="TPE">Taipei</option>
							<option value="TUO">Taupo</option>
							<option value="TRG">Tauranga</option>
							<option value="TIU">Timaru</option>
							<option value="TYO">Tokyo</option>
							<option value="TBU">Tonga</option>
							<option value="TSV">Townsville</option>
							<option value="VIE">Vienna</option>
							<option value="WKA">Wanaka</option>
							<option value="WAG">Wanganui</option>
							<option value="WLG">Wellington</option>
							<option value="WSZ">Westport</option>
							<option value="WHK">Whakatane</option>
							<option value="WRE">Whangarei</option>
							<option value="ZRH">Zurich</option>
						</select>
					</td>
				</tr>
				<tr>
					<td class="label"><label for="cboLeavingDay">Depart</label></td>
					<td class="field">
						<select name="cboLeavingDay" id="cboLeavingDay" class="sml">
							<option value="1" selected="selected">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>
							<option value="21">21</option>
							<option value="22">22</option>
							<option value="23">23</option>
							<option value="24">24</option>
							<option value="25">25</option>
							<option value="26">26</option>
							<option value="27">27</option>
							<option value="28">28</option>
							<option value="29">29</option>
							<option value="30">30</option>
							<option value="31">31</option>
						</select>
						<select name="cboLeavingMonth" id="cboLeavingMonth" class="med">
							<option value="1" selected="selected">Jan</option>
							<option value="2">Feb</option>
							<option value="3">Mar</option>
							<option value="4">Apr</option>
							<option value="5">May</option>
							<option value="6">Jun</option>
							<option value="7">Jul</option>
							<option value="8">Aug</option>
							<option value="9">Sep</option>
							<option value="10">Oct</option>
							<option value="11">Nov</option>
							<option value="12">Dec</option>
						</select>
					</td>
				</tr>
				<tr>
					<td class="label"><label for="cboReturningDay">Return</label></td>
					<td class="field">
						<select name="cboReturningDay" id="cboReturningDay" class="sml">
							<option value="1" selected="selected">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>
							<option value="21">21</option>
							<option value="22">22</option>
							<option value="23">23</option>
							<option value="24">24</option>
							<option value="25">25</option>
							<option value="26">26</option>
							<option value="27">27</option>
							<option value="28">28</option>
							<option value="29">29</option>
							<option value="30">30</option>
							<option value="31">31</option>
						</select>
						<select name="cboReturningMonth" id="cboReturningMonth" class="med">
							<option value="1" selected="selected">Jan</option>
							<option value="2">Feb</option>
							<option value="3">Mar</option>
							<option value="4">Apr</option>
							<option value="5">May</option>
							<option value="6">Jun</option>
							<option value="7">Jul</option>
							<option value="8">Aug</option>
							<option value="9">Sep</option>
							<option value="10">Oct</option>
							<option value="11">Nov</option>
							<option value="12">Dec</option>
						</select>
					</td>
				</tr>
			</table>
			<table style="width: 100%;">
				<tr>
					<td class="label"><label for="cboAdults">Adults</label></td>
					<td class="field">
						<select name="cboAdults" id="cboAdults" class="sml">
							<option selected="selected" 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>
						</select>
					</td>
				</tr>
				<tr>
					<td class="label"><label for="cboChildren">Child (2-11yrs)</label></td>
					<td class="field">
						<select name="cboChildren" id="cboChildren" class="sml">
							<option selected="selected" value="0">0</option>
							<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>
						</select>
					</td>
				</tr>
				<tr>
					<td class="label"><label for="cboInfants">Infants (0-23mths)</label></td>
					<td class="field">
						<select name="cboInfants" id="cboInfants" class="sml">
							<option selected="selected" value="0">0</option>
							<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>
						</select>
					</td>
				</tr>
			</table>
			<table style="width: 100%;">
				<tr>
					<td><img src="http://www.houseoftravel.co.nz/gadgets/google/images/HOTLogo.gif" width="80" height="22" alt="House of Travel" /></td>
					<td style="text-align: right;"><input name="image" type="image" src="http://www.houseoftravel.co.nz/gadgets/google/images/HOTSubmit.gif" width="85" height="22" alt="Find Flights" /></td>
				</tr>
			</table>
			
			</div>

			</form>
		</div>
	</div>
	
	<div id="tab2_content" class="body" style="display: none;">
		<br />
		This is tab 2.
	</div>

	<div id="tab3_content" class="body" style=" display: none;">
		<br />
		This is tab 3.
	</div>
	
	<div id="footer">
		<table width="100%">
			<tr>
				<td><img src="http://www.houseoftravel.co.nz/gadgets/google/images/HOTFooterLeft.gif" width="9" height="9" /></td>
				<td style="text-align: right;"><img src="http://www.houseoftravel.co.nz/gadgets/google/images/HOTFooterRight.gif" width="9" height="9" /></td>
			</tr>
		</table>
	</div>
</div>

]]></Content>
</Module>
