$(document).ready(function(){
	$(document).click(function(){
		$("#ajax_response").fadeOut('slow');
		
	});
	

	
	var offset = $("#username5").offset();
	var width = $("#username5").width()-2;
	$("#ajax_response").css("left",offset.left); 
	$("#ajax_response").css("width",width);
	$("#username5").keyup(function(event){
		 //alert(event.keyCode);
		
		 var keyword = $("#username5").val();
		 if(keyword.length)
		 {
			 if(event.keyCode != 40 && event.keyCode != 38 && event.keyCode != 13)
			 {
				
			
				 $("#loading").css("visibility","visible");
				 $.ajax({
				   type: "POST",
				   url: "ajax_server.php?",
				   data: "data="+keyword,
				   success: function(msg){	
					if(msg != 0)
					  $("#ajax_response").fadeIn("slow").html(msg);
					else
					{
					  $("#ajax_response").fadeIn("slow");	
					  $("#ajax_response").html('<div style="text-align:left;float:left;">No Matches Found</div>');
					}
					$("#loading").css("visibility","hidden");
					
				   }
				 });
			 }
			 else
			 {
				switch (event.keyCode)
				{
				 case 40:
				 {
					  found = 0;
					  $("li").each(function(){
						 if($(this).attr("class") == "selected2")
							found = 1;
					  });
					  if(found == 1)
					  {
						var sel = $("li[class='selected2']");
						sel.next().addClass("selected2");
						sel.removeClass("selected2");
					  }
					  else
						$("li:first").addClass("selected2");
					 }
				 break;
				 case 38:
				 {
					  found = 0;
					  $("li").each(function(){
						 if($(this).attr("class") == "selected2")
							found = 1;
					  });
					  if(found == 1)
					  {
						var sel = $("li[class='selected2']");
						sel.prev().addClass("selected2");
						sel.removeClass("selected2");
					  }
					  else
						$("li:last").addClass("selected2");
				 }
				 break;
				 case 13:
					$("#ajax_response").fadeOut("slow");
					$("#username5").val($("li[class='selected2'] a").text());
					document.hsearch.submit();
				 break;
				}
			 }
		 }
		 else
			$("#ajax_response").fadeOut("slow");
	});
	$("#ajax_response").mouseover(function(){
		$(this).find("li a:first-child").mouseover(function () {
			  $(this).addClass("selected2");
		});
		$(this).find("li a:first-child").mouseout(function () {
			  $(this).removeClass("selected2");
		});
		$(this).find("li a:first-child").click(function () {
			  $("#username5").val($(this).text());
			  $("#ajax_response").fadeOut("slow");
			  document.hsearch.submit();
		});
	});
});