$(document).ready(function(){
    if ($("#car-makes").length > 0){
        if (activeMake != ''){
            $("#car-makes option").each(function(){
                if (this.value == activeMake){
                    this.selected = true;
                }
            });
        }
        selectedMake = $("#car-makes option:selected")[0].value;
        if (selectedMake != 0){
            getModels(selectedMake);
        }
        $("#car-makes").change(function () {
            selectedMake = $("#car-makes option:selected")[0].value;
            getModels(selectedMake);
            resetYears();    
        });
        $("#car-models").change(function () {
            selectedMake = $("#car-makes option:selected")[0].value;
            selectedModel = $("#car-models option:selected")[0].value;
            if (selectedModel == 0){
//                getDefaultYears();
            }else{
                getYears(selectedMake,selectedModel);
            }
        });
        $("#car-submit").click(function(){
            selectedMake = $("#car-makes option:selected")[0].value;
            selectedModel = $("#car-models option:selected")[0].value;
            selectedYear = $("#car-years option:selected")[0].value;
            if (selectedMake == 0){
                $("#make-error").show();
                return false;
            }else{
                return true;
            }
        });
    }
});

function getModels(make){
    var options = '<option value="0">Select Car Model</option>';
    selectedMake = "";
    for (var i=0;i<carData.cars.makes.length;i++){
        if (carData.cars.makes[i].id == make){
            selectedMake = carData.cars.makes[i].models;
        }
    }
    for (var x=0; x<selectedMake.length;x++){
        if (activeModel == selectedMake[x].name){
            selected = "selected='selected'";
        }else{
            selected = "";
        }
        options += '<option value="' + selectedMake[x].id + '"'+selected+'>' + selectedMake[x].name + '</option>';
    }
    $("#car-models").html(options);
    if (activeModel != 0){
        getYears(activeMake,activeModel);
    }else if (activeYear != 0){
        selectYear(activeYear);
    }
}

function selectYear(year){
    $("#car-years option").each(function(){
        if (this.value == year){
            this.selected = true;
        }
    });
}

function getYears(make,model){
    var options = '<option value="0">Year</option>';
    selectedMake = "";
    selectedModel = "";
    for (var i=0;i<carData.cars.makes.length;i++){
        if (carData.cars.makes[i].id == make){
            selectedMake = carData.cars.makes[i].models;
        }
    }
    for (var x=0;x<selectedMake.length;x++){
        if (selectedMake[x].id == model){
            selectedModel = selectedMake[x].years;
        }
    }
    for (var y=0; y<selectedModel.length;y++){

        if (activeYear == selectedModel[y]){
            selected = "selected='selected'";
        }else{
            selected = "";
        }
        options += '<option value="' + selectedModel[y] + '"'+selected+'>' + selectedModel[y] + '</option>';
    }
    $("#car-years").html(options);
}

function getDefaultYears(){
    var options = '<option value="0">Year</option>';
    for (var y=0; y<carData.years.length;y++){
        options += '<option value="' + carData.years[y].id_108 + '">' + carData.years[y].id_108 + '</option>';
    }
    $("#car-years").html(options);
}
function resetYears(){
    var options = '<option value="0">Year</option>';
    $("#car-years").html(options);
}