data.chinahighlights.com/js/Html/flight-search.js

function option(i){
	var str;
	for(var ii=1;ii<=i;ii++){
		str += '<option value="'+ii+'">'+ii+'</option>';
	}
	return str;
}
document.write('\
	        <div class="areaFlights" id="chinaSearch">\
          <form id="flightsform" name="flightsform" method="post" action="postquery.asp">\
            <div class="cityFlightSche2">\
              <div class="table1" id="typeSelect">\
                <label style="width:105px;">\
                  <input name="triptype" type="radio" id="radio" value="2" checked="checked" />\
                  Round-trip </label>\
                <label style="width:95px;">\
                  <input type="radio" name="triptype" id="radio" value="1" />\
                  One Way </label>\
                <div class="clear"></div>\
              </div>\
              <div class="table2" id="frame2">\
                <label id="fromWhere">\
                <div class="searchTitle">From:</div>\
                <select size="1" name="startCode1" class="flightButton2 roundCorner">\
                  <option value="PEK" selected="selected">Beijing</option>\
                  <script> document.write(citystr)</script>\
                </select>\
                </label>\
                <label id="toWhere">\
                <div class="searchTitle"><span id="textTo">To:</span></div>\
                <select size="1" name="destinationCode1" class="flightButton2 roundCorner">\
                  <option value="SHA" selected="selected">Shanghai</option>\
                  '+citystr1+'\
                </select>\
                </label>\
                <div class="clear"></div>\
                <label id="arrival" style="display:none;"> <strong>Sec Arrival:</strong> <br />\
                  <select size="1" name="destinationCode2" style="width:150">\
                    <option value="SHA" selected="selected">SHANGHAI-Hongqiao</option>\
                    '+citystr1+'\
                  </select>\
                </label>\
                <div class="clear"></div>\
              </div>\
  <div class="clear"></div>\
  </div>\
  <script src="/js/Html/city-flight-search.js"></script>\
  <div class="table3" id="frame3">\
  <label id="startDate">\
  <div class="searchTitle">Departing: </div>\
  <input name="takeoffDate1" id="takeoffDate1" value="<%= getDateFormate(date+3, "hotel") %>"/>\
  </label>\
                <label id="endDate">\
                <div class="searchTitle"><span id="textRetuenDate">Returning:</span></div>\
                <input  name="takeoffDate2" id="takeoffDate2" value=""/>\
                </label>\
                <div class="clear"></div>\
              </div>\
              <div class="table4">\
                <div class="searchTitle">No. of travellers:</div>\
                <label style="display:inline-block;">\
                  <select name="adultNum" id="adultNum" class="roundCorner searchBoxinput80">\
                    <option value="1">Adults(12+)</option>\
                  ' + option(20) + '\
                  </select>\
                </label>\
                <label style="display:inline-block;">\
                  <select name="childNum" style="width:100px" id="childNum" class="roundCorner searchBoxinput80">\
                    <option value="0" >Children(2-12)</option>\
                    ' + option(20) + '\
                  </select>\
                </label>\
                <label style="display:inline-block;">\
                  <select name="babyNum" id="babyNum" class="roundCorner searchBoxinput80">\
                    <option value="0" selected="selected">Infants(0-2)</option>\
                    ' + option(10) + '\
                  </select>\
                </label>\
                <div class="clear"></div>\
              </div>\
              <p align="center">\
                <input type="image" src="/pic/flight/flight-search.gif" style="margin:0 15px 0px 30px;" id="js_search_flights_button" />\
              </p>\
            </div>\
          </form>\
        </div>\
<div class="areaFlights" id="HMSearch" style="display:none1">\
          <form id="flightsform" name="flightsform" method="post" action="postquery.asp">\
            <div class="cityFlightSche2">\
              <div class="table1" id="typeSelect">\
                <label style="width:105px;">\
                  <input name="triptype" type="radio" id="radio" value="2" checked="checked" />\
                  Round-trip </label>\
                <label style="width:95px;">\
                  <input type="radio" name="triptype" id="radio" value="1" />\
                  One Way </label>\
                <div class="clear"></div>\
              </div>\
              <div class="table2" id="frame2">\
                <label id="fromWhere">\
                <div class="searchTitle">Leaving from:</div>\
                <select size="1" name="startCode1" class="flightButton2 roundCorner">\
                  '+cityHM+'\
                </select>\
                </label>\
                <label id="toWhere">\
                <div class="searchTitle"><span id="textTo">Going to:</span></div>\
                <select size="1" name="destinationCode1" class="flightButton2 roundCorner">\
                 '+cityHM +'\
                </select>\
                </label>\
                <div class="clear"></div>\
                <label id="arrival" style="display:none;"> <strong>Sec Arrival:</strong> <br />\
                  <select size="1" name="destinationCode2" style="width:150">\
                    <option value="SHA" selected="selected">SHANGHAI-Hongqiao</option>\
                    <script> document.write(cityHM)</script>\
                  </select>\
                </label>\
                <div class="clear"></div>\
              </div>\
              <div class="table3" id="frame3">\
                <label id="startDate">\
                <div class="searchTitle">Departing: </div>\
                <input name="takeoffDate1" id="takeoffDate3"  value=""/>\
                </label>\
                <label id="endDate">\
                <div class="searchTitle"><span id="textRetuenDate">Returning:</span></div>\
                <input name="takeoffDate2" id="takeoffDate4"  value=""/>\
                </label>\
                <div class="clear"></div>\
              </div>\
              <div class="table4">\
                <div class="searchTitle">No. of travellers:</div>\
                <label style="display:inline-block;">\
                  <select name="adultNum" id="adultNum" class="roundCorner searchBoxinput80">\
                    <option value="1">Adults(12+)</option>\
                    ' + option(40) + '\
                  </select>\
                </label>\
                <label style="display:inline-block;">\
                  <select name="childNum" style="width:100px" id="childNum" class="roundCorner searchBoxinput80">\
                    <option value="0" >Children(2-12)</option>\
                    ' + option(20) + '\
                  </select>\
                </label>\
                <label style="display:inline-block;">\
                  <select name="babyNum" id="babyNum" class="roundCorner searchBoxinput80">\
                    <option value="0" selected="selected">Infants(0-2)</option>\
                    ' + option(10) + '\
                  </select>\
                </label>\
                <div class="clear"></div>\
              </div>\
              <p align="center">\
                <input type="image" src="/pic/flight/flight-search.gif" style="margin:0 15px 0px 30px;" id="js_search_flights_button" />\
              </p>\
            </div>\
          </form>\
        </div>\
<div class="areaFlights" id="InterSearch" style="display:none1">\
          <form id="flightsform" name="flightsform" method="post" action="searchresult.asp">\
            <div class="cityFlightSche2">\
              <div class="table1" id="typeSelect">\
                <label style="width:105px;">\
                  <input name="triptype" type="radio" id="radio" value="2" disabled="disabled"/>\
                  Round-trip </label>\
                <label style="width:95px;">\
                  <input name="triptype" type="radio" id="radio" value="1" checked="checked" />\
                  One Way </label>\
                <div class="clear"></div>\
              </div>\
              <div class="table5" id="frame2">\
                <label id="fromWhere">\
                <div class="searchTitle">Flights Route:</div>\
                <select size="1" name="FlightLine" class="flightButton2 roundCorner">\
                  <option value="ATLPVG">Atlanta to Shanghai Pudong Airport</option>\
                  <option value="BOSPVG">Boston to Shanghai Pudong Airport</option>\
                  <option value="CHIPVG">Chicago to Shanghai Pudong Airport</option>\
                  <option value="DENPVG">Denver to Shanghai Pudong Airport</option>\
                  <option value="DFWPVG">Dallasfortworth to Shanghai Pudong Airport</option>\
                  <option value="DTWPVG">Detroitwaynec to Shanghai Pudong Airport</option>\
                  <option value="LAXPVG">Losangelescal to Shanghai Pudong Airport</option>\
                  <option value="MIAPVG">Miami to Shanghai Pudong Airport</option>\
                  <option value="NYCPVG">Newyork to Shanghai Pudong Airport</option>\
                  <option value="SEAPVG">Seattle to Shanghai Pudong Airport</option>\
                </select>\
                </label>\
                <label id="toWhere"></label>\
                <div class="clear"></div>\
              </div>\
              <div class="table3" id="frame3">\
                <label id="startDate">\
                <div class="searchTitle">Departing: </div>\
                <input name="takeoffDate1" id="takeoffDate5" value=""/>\
                </label>\
                <label id="endDate" style="display:none">\
                <div class="searchTitle"><span id="textRetuenDate">Returning:</span></div>\
                <input name="takeoffDate2" id="takeoffDate6" value=""/>\
                </label>\
                <div class="clear"></div>\
              </div>\
              <div class="table4">\
                <div class="searchTitle">No. of travellers:</div>\
                <label style="display:inline-block;">\
                  <select name="adultNum" id="adultNum" class="roundCorner searchBoxinput80">\
                    <option value="1">Adults(12+)</option>\
                    ' + option(40) + '\
                  </select>\
                </label>\
                <label style="display:inline-block;">\
                  <select name="childNum" style="width:100px" id="childNum" class="roundCorner searchBoxinput80">\
                    <option value="0" >Children(2-12)</option>\
                    ' + option(20) + '\
                  </select>\
                </label>\
                <label style="display:inline-block;">\
                  <select name="babyNum" id="babyNum" class="roundCorner searchBoxinput80">\
                    <option value="0" selected="selected">Infants(0-2)</option>\
                   ' + option(10) + '\
                  </select>\
                </label>\
                <div class="clear"></div>\
              </div>\
              <p align="center">\
                <input type="image" src="/pic/flight/flight-search.gif" style="margin:0 15px 0px 30px;" id="js_search_flights_button" />\
              </p>\
            </div>\
          </form>\
  </div>');
function switchCity(id, o){
	$(o).siblings("span").removeClass("active").end().addClass("active");
	$("#topdes,#a-g,#h-l,#m-t,#w-z").hide().eq(id).show();
	
} 
$("#HMSearch [name=startCode1]").val("HKG");
$("#HMSearch [name=destinationCode1]").val("SHA");