function prepare_data() {
    var value = $$("input[name=filter]").getLast().get("value");
    var order = $('sort_field').get('alt');
    var show_by = $$("#show_by a[alt=active]").getLast().get("text") 
    return {q: value, order: order, show_by: show_by}
}

function show_result(event) {
    var data = prepare_data();
    var request = new Request.HTML({
        method: "get",
        url: "/account/filter/",
        update: $('users_block_wrapper'),
        data: data,
    }).send();
    event.stop();
}


window.addEvent('domready', function() {
    $$("input[name=filter]").addEvent('keyup', function(event) {
        show_result(event);
    });

    $$(".sort_field").addEvent("click", function(event) {
        $('sort_field').removeClass("bold");
        $('sort_field').removeClass("nounderline");
        $('sort_field').removeProperty("id");
        this.set("id", "sort_field");
        this.addClass("bold");
        this.addClass("nounderline");
        show_result(event);
    });

    $$("#show_by a").addEvent("click", function(event) {
        $$("#show_by a").removeClass("bold");
        $$("#show_by a").removeClass("nounderline");
        $$("#show_by a").set("alt", "");
        this.addClass("bold");
        this.addClass("nounderline");
        this.set("alt", "active");
        show_result(event);
    });
});