$(document).ready(
	function() {
		$('#classId').change(
			function() {
				$.getJSON("http://moto-life.com.ua/js.php", {elId: 'class', elVal: this.value}, updateForm);
			}
		);
	
		$('#mark').change(
			function() {
			//	$.getJSON("http://moto-life.com.ua/js.php", {elId: 'mark', elVal: this.value, classId: $('#classId').attr('value')}, updateForm);
				$.getJSON("http://moto-life.com.ua/js.php", {elId: 'mark', elVal: this.value}, updateForm);
			}
		);

		$('#model').change(
			function() {
				$('#vfrom').attr('disabled', 'true');
				$('#vto').attr('disabled', 'true');
			}
		);
	}
);

function updateForm(data) {
	if (data.mode == 'class') {
		var marks = '<option value="">Любая</option>';
		$.each(data.marks, function(key, item){ 
			marks = marks + '<option value="' + item.id + '">' + item.id + '</option>';
		});
		$('#mark').html(marks);
	}

	var models = '<option value="">Любая</option>';
	$.each(data.models, function(key, item){ 
		models = models + '<option value="' + item.id + '">' + item.model + '</option>';
	});
	$('#model').html(models);

}