// Search Box

$(function() {			 
	$("#search").click(function() {
		($("#noResults").length > 0) ? $("#noResults").fadeOut("fast", function() {
			$(this).remove();				
		}) : null ;
				
		($("#error").length > 0) ? $("#error").fadeOut("fast", function() {
			$(this).remove();
		}) : null ;
					
		($("#results").length > 0) ? $("#results").fadeOut("fast", function() {
			$(this).remove();
		}) : null ;
				
		if($("#query").val()) {
			$(this).attr("disabled", "disabled");
			$("#query").attr("disabled", "disabled");
			$("<img>").attr({ src: "images/spinner.gif", id: "spinner" }).insertAfter("#search");
			var term = $("#query").val(),
			query = "term=" + term;
			$.getJSON("search.php?jsoncallback=?", query, function(data) {
				if (data.length > 0) {
					$("<div>").attr("id", "results").appendTo("#searchBox");
					$("<p>").addClass("pagesText").text("The following pages contain the search term:").appendTo("#results");
					$("<ul>").attr("id", "resultList").appendTo("#results");
					for (var x = 0; x < data.length; x++) {
						var li = $("<li>");
						$("<a />").addClass("result").attr("href", data[x].url).text(data[x].title).appendTo(li);
						li.appendTo("#resultList");
						$("#results").slideDown("fast");
					}
					$("#results").slideDown("fast");
				} else {
					$("<p>").attr("id", "noResults").text("Sorry, no results found").appendTo("#searchBox").slideDown("fast");								
				}
						
				$("#spinner").remove()