$(document).ready(function(){
	//if search terms input box is blank then clear fields else find item
	$("#searchterms").keyup(function(event){
		if($(this).val() == ''){
			clearFld();
		}else{
			//check if the enter key is pressed then redirect to search page
			if(event.keyCode == 13){
				window.location = '/Jewelry/?searchterms=' + $(this).val();
			}else{
				findItems()
			}
		}
	});
	
	//check if search term default value is 'smart search'..if so clear field
	$("#searchterms").focus(function(event){
		if($(this).val() == 'Smart Search'){
			$(this).val('');
		}
	});
	
	//when mouse is focus out of the input box clear field
	$("#searchterms").blur(function(event){
		clearFld();
	});
});

findItems = function(){
	var fadeDuration = 200;
	
	var searchterms = $("#searchterms").val();
	var dataString = 'searchterms='+ searchterms;  
	$.ajax({
		   	type: "POST",
		   	url: "/autocomplete/jquery.searchbar.async.cfm",
		   	data: dataString,
			success: 
				function(data){
					$("#search_result").html(data);
				},
			error:
				function (xhr, ajaxOptions, thrownError){

				},
			beforeSend: //preloader
				function(){
					$("#search_shadow").fadeIn();
					$("#search_result").html('    Searching items...please wait');
				},	
			complete: //hide preloader
				function(){
					
				}
				
		   });
	return false;
}

clearFld = function(){
	$("#searchterms").val('');
	$("#search_shadow").fadeOut();
};