$(document).ready(function(){

    $("#homeSearchButton").bind("click", function(e){
        $('#VacancyResultsForm').submit();
        return false;
    });

    $("#homeSearchButton").bind("keypress", function(e){
        if (e.which == 13) {
            $('#VacancyResultsForm').submit();
            return false;
        }
    });

    $("#VacancyProfessionId").bind("change", function(e){

        //$("#VacancySectorId").val(0);
        //$("#VacancyLocationId").val(0);
        $("#VacancyJobTypeId").val(0);

        //getValues('Sector');
        //getValues('Location');
        getValues('JobType');
    });
/*

    $("#VacancySectorId").bind("change", function(e){
        $("#VacancyLocationId").val(0);
        $("#VacancyJobTypeId").val(0);

        getValues('Location');
        getValues('JobType');
    });

    $("#VacancyLocationId").bind("change", function(e){
        $("#VacancyJobTypeId").val(0);

        getValues('JobType');
    });

    $("#VacancyJobTypeId").bind("change", function(e){


    });
*/

});

function getValues (type) {

    $("#"+type+"_t").show();

    $.post("/vacancies/values/" + type + '/.json',
        {
            profession: $("#VacancyProfessionId").val(),
            sector: $("#VacancySectorId").val(),
            location: $("#VacancyLocationId").val(),
            job_type: $("#VacancyJobTypeId").val()
        },
        function(data){

            $("#Vacancy" + type + "Id").empty();
            $("#Vacancy" + type + "Id").append('<option value="">-- Choose one --</option>');
            $.each(data, function(i,item){
                $("#Vacancy" + type + "Id").append('<option value="'+i+'">' +item + '</option>');
            });

            $("#"+type+"_t").hide();

        },
        "json"
    );

}