//AJAX for grabbing listings

       $(document).ready(function()
        {
                
		$("#list_result").hide();

                //add listeners to new data
                $("#list_result").click( function(event)
                {
                    var $target = $(event.target);
                    
                    //check if clicked on link
                    if( $target.hasClass('name_link') )
                    {
                        event.preventDefault();
                        
                        //get id
                        var $listing_id = $target.parents('.listing_display').attr('id').substring(8);
                        $target.parents("form").find("#listing_selector_field").val($listing_id);
                        			
                        //set listing
                        var $name = $target.text();
                        
                        //set in text field
                        var $field = $target.parents('.listing_selector').find('.query').find('input');
                        $field.val($name);
                        $field.attr('disabled', 'disabled');
                        $field.parents("form").find("input[type=submit]").removeAttr('disabled');
                        
                        $("#list_result").fadeOut("fast");
                        
                    }
                });
            
		//listener on field to make dropdown invisible when not active
		$(".query").find("input").blur(function()
                {
			//$("#list_result").fadeOut("fast");
                        //$(".listing_selector").animate({height: "100px"},200);
                        
                });

		//listener on field to make dropdown visible when made active
		$(".query").focus(function()
		{
			$("#list_result").fadeIn("fast");
			//$("#list_result").css("display", "block");
		});


		//listener for keyup on input field
		$(".query").find("input").keyup(function (e) {
			//if there's nothing to scroll through, return
			if($("#list_result").html() == "")
			{
				/*
				//attempt to fill with data
				$.get("/pages/ajax_search", { q: $(".query").find("input").val() }, function(data)
				{
					$("#list_result").html(data);
                                        $("#list_result").fadeIn("fast");
 				});
				*/
				
				$.ajax({
					type: "GET",
					url: "/pages/ajax_search",
					data: ({ q: $(".query").find("input").val() }),
					beforeSend: function(){
						$("#list_result").html(" ");
						$("#list_result").find("div").fadeTo("slow", .33);
						$("#list_result").addClass("loading");
					},
					success: function(data)	{
						$("#list_result").html(data);
						$("#list_result").find("div").fadeTo("slow", 1);
						$("#list_result").removeClass("loading");
						$("#list_result").fadeIn("fast");
					}
				});
				
				//if still nothing, give up.
				if($("#list_result").html() == null)
					return;
                        }
                        
                        var list=$("#list_result").children("div").children("ul");
			var size=list.children().length;

                        //enter key: ignore
                        if(e.keyCode == 13)
			{
                            e.preventDefault();
			}
			
			$.ajax({
				type: "GET",
				url: "/pages/ajax_search",
				data: ({ q: $(".query").find("input").val() }),
				beforeSend: function(){
					$("#list_result").html(" ");
					$("#list_result").find("div").fadeTo("slow", .33);
					$("#list_result").addClass("loading");
				},
				success: function(data)	{
					$("#list_result").html(data);
					$("#list_result").find("div").fadeTo("slow", 1);
					$("#list_result").removeClass("loading");
					$("#list_result").fadeIn("fast");
				}
			});
		});

		//mouseover listener
                /*
		$("#list_result").hover( function(){
			var showResultDiv = this;
			$(this).children("div").children("ul").children("li").hover( function()
			{
				//var $allLIs = $(showResultDiv).children("div").children("ul").children();
				//$allLIs.removeClass("selected");
                            
				//if(count != -1)
				//	$("li:eq("+ count +")").removeClass();
                            
				$(this).addClass("selected");
				//count = $(showResultDiv).children("div").children("ul").children().index(this);
			} , 
			function()
			{
				$(this).removeClass("selected"); 
			});
		},
		function()
		{
			//left the field
			//count = -1;
		});
                */
	});