function selected_hint(data, mode) {
    $('#id_ajax_search_suburb').val('');
    $('#id_ajax_search_region').val('');
    $('#id_ajax_search_province').val('');

    if (data != '') {
        var data_array = data.split(',');
        $('#id_ajax_search_suburb_region').val(data_array[0] + ', ' + data_array[1] + ', ' + data_array[2]);
        
        $('#id_ajax_search_suburb').val(data_array[3]);
        $('#id_ajax_search_region').val(data_array[4]);
        $('#id_ajax_search_province').val(data_array[5]);
    } else {
        $('#id_ajax_search_suburb_region').val('');
    }

    $('#id_results_div').hide();
}

function ajax_search_hint() {
    var val = $('#id_ajax_search_suburb_region').val();
    var new_html = '';
    
    $.getJSON('/ajax/search/suburb/hint/'+ val +'/', function(data) {
        if (data) {
            for (i=0; i<data.length; i++) {
                new_html += '<span><a href="#1" onclick="selected_hint(\'' + data[i] + '\', \'s\')">' + data[i][0] + ', ' + data[i][1] + ', ' + data[i][2] + '</a></span>';
            }
        }
        
        if (new_html == '') {
            new_html = '<span><a href="#1" onclick="selected_hint(\'\')">No matching cities or suburbs found...</a></span>';
        }

        $('#id_results_div').show();
        $('#id_results_div').html(new_html);
    });
}
