$(document).ready(function() {
    $("#citynamesearch").unbind().autocomplete();
    
    $("#citynamesearch").autocomplete("cities_search.html", {
            minChars: 3,
            width: 310,
            matchContains: true,
            autoFill: true,
            extraParams: {region:$("#region_search").val()}
    });

    function findValueCallback(event, data, formatted) {
            if (data) {
                $("#citysearchid").val(data[1]).appendTo("#result");
            }
    }

    $(":text, textarea").result(findValueCallback).next().click(function() {
            $(this).prev().search();
    });

    $("#region_search").change(function(){

        $("#citynamesearch").val("");
        $("#citynamesearch").unbind().autocomplete();

        $("#citynamesearch").autocomplete("cities_search.html", {
                minChars: 3,
                width: 310,
                matchContains: true,
                autoFill: true,
                extraParams: {region:$("#region_search").val()}
        });

        function findValueCallback(event, data, formatted) {
                if (data) {
                    $("#citysearchid").val(data[1]).appendTo("#result");
                }
        }

        $(":text, textarea").result(findValueCallback).next().click(function() {
                $(this).prev().search();
        });
    
    });
});