var dyn_carsOptionTree = [['7',[['A1','2163'],['A6','45'],['e-tron GT quattro','7235'],['Q4 e-tron','2809']]],['265',[['Ateca','2778'],['Born','2838'],['Formentor','2775'],['Leon','2776'],['Tavascan','7392'],['Terramar','7406']]],['205',[['Sandero','2363'],['Sandero Stepway','2506']]],['26',[['Kuga','1391']]],['32',[['Civic','282']]],['34',[['Kona','2662'],['Tucson','983']]],['39',[['Ceed','1126'],['Sportage','343']]],['44',[['UX 250 H','2696']]],['53',[['CLA Class','2378'],['GLE Class','2574']]],['78',[['Arona','2646'],['Ateca','2589'],['Ibiza','672'],['Leon','673'],['Tarraco','2691']]],['80',[['Superb','683']]],['88',[['Rav4','748']]],['93',[['Arteon','2623'],['Golf','812'],['ID.3','2744'],['ID.4','2768'],['ID.5','2841']]]];
var dispmods = ["2163","45","7235","2809","2778","2838","2775","2776","7392","7406","2363","2506","1391","282","2662","983","1126","343","2696","2378","2574","2646","2589","672","673","2691","683","748","2623","812","2744","2768","2841"];

function populateTarget(name,triggerObj,targetObj,emptyText) {

  eval ('tree = ' + name + 'OptionTree')

  triggerValue = getValue(triggerObj)
  
  for (i=0;i<tree.length;i++) {

    if (tree[i][0]==triggerValue) {
      break
    }

  }

  empty(targetObj)

  newOption = new Option()
  newOption.text = emptyText;

  newOption.value = ""
  targetObj.options[targetObj.options.length] = newOption

  if (i<tree.length) {

    options = tree[i][1]
    selectThisOption = 0

    for (i=0;i<options.length;i++) {

      newOption = new Option()
      newOption.text = options[i][0]
      newOption.value = options[i][1]
      targetObj.options[targetObj.options.length] = newOption

    }

    targetObj.options.length = options.length + 1;
  }

}

function empty(select) {

  select.options.length = 0

}

function getValue(formObj) {

  value = null

  if (formObj.options) { // select

    if (formObj.selectedIndex > -1)
      value = formObj.options[formObj.selectedIndex].value

  } else {

    if (formObj.length) { // radio
      for (var b = 0; b < formObj.length; b++)
        if (formObj[b].checked)
          value = formObj[b].value
    }
    else if (formObj.checked) // checkbox
      value = formObj.value

  }

  return value

}

function initSearch() {

  var id_extra = '';
  if (!document.getElementById) return false;
  if (!document.getElementById('make')) {
    if (!document.getElementById('make_id')) {
      return false;
    }
    else {
      id_extra = '_id';
    }
  }
  var makeSelect  = document.getElementById('make' + id_extra);

  // register change event
  makeSelect.onchange = function() {
    populateTarget('dyn_cars',this, document.getElementById('model' + id_extra), 'Model')
  }

  populateTarget('dyn_cars', makeSelect, document.getElementById('model' + id_extra), 'Model');
  
  var patt = /model_id=([0-9]+)/;
  if (patt.test(window.location.search)) {
    var selected_model = patt.exec(window.location.search);
    selected_model = selected_model[1];
    document.getElementById('model' + id_extra).value = selected_model;
  }

}

$(document).ready(function(){
  initSearch();
});