$(document).ready(function() {
	ko.applyBindings(vm);

	vm.initStreetsTable();

	$('#loading-dialog').dialog({
		autoOpen : false,
		modal : true,
		height : 90
	});

	$('#loading-dialog').ajaxStart(function() {
		$(this).dialog('open');
	});

	$('#loading-dialog').ajaxStop(function() {
		$(this).dialog('close');
	});

    $.getJSON('/regions', {
        code : $('#code').val()
    }, function(data) {
        regions = data;
        regions.splice(0, 0, "");

        vm.regions(regions);
    });

	ko.bindingHandlers.change = {
	    update: function(element, valueAccessor, allBindingsAccessor, vm) {
	    	var value = valueAccessor();
	        var valueUnwrapped = ko.utils.unwrapObservable(value);
	        $(element).change(valueUnwrapped);
	    }
	};
})