$('document').ready(function(){
	$('#attachBtn').attr('disabled','disabled').fadeTo(0,0.5);
	$('#maker').val(0);
	$('#maker').change(changeMaker);
	$('#car').empty().attr('disabled','disabled').append('<option value="">-----</option>');
	$('#model').empty().attr('disabled','disabled').append('<option value="">-----</option>');
});

function changeMaker(){
	var maker = $('#maker option:selected').val();
	$('#car').empty().attr('disabled','disabled').append('<option value="">-----</option>');
	$('#model').empty().attr('disabled','disabled').append('<option value="">-----</option>');
	$('#attachBtn').attr('disabled','disabled').fadeTo(0,0.5);
	if(maker){
		$.ajax({
			type: 'POST',
			url: '/products/get_cars',
			data: 'data[maker]='+maker,
			success: function(options){
				$('#car').removeAttr('disabled');
				$('#car').empty();
				$('#car').append(options);
				$('#car').change(changeCar);
			}
		});
	}
}

function changeCar(){
	var car = $('#car option:selected').val();
	var maker = $('#maker option:selected').val();
	$('#model').empty().attr('disabled','disabled').append('<option value="">-----</option>');
	$('#attachBtn').attr('disabled','disabled').fadeTo(0,0.5);
	if(car){
		$.ajax({
			type: 'POST',
			url: '/products/get_model',
			data: 'data[maker]='+maker+'&data[car]='+car,
			success: function(options){
				$('#model').removeAttr('disabled');
				$('#model').empty();
				$('#model').append(options);
				$('#model').change(setBtnStat);
			}
		});
	}
}

function setBtnStat(){
	var model = $('#model option:selected').val();
	$('#attachBtn').attr('disabled','disabled').fadeTo(0,0.5);
	if(model){
		$('#attachBtn').removeAttr('disabled').fadeTo(0,1);
	}
}