function toggleRoomSelectors(sufix, id) {
  var nums = getObj(sufix + id).options[ getObj(sufix + id).selectedIndex ].value;
  nums = (+nums) - 1;

  var prefix = "roomR" + sufix;
  var maxNums = 8;

  for (var i = 0; i <= nums; i++) {
    displayElement(prefix + i);
    displayElement('c' + prefix + i);
  }

  for (var j = nums + 1; j < maxNums; j++) {
    hideElement(prefix + j);
    hideElement('c' + prefix + j);
  }

  if (!checkIfAnyRoomContainsChildren(sufix)) {
    invisibleElement(sufix + "HotelSearchBirthDate");
  } else {
    visibleElement(sufix + 'HotelSearchBirthDate');
  }
}

function checkIfAnyRoomContainsChildren(sufix) {
  var retVal = false;

  var prefix = "child" + sufix;
  var maxNums = getObj(sufix + 'numRooms').selectedIndex + 1;
  for (var i = 0; i < maxNums; i++) {
    var el = getObj(prefix + i);
    var index = el.selectedIndex;
    //ibelog("index: "+index);
    if (index > 0) {
      retVal = true;
    }
  }
  return retVal;
}

function toggleChildAgeSelectors(sufix, room, nums) {
  nums = (+nums);

  var prefixChild = "hotelChildAgeR";
  var preFixChildContainer = "hotelAgesR";
  var maxNums = 3 + 1;
  if (nums == 0) {
    //ibelog(preFixChildContainer + room )
    hideElement(preFixChildContainer + room);
    if (!checkIfAnyRoomContainsChildren(sufix)) {
      invisibleElement(sufix + "HotelSearchBirthDate");
    }
    return;
  }


  displayElement(preFixChildContainer + room);
  visibleElement(sufix + 'HotelSearchBirthDate');

  for (var i = 1; i <= nums; i++) {
    displayElement(prefixChild + room + i);
  }

  for (var j = 1 + nums; j < maxNums; j++) {
    hideElement(prefixChild + room + j);
  }
}// end toggleChildAgeSelectors

function hideElement(id) {
  var el = getObj(id);
  if (el) el.style.display = "none";
}
function displayElement(id) {
  var el = getObj(id);
  if (el) el.style.display = "";
}
function disableElement(id) {
  var el = getObj(id);
  if (el) el.disabled = true;
}
function enableElement(id) {
  var el = getObj(id);
  if (el) el.disabled = false;
}
function invisibleElement(id) {
  var el = getObj(id);
  if (el) el.style.visibility = "hidden";
}
function visibleElement(id) {
  var el = getObj(id);
  if (el) el.style.visibility = "visible";
}
function setCity(text, li, name) {
  var cityCodeInput = getObj(name);
  cityCodeInput.value = li.getAttribute('code');
  cityCodeInput.searchCityText = text;
}
function clearCity(input, name) {
  var cityCodeInput = getObj(name);
  if (cityCodeInput.searchCityText != input.value) {
    cityCodeInput.value = '';
  }
}
function clearCityId(input) {
  clearCity(input, 'cityId');
}

function setCityId(text, li) {
  setCity(text, li, 'cityId');
}
