var searchBoxHiding = true;
var previousSearch = "";
var searchInterval = false;

$(document).ready(function() {
  
  // $("#keywords").focus(function() {
  //     searchInterval = window.setInterval("RunSearch()",500);
  //   });
  
    $("#Search_Container").find('form').submit(function(event) {
        var form = $(event.target);
        if ($('#keywords').val() === '')
        {
            event.preventDefault();
            $('#keywords').focus();
        }
        
    });
  
  $("#search_results").css("opacity",0);
  $("#search_results").css("display","block");
  

});

function RunSearch() {

  if(previousSearch != $("#keywords").val()) {
    
    var searchTerm = $("#keywords").val();
    
    $("#search_results_staging").html("");
    
    if(searchTerm == "") {

      $("#search_results").html("");

      if(!searchBoxHiding) HideSearchBox();

    }
    else {
      
      if(searchBoxHiding) ShowSearchBox();
      
      $.get("/index.php/search/search_script/", {searchString: searchTerm}, function(result) {
        
        //$("#search_results p").each(function() {$(this).remove();});
        $("#search_results_staging").html("");
        results = result.getElementsByTagName("result");
        if(results.length > 0) {
          for(var i=0;(i<results.length)&&(i<10);i++) {
            var thisResult = document.createElement("p");
            if(i == 0) thisResult.style.borderTop = "none";
            thisResult.innerHTML = "<a href='/"+results[i].getAttribute("weblog")+"/"+results[i].getAttribute("url_title")+"/'>"+results[i].firstChild.nodeValue+"</a>";
            document.getElementById("search_results_staging").appendChild(thisResult);
          }
          window.setTimeout("SlideResultsBox()",100);
        } else HideSearchBox();
                
      }, "xml");
      
    }
    
    previousSearch = searchTerm;
    
  }

}

function SlideResultsBox() {
  
  window.setTimeout('$("#search_results").html(document.getElementById("search_results_staging").innerHTML);',100);
  
  $("#search_results").animate({
  
    height: $("#search_results_staging").height()
  
  }, 300);

}

function ShowSearchBox() {

  $("#search_results").animate({
    
    opacity: "0.9"
  
  }, 400);
  
  searchBoxHiding = false;

}
function HideSearchBox() {
  
  $("#search_results").animate({
    
    opacity: "0",
    height: 1
  
  }, 400);
  
  searchBoxHiding = true;

}