var J = jQuery.noConflict();
J(document)
		.ready(
				function() {
					J('#keyword').one('click', function() {
						J(this).val('');
						J('#keyword').attr('class', 'has-sr');
					});
					J('#keyword')
							.bind(
									'keyup',
									function(e) {
										if (J.browser.webkit
												|| J.browser.mozilla
												|| J.browser.msie) {
											if (e.keyCode == 38
													|| e.keyCode == 40
													|| e.keyCode == 13) {
												if (e.keyCode == 38) {
													act = 1;
												} else if (e.keyCode == 40) {
													act = 2;
												} else if (e.keyCode == 13) {// 回车
													act = 3;
												} else {
													act = 0;
												}
												if (act == 3) {
													if (J('.search_txtLayer')
															.css('display') == 'block') {
														J('#keyword')
																.val(
																		J('.dj')
																				.attr(
																						'data'));
														J('.search_txtLayer')
																.hide();
													} else {
														toSearch();
													}
												} else {
													selectAction(act, 0);
												}
												return 1;
											}
										}

										var keyword = J('#keyword').val();
										if (keyword != '') {
											J('#Layer19').show();
											J
													.getJSON(
															'chinaSchoolIndex.php?subject=' + keyword,
															function(msg) {
																J('#Layer19')
																		.hide();
																if (msg.length > 0) {
																	var str = "";
																	J
																			.each(
																					msg,
																					function(
																							i,
																							n) {
																						str += '<li onmouseover="onLight(this)" onclick="inuptValue(\''
																								+ n.schoolName
																								+ '\')"  data="'
																								+ n.schoolName
																								+ '" ><span><a href="ChinaSchool.shtml?admin_id='
																								+ n.admin_id
																								+ '">Map</a></span> '
																								+ n.schoolName
																								+ '</li>';
																					});
																	J(
																			'#a_list')
																			.html(
																					str);
																	J(
																			'.search_txtLayer')
																			.show();
																} else {
																	J(
																			'.search_txtLayer')
																			.hide();
																}
															});
										} else {
										}
									});
					J('.search_txtLayer').mouseover(function() {
						J('#keyword').unbind('focusout')
					});
					J('.search_txtLayer')
							.mouseout(
									function() {
										J('#keyword')
												.focusout(
														function() {

															if (J(this).val() == '') {
																J('#keyword')
																		.attr(
																				'class',
																				'has-default');
																J('#keyword')
																		.val(
																				'Enter the name of school to search');
																J('#keyword')
																		.one(
																				'click',
																				function() {
																					J(
																							this)
																							.val(
																									'');
																					J(
																							'#keyword')
																							.attr(
																									'class',
																									'has-sr');
																				});
															}

															J(
																	'.search_txtLayer')
																	.hide();
														});
									});
					J('#keyword')
							.focusout(
									function() {
										J('.search_txtLayer').hide();
										if (J(this).val() == '') {
											J('#keyword').attr('class',
													'has-default');
											J('#keyword')
													.val(
															'Enter the name of school to search');
											J('#keyword').one(
													'click',
													function() {
														J(this).val('');
														J('#keyword').attr(
																'class',
																'has-sr');
													});
										}
									});

				});

// 将选中的值放入输入框
function inuptValue(value) {
	J('#keyword').val(value);
	J('.search_txtLayer').hide();
}
// 实现鼠标悬停高亮效果
function onLight(obj) {
	J('.dj').removeAttr('class');
	J(obj).attr('class', 'dj');
}

// 点击进行搜索
function toSearch() {
	var valu = J('#keyword').val();
	if (valu != '') {
		window.location.href = "school_nameSearch.php?search="
				+ J('#keyword').val();
	} else {
		alert('please input a search word!');
	}
}
/**
 * 用键盘来操作下拉菜单
 * 
 * @param e
 * @return
 */
function selectAction(act, index) {
	switch (act) {
	case 1:// 上
		if (J('.dj').is('li')) {
			J('.dj').prev().attr('class', 'dj');
			J('.dj:eq(1)').removeAttr('class');
		} else {
			J('#a_list li:eq(1)').attr('class', 'dj');
		}
		break;
	case 2:// 下
		if (J('.dj').is('li')) {
			J('.dj').next().attr('class', 'dj');
			J('.dj:eq(0)').removeAttr('class');
		} else {
			J('#a_list li:eq(0)').attr('class', 'dj');
		}
		break;
	case 3:// 确定
		if (J('#keyword').data('ok') == undefined) {
			J('#keyword').data('ok', 1);
			J('#keyword').val(J('.dj').text());
			// J('#Layer' + (5 + index)).hide();

		} else {
			J('.fp_search_btn1').trigger('click');
			J('#submit').trigger('click');

		}
		break;
	}
}