// NOTE: customize variables in this javascript block as appropriate.
    var defaultAdults="2";
    var cellStyle="";
    var childHelp="Please provide the ages of children. Children's ages should be their age at the time of travel.";
    var adultHelp="";
    var textRooms="";
    var textAdults="Adults:";
    var textChildren="Child:(0-18)";
    var textChildError="Please specify the ages of all children.";
    var pad='<img src="/images/clear.gif" width="5" height="1">';
    // NOTE: Question marks ("?") get replaced with a numeric value
    var textRoomX="Ages :";
    var textChildX="Child ?:";


  function clearTextBox(_textbox) {
    _textbox.value = "";
  }


  var adultsPerRoom=new Array(defaultAdults);
  var childrenPerRoom=new Array();
  var childAgesPerRoom=new Array();
  var numRooms=1;
  var maxChildren=0;

  

  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_quests();
  }

  function setNumRooms(x) {
      numRooms = x;
      for (i = 0; i < x; i++) {
          if (adultsPerRoom[i] == null) {
              adultsPerRoom[i] = 2;
          }
          if (childrenPerRoom[i] == null) {
              childrenPerRoom[i] = 0;
          }
      }
      refresh_quests();
  }

  function renderRoomSelect() {
      var x = '';
      x += '<select name="crom" onchange="setNumRooms(this.options[this.selectedIndex].value);">';
      for (var i = 1; i < 9; i++) {
          x += '<option value="'+i+'"'+(numRooms == i ? ' selected' : '')+'>' + i;
      }
      x += '<option value="9"'+(numRooms == 9 ? ' selected' : '')+'>9+';
      x += '</select>';
      //return x;
      return '';
  }

  function refresh_quests() {
      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><td'+cellStyle+'>'+textRooms+pad+'</td>';
          if (numRooms > 1) {
              x += '<td'+cellStyle+'>&nbsp;</td>';
          }
          x += '<td'+cellStyle+'><nobr>'+textAdults+pad+'</nobr></td><td'+cellStyle+'><nobr>'+textChildren+pad+'</nobr></td></tr>\n';
          for (var i = 1; i <= numRooms; i++) {
              x += '<tr><td'+cellStyle+'>';
              if (i == 1) {
                  x += renderRoomSelect();
              } else {
                  x += '&nbsp;';
              }
              x += '</td>';
              if (numRooms > 1) {
                  x += '<td'+cellStyle+'><nobr>'+getValue(textRoomX, i+1)+pad + '</nobr></td>';
              }
              x += '<td'+cellStyle+'>';
              x += buildSelect('NumAdult', 'setNumAdults(' + i + ', this.options[this.selectedIndex].value)', 1, 4, adultsPerRoom[i]);
              x += '</td><td'+cellStyle+'>';
              x += buildSelect('numchild', 'setNumChildren(' + i + ', this.options[this.selectedIndex].value)', 0, 6, childrenPerRoom[i]);
              x += '</td></tr>\n';
          }
          x += '</table>\n';

          var didHeader = false;
          for (var i = 1; i <= numRooms; i++) {
              if (childrenPerRoom[i] > 0) {
                  if (!didHeader) {
                      x += '<table border="0" cellpadding="0" cellspacing="2">\n';
                      x += '<tr><td'+cellStyle+' colspan="100%">';
                      x += '<img src="/images/clear.gif" width="1" height="5"><br>';
                      x += childHelp;
                      x += '<img src="/images/clear.gif" width="1" height="5"><br>';
                      x += '</td></tr>\n<tr><td'+cellStyle+'>&nbsp;</td>';
                      for (var j = 1; 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 = 1; 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="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+'>&nbsp;</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);
  }