|
<style>/*===============Search-Box-4====================*/#search4-layout{width:450px;height:auto;padding-top:10px;margin:0 auto}#search4-layout table{text-align:left}#search4-layout form,#search4-layout img{border:0;margin:0;padding:0}#search4-layout input,#search4-layout select{background:white;font-size:12px;font-family:Arial, Helvetica,sans-serif;color:black;border:black 1px solid;padding:1px 2px}#search4-layout .search4-topbar{width:436px;height:auto;border-top:6px solid #f99a22;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;background-color:#F7F7F7;font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#000000;padding:6px}#search4-layout .booking-title{font-family:Arial, Helvetica, sans-serif;font-size:20px;color:#0976C7;font-weight:bold;padding-bottom:6px;padding-top:5px;text-align:center}#search4-layout .button{color:#FFFFFF;border:black 1px solid;cursor:pointer;background:#329EE1;text-decoration:none;float:none;font-weight:bold;height:25px;margin:0 2px 0 0;padding:3px}#search4-layout .table-space{padding-top:4px;padding-bottom:4px;color:#000000;font-size:13px;font-family:Arial, Helvetica,sans-serif}#search4-layout #textstyle{font-size:13px;font-family:Arial, Helvetica,sans-serif;color:#000000;margin:0;padding:0}</style> <script language="javascript">function initializeDates(){var a=new Date();a.setMonth(a.getMonth(),a.getDate()+14);document.forms['myForm'].elements['arrivaldate'].value=a.getFullYear()+"-"+getFormattedMonth(a.getMonth())+"-"+getFormattedDay(a.getDate());var d=new Date();d.setMonth(d.getMonth(),d.getDate()+16);document.forms['myForm'].elements['departuredate'].value=d.getFullYear()+"-"+getFormattedMonth(d.getMonth())+"-"+getFormattedDay(d.getDate())}</script> <div id="search4-layout"> <div class="search4-topbar"> <form autocomplete="off" style="position: relative;" name="myForm" id="myForm" method="post" action="http://reservation.travelaffiliatepro.com/search/location.html?affiliateId=4784¤cy=GBP"> <input type="hidden" id="destinationId" value="" name="destinationId"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td colspan="2" valign="top" class="booking-title">Quick Hotel Search</td> </tr> <tr> <td colspan="2" valign="top" class="table-space"><strong>Destination</strong> (Enter city):</td> </tr> <tr> <td colspan="2" valign="top"><input name="citytext" type="text" id="citytext" value="Enter City" autocomplete="off" onclick="javascript:this.value='';document.myForm.destinationId.value=''"/> </td> </tr> <tr> <td width="54%" valign="top" class="table-space"><strong>Check In:</strong></td> <td width="46%" valign="top" class="table-space"><strong>Check Out:</strong></td> </tr> <tr> <td valign="top"> <input name="arrivaldate" type="text" id="arrivaldate" size="20" maxlength="10" /> <a onMouseOver="window.status ='';return true;" onMouseOut="window.status='';return true;" href="javascript:openCalendar('myForm', 'arrivaldate');" ><img src="http://www.travelaffiliatepro.com/images/affcalender.gif" alt="Calender" width="16" height="16" align="top"/></a> </td> <td valign="top"> <input name="departuredate" type="text" id="departuredate" size="20" maxlength="10" value=""/> <a onMouseOver="window.status ='';return true;" onMouseOut="window.status='';return true;" href="javascript:openCalendar('myForm', 'departuredate');" ><img src="http://www.travelaffiliatepro.com/images/affcalender.gif" alt="Calender" width="16" height="16" align="top"/></a> </td> </tr> <tr> <td valign="top" class="table-space" colspan="2"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="top" colspan="3"> <div id="hot-search-params"></div> </td> </tr> </table></td> </tr> <tr> <td valign="top" colspan="2"><div align="center"> <input type="submit" value="Search Hotel Room" class="button" onload=""> </div> </td> </tr> <tr> <td valign="top" colspan="2"> </td> </tr> </table> </form> </div> </div> <!-- Calendar Code --> <script langauage="javascript">initializeDates();function getFormattedMonth(themonth){if(themonth<9){switch(themonth){case 0:return'01';case 1:return'02';case 2:return'03';case 3:return'04';case 4:return'05';case 5:return'06';case 6:return'07';case 7:return'08';case 8:return'09'}}return themonth+1}function getFormattedDay(theday){if(theday<10){switch(theday){case 1:return'01';case 2:return'02';case 3:return'03';case 4:return'04';case 5:return'05';case 6:return'06';case 7:return'07';case 8:return'08';case 9:return'09'}}return theday}function update(themonth,theday,theyear){var currentField;try{if(fieldName){currentField=fieldName}}catch(err){currentField='arrivaldate'}document.forms[fName].elements[currentField].value=theyear+"-"+getFormattedMonth(themonth)+"-"+getFormattedDay(theday);testWindow.close()}function loadCalendar(viewMonth){testWindow.document.close();testWindow.document.open();var day_of_week=new Array("Sun","Mon","Tue","Wed","Thu","Fri","Sat");var month_of_year=new Array("January","February","March","April","May","June","July","August","September","October","November","December");var dateObj=new Date();var year=dateObj.getFullYear();var month=dateObj.getMonth();var today=dateObj.getDate();var weekday=dateObj.getDay();var DAYS_OF_WEEK=7;var DAYS_OF_MONTH=31;var cal;if(viewMonth<month){year=year+1}if(year<1900){year+=1900}month=viewMonth;dateObj.setDate(1);dateObj.setMonth(month);dateObj.setFullYear((year));var TR_start='<TR>';var TR_end='</TR>';var highlight_start='<TD WIDTH="30"><TABLE CELLSPACING=0 BORDER=1 BORDERCOLOR=CCCCCC><TR><TD WIDTH=20><B><CENTER>';var highlight_end='</CENTER></TD></TR></TABLE></B>';var TD_start='<TD WIDTH="30"><CENTER>';var TD_end='</CENTER></TD>';var prevM=month-1;var nextM=month+1;if(nextM==12){nextM=0}if(prevM==-1){prevM=11}cal='<html><head><title>Calendar</title></head><body>';cal+='<style>a{cursor: hand}body,table,td{cursor: default;font-family:sans-serif;font-size:12px;color:black;}p.masterHEADER {background: gray; color:white; font-weight: bold; font-size: 13px;margin:0;padding:5px;text-align: center;}</style>';cal+='<div style="border:black 1px solid;">';cal+='<TABLE BORDER="0" CELLSPACING="0" CELLPADDING="2" width="100%">'+TR_start;cal+='<TD COLSPAN="'+DAYS_OF_WEEK+'"><p class=masterHEADER>';cal+=month_of_year[month]+' '+year+'</p>'+TD_end+TR_end;cal+=TR_start;for(index=0;index<DAYS_OF_WEEK;index++){cal+=TD_start+day_of_week[index]+TD_end}cal+=TD_end+TR_end;cal+=TR_start;for(index=0;index<dateObj.getDay();index++){cal+=TD_start+' '+TD_end}for(index=0;index<DAYS_OF_MONTH;index++){if(dateObj.getDate()>index){week_day=dateObj.getDay();if(week_day==0){cal+=TR_start}if(week_day!=DAYS_OF_WEEK){var day=dateObj.getDate();cal+=TD_start+"<span onclick='window.opener.update("+month+","+day+","+year+")'>"+day+"</span>"+TD_end}if(week_day==DAYS_OF_WEEK){cal+=TR_end}}dateObj.setDate(dateObj.getDate()+1)}cal+='</td></TR></TABLE></div><br>';cal+='<div align="center"><a href="javascript:" onClick="window.opener.loadCalendar('+prevM+');"><<</a> ';cal+='<a href="javascript:" onClick="window.opener.loadCalendar('+nextM+');">>></a></div>';cal+='<a href="javascript:window.close();" style="float:right">close</a>';cal+='</body></html>';testWindow.document.write(cal)}var testWindow;var fieldName;var fName;function openCalendar(formName,field){fieldName=field;fName=formName;testWindow=window.open('','dates','width=300,height=225,resizable=1,status=1,menubar=0,location=0');var month=document.forms[fName].elements[fieldName].value;var dateRegExp=new RegExp("^(([1][0-2])|([0]?[1-9]))/(([0123]?[0-9])|[0-9])(/((20)?[0-9]{2}))?");if(month.match(dateRegExp)){month=document.forms[fName].elements[fieldName].value.split("/")[0]-1}else{month=new Date().getMonth()}loadCalendar(month)}</script> <!-- /Calendar Code --> <!-- my custom search box --> <script language="javascript">var defaultAdults="2";var cellStyle=" id='textstyle' ";var childHelp="<p style=font-size:11px;>Please provide the ages of children in each room. Children's ages should be their age at the time of travel.</p>";var adultHelp="";var textRooms="Rooms:";var textAdults="Adults<br/>(age 18+)";var textChildren="Childrens<br/>";var textChildError="Please specify the ages of all children.";var pad='';var textRoomX="Room ?:";var textChildX="Child ?:";</script> <!-- NOTE: DO NOT MODIFY THIS JAVASCRIPT BLOCK --> <script language="javascript">var adultsPerRoom=new Array(defaultAdults);var childrenPerRoom=new Array();var childAgesPerRoom=new Array();var numRooms=1;var maxChildren=0;refresh();function setChildAge(room,child,age){if(childAgesPerRoom[room]==null){childAgesPerRoom[room]=new Array()}childAgesPerRoom[room][child]=age}function setNumAdults(room,numAdults){adultsPerRoom[room]=numAdults}function setNumChildren(room,numChildren){childrenPerRoom[room]=numChildren;refresh()}function setNumRooms(x){numRooms=x;if(x>5){document.location.href='http://reservation.travelaffiliatepro.com/contact/groupreservation.html?affiliateId=4784¤cy=GBP';return}for(i=0;i<x;i++){if(adultsPerRoom[i]==null){adultsPerRoom[i]=2}if(childrenPerRoom[i]==null){childrenPerRoom[i]=0}}refresh()}function renderRoomSelect(){var x='';x+='<select name="roomcount" onchange="setNumRooms(this.options[this.selectedIndex].value);">';for(var i=1;i<6;i++){x+='<option value="'+i+'"'+(numRooms==i?' selected':'')+'>'+i}x+='<option value="6"'+(numRooms==6?' selected':'')+'>5+';x+='</select>';return x}function refresh(){maxChildren=0;for(var i=0;i<numRooms;i++){if(childrenPerRoom[i]>maxChildren){maxChildren=childrenPerRoom[i]}}var x='';if(adultHelp.length>0){x=adultHelp+"<p>\n"}if(numRooms>8){x+=textRooms;x+=renderRoomSelect()}else{x+='<table border="0" cellspacing="2" cellpadding="0">\n';x+='<tr valign="top"><td'+cellStyle+'>'+textRooms+pad+'</td>';if(numRooms>=1){x+='<td'+cellStyle+'> </td>'}x+='<td'+cellStyle+'><nobr>'+textAdults+pad+'</nobr></td><td'+cellStyle+'><nobr>'+textChildren+pad+'</nobr></td></tr>\n';for(var i=0;i<numRooms;i++){x+='<tr><td'+cellStyle+' valign="top">';if(i==0){x+=renderRoomSelect()}else{x+=' '}x+='</td>';if(numRooms>=1){x+='<td'+cellStyle+' valign="top"><nobr>'+getValue(textRoomX,i+1)+pad+'</nobr></td>'}x+='<td'+cellStyle+' valign="top">';x+=buildSelect('adults['+(i+1)+']',null,1,5,2);x+='</td><td'+cellStyle+'>';x+=buildSelect('childs['+(i+1)+']','showchildrenDD('+(i+1)+', this.value)',0,3,0);x+='<div id="sub_child_data_'+(i+1)+'"></div></td></tr>\n'}x+='</table>\n';var didHeader=false;for(var i=0;i<numRooms;i++){if(childrenPerRoom[i]>0){if(!didHeader){x+='<table border="0" cellpadding="0" cellspacing="2">\n';x+='<tr><td'+cellStyle+' colspan="'+(maxChildren+1)+'">';x+=childHelp;x+='</td></tr>\n<tr><td'+cellStyle+'> </td>';for(var j=0;j<maxChildren;j++){x+='<td'+cellStyle+'><nobr>'+getValue(textChildX,j+1)+pad+'</nobr></td>\n'}didHeader=true}x+='</tr>\n<tr><td'+cellStyle+'><nobr>'+getValue(textRoomX,i+1)+pad+'</nobr></td>';for(var j=0;j<childrenPerRoom[i];j++){x+='<td'+cellStyle+'>';var def=-1;if(childAgesPerRoom[i]!=null){if(childAgesPerRoom[i][j]!=null){def=childAgesPerRoom[i][j]}}x+='<select name="room-'+i+'-child-'+j+'-age" onchange="setChildAge('+i+', '+j+', this.options[this.selectedIndex].value);">';x+='<option value="-1"'+(def==-1?' selected':'')+'>-?-';x+='<option value="0"'+(def==0?' selected':'')+'><1';for(var k=1;k<=18;k++){x+='<option value="'+k+'"'+(def==k?' selected':'')+'>'+k}x+='</td>'}if(childrenPerRoom[i]<maxChildren){for(var j=childrenPerRoom[i];j<maxChildren;j++){x+='<td'+cellStyle+'> </td>'}}x+='</tr>\n'}}if(didHeader){x+='</table>\n'}}document.getElementById("hot-search-params").innerHTML=x}function buildSelect(name,onchange,min,max,selected){var x='<select name="'+name+'"';if(onchange!=null){x+=' onchange="'+onchange+'"'}x+='>\n';for(var i=min;i<=max;i++){x+='<option value="'+i+'"';if(i==selected){x+=' selected'}x+='>'+i+'\n'}x+='</select>';return x}function getValue(str,val){return str.replace(/\?/g,val)}function showchildrenDD(roomcount,childrencount){htmlString="";if(childrencount>0){htmlString+='<table width="100%" border="0" cellspacing="2" cellpadding="2" ><tr valign="top" >';for(var i=1;i<=childrencount;i++){htmlString+='<td class="table-space"><nobr>Child '+i+'</nobr><br/><select style="width:30px;" id="sub_child_age_'+roomcount+'_'+i+'" name="childage['+roomcount+']['+i+']" >';for(var j=1;j<=18;j++){htmlString+='<option value="'+j+'">'+j+' yrs</option>'}htmlString+='</select></td>'}htmlString+='</tr></table>';document.getElementById("sub_child_data_"+roomcount).innerHTML=htmlString}else{document.getElementById("sub_child_data_"+roomcount).innerHTML=''}}</script>
|
