var VehicleSelector = {
		models:  {
		},
		
		makeChanged: function(makeId)  {
			makeId = parseInt(makeId);
			// Clear dropdown
			var modelsDropdown = $('#ModelsDropdown');
			modelsDropdown.find('option').remove();
			if (makeId in this.models)  {
				for (var modelId in this.models[makeId])  {
					var model = this.models[makeId][modelId];
					modelsDropdown.append($('<option></option>').val(model['id']).text(model['name']));
				}
			}
		},
		
		addModel: function(makeId, modelId, modelName)  {
			var model = {id: modelId, name: modelName};
			if (!(makeId in this.models))
				this.models[makeId] = {};
				
			this.models[makeId][modelId] = {id: modelId, name: modelName};
		},
		
		setModel: function(modelId)  {
			if (modelId < 0)
				return;
			$('#ModelsDropdown').val(modelId);
		},
		
		toggleConditions: function()  {
			var makeId = parseInt($('#MakesDropdown').val());
			var modelId = parseInt($('#ModelsDropdown').val());
			var year = parseInt($('#YearsDropdown').val());
			//var version = parseInt($('#VersionsDropdown').val());

			if (makeId > 0 && modelId > 0 && year > 0)
				$('#conditionsRow').show();
			else
				$('#conditionsRow').hide();
		},
		
		loadYears: function() {
			var makeId = parseInt($('#MakesDropdown').val());
			var modelId = parseInt($('#ModelsDropdown').val());
			
			if(makeId > 0 && modelId > 0) {
				$('#YearsDropdown').html('<option value="0" selected="selected"></option>');
				$.post('years_retriever.php', { 'MakeID': makeId, 'ModelID': modelId }, 
					function(data) 
					{ 
						var opt = ''; 
						if(data.length) 
						{ 
    						for(i = 0;i < data.length; i++) { 
	        					opt += '<option value="' + data[i].value + '">' + data[i].value + '</option>'; 
			    			} 
						}
						$('#YearsDropdown').html(opt);
						VehicleSelector.toggleConditions();
					} 
                ,'json');  
                    
			}
			
		}
	};