function dump(obj) {
    var out = '';
    for (var i in obj) {
        out += i + ": " + obj[i] + "\n";
    }

    alert(out);

    // or, if you wanted to avoid alerts...

    var pre = document.createElement('pre');
    pre.innerHTML = out;
    document.body.appendChild(pre)
}

$(function() {
    $( "#query" ).autocomplete({
        source: function( request, response ) {
            $.ajax({
                url: "/default/index/getqueries/format/html",
                dataType: "json",
                data: {
                    maxRows: 12,
                    startsWith: request.term
                },
                success: function( data ) {
                    response( $.map( data, function( item ) {
                        return {
                            label: item.query,
                            value: item.query
                        }
                    }));
                }
            });
        },
        minLength: 2,
        select: function( event, ui ) {
        	//dump (ui);
        	$("#query").val(ui.item.value);
            document.getElementById('search_form').submit();
        },
        open: function() {
            $( this ).removeClass( "ui-corner-all" ).addClass( "ui-corner-top" );
        },
        close: function() {
            $( this ).removeClass( "ui-corner-top" ).addClass( "ui-corner-all" );
        }
    });
});