(function($) {
    $(window).load(function() {
        var sUrl = "zonelist.aspx?key={key}&area={area}";
        var defValue = "输入您要搜索的小区";
        var sSlt = $(".seach>a");
        var sUL = $(".seach>ul");
        var sItem = $(".seach>ul>li");
        var sTask;
        $(".seach>a").click(function() {
            if (sUL.css("display") == "none") {
                sUL.fadeIn(300);
            } else {
                sUL.fadeOut(200);
            }
        })

        $("#txtSearchKey").focus(function() {
            if ($(this).val() == defValue)
                $(this).val("");
        }).blur(function() {
            if ($(this).val() == "")
                $(this).val(defValue);
        }).keydown(function(event) {
            if (event.keyCode == 13)
                $("#btnSearch").click();
        });

        $(".seach").hover(function() {
            clearTimeout(sTask);
        }, function() {
            if (sUL.css("display") != "none")
                sTask = setTimeout(function() { sUL.fadeOut(200) }, 500);
        });

        sItem.click(function() {
            $(this).blur();
            sSlt.css("text-indent", "22");
            sSlt.text($(this).text());
            sUL.fadeOut(200);
        })

        $("#btnSearch").click(function() {
            var url = "";
            if (($("#txtSearchKey").val() == "" || $("#txtSearchKey").val() == defValue) && sSlt.text() == "选择区域") {
                alert("请输入关键字或选择区域。");
                return false;
            }
            if (sSlt.text() == "选择区域") {
                url = sUrl.replace("{area}", "");
            } else {
                url = sUrl.replace("{area}", encodeURIComponent(sSlt.text()));
            }


            if ($("#txtSearchKey").val() == defValue || $("#txtSearchKey").val() == "") {
                url = url.replace("{key}", "");
            } else {
                url = url.replace("{key}", encodeURIComponent($("#txtSearchKey").val()));
            }
            location = url;
        })
    })
})(jQuery)