﻿
$(document).ready(function(){
	
	
	
//Input Box Recoloring
	$("#searchbox").css("color","gray")
	
	$("#searchbox").focus(function(){
		$("#searchbox").css("color","black")
	 	});
	$("#searchbox").blur(function(){
		$("#searchbox").css("color","gray")
		});



 
 
 
 
 
/***************************/
//	Modified version of Adrian Mato's shoutbox AJAX script
//	@website: www.yensdesign.com
/***************************/

	
	
//global vars
	var inputSearch = $("#searchbox");
	var loading = $("#loading");
	var messageList = $("#contentbox");
	
	loading.hide();
	
	//functions
	
	//check if all fields are filled
	function checkForm(){
		if(inputSearch.attr("value"))
			return true;
		else
			return false;
	}
		
	//on submit event
	$("#form").submit(function(){
		if(checkForm()){
			var searchItem = inputSearch.attr("value");
			// deactivate submit button
			$("#send").attr({ disabled:true, value:"Sending..." });
			$("#send").blur();
			messageList.hide();
			loading.fadeIn();
			$.ajax({
				type: "POST", url: "search.php", data: "searchterm=" + searchItem,
				complete: function(data){				
					messageList.html(data.responseText);
					loading.fadeOut();
					messageList.fadeIn(2000);
					$("#send").attr({ disabled:false, value:"Search" });
				}
			 });
		}
		else alert("Please fill all fields!");
		//we prevent the refresh of the page after submitting the form
		return false;
	});

	
	
	
});