$(function(){
  $("select#auto").change(function(){
    $.getJSON("/include/script/car_selector.php?step=1",{id: $(this).val(), ajax: 'true'}, function(j){
      var options = '';
      for (var i = 0; i < j.length; i++) {
        options += '<option value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>';
      }
      $("select#modell").html(options);
	  var motor = '<option value="0">Bitte Motor w&auml;hlen</option>';
	  $("select#motor").html(motor);
	  $("select#modell").css("border","1px solid #FC0");
	  $("select#auto").css("border","none");
    })
  })
  $("select#modell").change(function(){
    $.getJSON("/include/script/car_selector.php?step=2",{id: $(this).val(), ajax: 'true'}, function(j){
      var options = '';
      for (var i = 0; i < j.length; i++) {
        options += '<option value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>';
      }
      $("select#motor").html(options);
	  $("select#motor").css("border","1px solid #FC0");
	  $("select#auto").css("border","none");
	  $("select#modell").css("border","none");
    })
  })
  
  $("select#motor").change(function(){
		var js_motor = '<?php echo $typ; ?>';
		if(js_motor != '') {
			self.location.href="typ2.html?stayauto="+ $("select#auto").val() +"&staymodell="+ $("select#modell").val() +"&newtyp="+ $("select#motor").val();
		} else {
			self.location.href="kategorie.html?typ=" + $("select#motor").val() +"&auto="+ $("select#auto").val() +"&modell="+ $("select#modell").val();
		}
  })
})