$(document).ready(function () {
    $('#mountfinder_ajax_loader').hide();
    $("#simple_manufacturer option[value='manufacturer_instructions']").attr('selected', 'selected'); //Select manufacturer by default
    $('#simple_manufacturer').change(simple_manufacturer_has_changed);
});


function simple_manufacturer_has_changed() {
  $("#simple_manufacturer option[value='manufacturer_instructions']").remove();
  $('#mountfinder_ajax_loader').show();

  try {
    var selected = $(this).children("[@selected]").attr('value');
  }
  catch (except) {
    selected = $("select option:selected").attr('value');
  }
  if (selected === 'loadallmanufacturers') {
    $.getJSON(loadManufacturers, {}, function (json) {
      var manufacturerList = document.getElementById("simple_manufacturer");
      $(manufacturerList).empty();

      for (var key in json) {
        var tmp = document.createElement('option');
        var txt = document.createTextNode(json[key]);
        tmp.value = key;
        tmp.appendChild(txt);
        if (key == selected) {
          attr = document.createAttribute("selected");
          tmp.setAttribute('selected','');
        }
        manufacturerList.appendChild(tmp);
      }
      $('#mountfinder_ajax_loader').hide();
    });
  }
  else{
    $.getJSON(loadModels, {
      make : selected
      },
      function (json) { 
            var modelList = document.getElementById("simple_model");
            $(modelList).empty();

            for (var key in json) {
                var tmp = document.createElement("option");
                var txt = document.createTextNode(json[key]);
                tmp.value = key;
                tmp.appendChild(txt);
                if (key == selected) { //alert(selected);
                  attr = document.createAttribute("selected");
                  tmp.setAttribute("selected","");
                }
                modelList.appendChild(tmp);
            }
            $(this).change();
            $('#mountfinder_ajax_loader').hide();
      });

  }
}