var dyn_carsOptionTree = [['7',[['A1','2163'],['A3','42'],['A4','43'],['A5','1244'],['e-tron','2711'],['Q3','2218'],['Q4 e-tron','2809']]],['10',[['1 Series','882'],['2 Series','2422'],['3 Series','86'],['4 Series','2375'],['5 Series','87'],['X3','1015'],['X5','98']]],['26',[['Focus','253'],['Kuga','1391'],['Transit','904']]],['34',[['Ioniq','2598'],['Ioniq 5','2800']]],['36',[['I-Pace','2713']]],['43',[['Range Rover Sport','1290']]],['44',[['ES 300 H','2695']]],['53',[['A Class','442'],['E Class','448']]],['63',[['Grandland X','2641'],['Vivaro','1114']]],['67',[['3008','1457'],['Expert','1201'],['Partner','1222']]],['78',[['Tarraco','2691']]],['80',[['Enyaq','2811'],['Karoq','2663'],['Octavia','682'],['Superb','683']]],['243',[['Model 3','2719']]],['88',[['Rav4','748']]],['93',[['Arteon','2623'],['Golf','812'],['ID.4','2768'],['Passat','817']]],['94',[['S90','850'],['XC40','2665']]]];
var dispmods = ["2163","42","43","1244","2711","2218","2809","882","2422","86","2375","87","1015","98","253","1391","904","2598","2800","2713","1290","2695","442","448","2641","1114","1457","1201","1222","2691","2811","2663","682","683","2719","748","2623","812","2768","817","850","2665"];

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