$sd(document).ready(function()
{	
	$sd("#typeAheadResultsForm").hide();
		
	var minSearchLength = $sd("#minSearchLength").val();
	var searchDelayPeriod = $sd("#searchDelayPeriod").val();
	var value1; 	 	
	var value2; 	
	var srchTxt = $sd("#searchBox").val();
	value1 = $sd("#searchBox").val();
	var  listIndex;
	$sd("#searchBox").keyup(function(event)
	{	

		value2 = $sd("#searchBox").val();	
		switch(event.keyCode) 
		{ 
		
			case 38:
				if(listIndex > 0 )
				{
					listIndex =  listIndex - 1;
					srchTxt = $sd(".typeAheadrow").eq(listIndex).text()
					$sd("#searchBox").val(srchTxt);
					$sd(".typeAheadrow").eq(listIndex).addClass("lihover");
					$sd(".typeAheadrow").eq(listIndex).siblings().removeClass("lihover");
				}
				
				$sd(".typeAheadrow").hover(function()
				{
					$sd(this).addClass("lihover");
					$sd(this).siblings().removeClass("lihover");
				}, 
				function()
				{
					$sd(this).removeClass("lihover");
				});	
				
			break;
			case 40:
				if (listIndex < 9)
				{
					listIndex =  listIndex + 1;				
					srchTxt = $sd(".typeAheadrow").eq(listIndex).text()
					$sd("#searchBox").val(srchTxt);
					$sd(".typeAheadrow").eq(listIndex).addClass("lihover");
					$sd(".typeAheadrow").eq(listIndex).siblings().removeClass("lihover");
				}
				
				$sd(".typeAheadrow").hover(function()
				{
					$sd(this).addClass("lihover");
					$sd(this).siblings().removeClass("lihover");
				}, 
				function()
				{
					$sd(this).removeClass("lihover");
				});	
				
			break;
			default :
				if (value2.length >= minSearchLength) 
				{				
					
					setTimeout('$sd("#kickOffSearch").click()', searchDelayPeriod);
					value1 = $sd("#searchBox").val();
					listIndex = -1;
				} 
				else 
				{
					$sd("#typeAheadResultsForm").hide();
				}		
			break;
		}			
	});
	
	$sd('#kickOffSearch').live('click',function(event)
	{				
		sdg.ajaxRetrieve('#typeAheadResultsForm','/content/slots/search/typeAheadSearch.jsp?searchTerm='+value2,'html','typeAheadResults','#typeAheadResultsForm');				
		$sd("#typeAheadResultsForm").show();
		return false;
	});		
	
	$sd("#searchBox").click(function()
	{
		$sd("#typeAheadResultsForm").hide();		
	});
	
	
});