$(function() {
    $("#search").live("blur", function(e) {
        window.setTimeout(function() {
            $("#livesearch-result").hide();
        }, 200);
    });

    $("#search").live("keyup", function(e) {
        if (e.keyCode == 27) {
            $("#livesearch-result").hide();
        }
        else {
            var phrase = $(this).attr("value");
            $.get("/livesearch", {"phrase" : phrase}, function(data) {
                data = JSON.parse(data);
                if (data["state"] == "success") {
                    $("#livesearch-result").html(data["products"]);
                    $("#livesearch-result").slideDown("fast");
                }
                else {
                    $("#livesearch-result").html();
                    $("#livesearch-result").hide();
                }
            });
        }
    });
});