$(document).ready(function(){
	$(document).click(function(){
		$("#ajax_response").fadeOut('slow');
	});
	$("#keyword").focus();
	var offset = $("#keyword").offset();
	var width = $("#keyword").width()-2;

	/*$("#ajax_response").css("left",offset.left);*/ 
	$("#ajax_response").css("left",0);
	$("#ajax_response").css("width",width);
	$("#keyword").keyup(function(event){
		 
		 var keyword = $("#keyword").val();
		 if(keyword.length)
		 {
			 
			 
			 if(event.keyCode != 40 && event.keyCode != 38 && event.keyCode != 13)
			 {
				 var categoryid = document.getElementById('categoryid').value ;		 
      
				 $("#loading").css("visibility","visible");
				 $.ajax({
				   type: "POST",
				   url: "ajax_server.php",
				   data: "data="+keyword+"&categoryid="+categoryid,
				   
				   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;">No Matches Found</div>');
					}
					$("#loading").css("visibility","hidden");
				   }
				 });
			 }
			 else
			 {
				switch (event.keyCode)
				{
				 case 40:
				 {
					  found = 0;
					  $("ul.list li").each(function(){
						 if($(this).attr("class") == "selected")
							found = 1;
					  });
					  if(found == 1)
					  {
						var sel = $("ul.list li[class='selected']");
						sel.next().addClass("selected");
						sel.removeClass("selected");
						
					  }
					  else
						$("ul.list li:first").addClass("selected");
					 }
				 break;
				 case 38:
				 {
					  found = 0;
					  $("ul.list li").each(function(){
						 if($(this).attr("class") == "selected")
							found = 1;
					  });
					  if(found == 1)
					  {
						var sel = $("ul.list li[class='selected']");
						sel.prev().addClass("selected");
						sel.removeClass("selected");
					  }
					  else
						$("ul.list li:last").addClass("selected");
				 }
				 break;
				 case 13:
				 		$("#ajax_response").fadeOut("slow");
					//	$("#keyword ul.list").val($("li[class='selected'] a").text());
						
						var categoryid = document.getElementById('categoryid').value ;
						//alert("current stack is " + $("ul li.selected a").children("span.bold").html());

						//var vishwas2 = $("#keyword ul.list").val($("li[class='selected']").textContent);	
						var vishwas2 = $("#ajax_response ul li.selected a").children("span.bold").html();
						//alert(vishwas2);
						if(vishwas2== null || vishwas2== false || vishwas2==0)
						{
						var TTL = keyword;
						}
						else
						{
						var TTL = vishwas2;
						}
						//alert('aaa');
						location.replace("search.php?keyword="+TTL+"&categoryid="+categoryid);
				 break;
				}
			 }
		 }
		 else
			$("#ajax_response").fadeOut("slow");
	});
	$("#ajax_response").mouseover(function(){
		$(this).find("li a:first-child").mouseover(function () {
			  $(this).addClass("selected");
		});
		$(this).find("li a:first-child").mouseout(function () {
			  $(this).removeClass("selected");
		});
		$(this).find("li a:first-child").click(function () {
			  $("#keyword").val($(this).text());
			  $("#ajax_response").fadeOut("slow");
		});
	});
});