$(document).ready(function(){
    $("#grad, #postbr").click(function(){$(this).val("")});
    
    var options_grad = {
        script: function (input) { return "http://www.zivotopis.hr/includes/helper/data-json.php?d=grad&s="+input; },
        json:true,
        shownoresults:true,
        minchars:3,
        maxresults:6,
        noresults: "Nema rezultata!",
        callback: function(obj) {
            $("#postanski_brojevi").html('<u>Rezultat pretrage:</u><br /><br /><strong>'+obj.value+'</strong><br />'+obj.info);
        }
    };
    var as_grad = new bsn.AutoSuggest('grad', options_grad);

    var options_postbr = {
        script: function (input) { return "http://www.zivotopis.hr/includes/helper/data-json.php?d=postbr&s="+input; },
        json:true,
        shownoresults:true,
        minchars:3,
        maxresults:6,
        noresults: "Nema rezultata!",
        callback: function(obj) {
            $("#postanski_brojevi").html('<u>Rezultat pretrage:</u><br /><br /><strong>'+obj.value+'</strong><br />'+obj.info);
        }
    };
    var as_postbr = new bsn.AutoSuggest('postbr', options_postbr);
/*
    $.getJSON(
        "http://www.zivotopis.hr/includes/helper/data-json.php?d=grad", null, 
        function(j) {
            var tablica = "<h3>Poštanski brojevi svih hrvatskih gradova</h3><table style='width:100%;padding:0px;margin:0px'>";
            for (var i=0; i < j.results.length; i++)
            {
                tablica += "<tr><td style='border-bottom:1px solid #ccc;padding:5px 0px 5px 0px;width:150px'>"+j.results[i].value+"</td><td style='border-bottom:1px solid #ccc;padding:5px 0px 5px 0px;width:100px'>"+j.results[i].info.split(", ")[0]+"</td><td style='border-bottom:1px solid #ccc;padding:5px 0px 5px 0px;width:170px'>"+j.results[i].info.split(", ")[1]+"</td></tr>";
            }
            tablica += "</table>";
            $("#postanski_brojevi").html(tablica);
        }
    ); 
*/    
});