$(document).ready(function(){
   $.ajaxSetup({
	  url: "/SearchFilter.asmx/GetSearchData",
	  global: false,
	  contentType: "application/json; charset=utf-8",
	  dataType:'json',
	  timeout: 7000, 
	  type: "POST"
	});
	$("#usedCarSearch select[name=make]").change(function() {
		$.ajax({
		  data: '{ "make":"' + $(this).val() + '", "model":"none", "variant":"none" }',
		   success:function(json){
				writeCarCount(json.carCount);
				
				var optionsHtml = "";
				optionsHtml += '<option value="0">Choose a model</option>';
				optionsHtml += '<option value="-1">All Models</option>';
				optionsHtml += getOptionList(json.modelList);											  
				$("#usedCarSearch select[name=model]").html(optionsHtml);
				

				optionsHtml = '<option value="0">Choose a variant</option>';
				optionsHtml += '<option value="-1">All variants</option>';
				optionsHtml += getOptionList(json.variantList)
				$("#usedCarSearch select[name=variant]").html(optionsHtml);
		   }
		});
	});
	$("#usedCarSearch select[name=model]").change(function() {
		$.ajax({
		   data: '{ "make":"' + $("#usedCarSearch select[name=make]").val() + '", "model":"' + $(this).val() + '", "variant":"none" }',
		   success:function(json){	
				writeCarCount(json.carCount);
				
				var optionsHtml = "";
				optionsHtml += '<option value="0">Choose a variant</option>';
				optionsHtml += '<option value="-1">All variants</option>';
				optionsHtml += getOptionList(json.variantList)
				$("#usedCarSearch select[name=variant]").html(optionsHtml);
		   }
		});
	});
	$("#usedCarSearch select[name=variant]").change(function() {
		$.ajax({
		   data: '{ "make":"' + $("#usedCarSearch select[name=make]").val() + '", "model":"' + $("#usedCarSearch select[name=model]").val() + '", "variant": "' + $(this).val() + '"}',
		   success:function(json){	
				writeCarCount(json.carCount);								
		   }
		});
	});
});
function getOptionList(fnJsonData) {
	var output = "";
	if (fnJsonData != null) {
		var tmpArr = fnJsonData.toString().split(",");
		for (var i=0; i<tmpArr.length;i++){
		   output += '<option>' + tmpArr[i] + '</option>';
		}
	}	
	return output;
}
function writeCarCount(fnCount) {
	if (fnCount == 1) $("#carcount").text("1 Car");
	else $("#carcount").text(fnCount + " Cars");	
}