(function() {
	var $bind, $pop, delay, rsDelay,
	resize = function() {
		if (rsDelay) clearTimeout(rsDelay);
		rsDelay = setTimeout(function() {
			var offset = $bind.offset();
			$pop.css({
				left: offset.left,
				top: offset.top + $bind.outerHeight() + 2,
				width: $bind.outerWidth()
			});
		}, 99)
	};
	$(function() {
		$("body").append('<ul id="autocs" class="autopop"></ul>');
		$pop = $("#autocs").on("mouseover", "li:not(:first)", function() {
			$pop.find("li.pop").removeClass("pop");
			$(this).addClass("pop");
		}).on("mousedown", "li:not(:first)", function() {
			$pop.hide();
			$bind.val($(this).text());
		})
	});
	$.fn.autocs = function(url) {
		return $(this).each(function() {
			var l = 0,
				delay = 0,
				$t = $(this).attr("autocomplete", "off").on({
					focus: function() {
						$bind = $t.trigger("keyup");//触发事件变为keyup
						resize();
						$(window).on("resize", resize);
					},
					keydown: function(e) {//用户输入事件分开了
						switch (e.which) {
							case 9:
								$pop.hide();
								break;
							case 13:
								$t.val($pop.hide().find(".pop").text());
								break;
							case 38:
								var $p = $pop.find(".pop").removeClass("pop");
								if ($p.index() > 0) $p.prev().addClass("pop");
								else $pop.find("li").last().addClass("pop");
								return false;
							case 40:
								var $p = $pop.find(".pop").removeClass("pop");
								if ($p.index() < l) $p.next().addClass("pop");
								else $pop.find("li").first().addClass("pop");
								return false;
						}
					},
					keyup: function(e) {//改为keyup事件处理内容
						switch (e.which) {
							case 9:
							case 38:
							case 40:
								return false;
								break;
							default:
								var val = $t.val(),
									str = "<li class='pop'>" + val + "</li>";
								if (val == "" || e.which == 13) $pop.hide();
								else {
									if (delay) clearTimeout(delay);
									delay = setTimeout(function() {
										$.ajax({//从服务器获取数据
											url: url,
											dataType: 'json',
											data: {
												key: val
											}
										}).done(function(data) {
											if (data.length > 0) {
												d = data;
												var i = 0,
													html = str;
												l = data.length;
												for (; i < l; i++) {
													html += '<li>' + data[i].key + '</li>';
												}
												$pop.html(html).show();
											} else {
												$pop.hide();
											}
										});
									}, 400)
								}
								$pop.html(str);
						}
					},
					blur: function() {
						$pop.hide();
						$(window).off("resize", resize);
					}
				})
		})
	}
})()

$("#search").autocs("1.json");//单个搜索框使用
$("#search input").autocs("1.json");//多个