//	var show=false;
	
	var listArray=new Array(

    );

    var modelListObj = { "list" : [

    ]};

	var output='';
    var suggestArr = listArray;
    var activeSuggest = null;
	//hide list 
	function hideList()
	{
		$("targetDiv").hide();
        if (activeSuggest != null) {
            setValue(activeSuggest);
        }
	}

	function overColor(n)
	{
		$("item"+n).addClassName("itemOverColor");		
        activeSuggest = n; 
	}
	function outColor(n)
	{
        activeSuggest = null;
		$("item"+n).removeClassName("itemOverColor");
	}	
	
	//method fires event on each keyup event and call getData()
	function getSuggest(keyEvent)
	{
		keyEvent = (keyEvent) ? keyEvent: window.event;
        input = (keyEvent.target) ? keyEvent.target : keyEvent.srcElement;
	
        if (keyEvent.type == "keyup")
        {
		  if (input.value)
          {
          	 getData(input.value);          	   
          }
          else
          {
        	  showList();			
          }
        }
             
	}
	
	//set selected value in the search field.
	function setValue(n)
	{
		document.search.q.value=suggestArr[n];
		//$("targetDiv").hide();
		window.location.href ="/s/"+encodeURIComponent(suggestArr[n]);
	}
	
	//get data form list that matches the user search.
	function getData(query)
	{
		output='';
		var toShowOff = false;		
		 suggestArr = new Array();
		var listLength =listArray.length;
		// To remove extra spaces and convert to lowercase.
		query = query.toLowerCase().replace(/^\s+|\s+$/g,'').replace(/\s+/g,' '); 
		listArray.sort();
		output+='<p id="searchTitle">My Recent Searches:</p>';
		output+='<ul id="itemList">';
	//	queryTokens = query.split(" ");
	//	for(var q=0;q<queryTokens.length;q++)
	//	{
	//		query = queryTokens[q].toLowerCase();
	        query = query.toLowerCase(); 
			for(var i=0;i<listLength;i++)
			{
				var tokens = listArray[i].split(" "); /* spliting string by spaces as a token. */ 
				for(var j=0;j<tokens.length;j++)
				{
					if(tokens[j].toLowerCase().startsWith(query))
					{
						toShowOff = true;						
						suggestArr.push(listArray[i]);
					}			
				}
				
				if(listArray[i].toLowerCase().match(query))
				{
				   	  suggestArr.push(listArray[i]);
				   	  toShowOff = true;					   	
				}						
			}
	//	}	
		suggestArr = suggestArr.uniq();
		for(var k=0;k<suggestArr.length;k++)
			output+='<div id="recentSearches"  onmouseover = "overColor('+k+')" onmouseout="outColor('+k+')"><li id="item'+k+'" onclick="setValue('+k+')">'+suggestArr[k]+'</li></div>';	
		output+='</ul>';
		
		if(toShowOff == false)
		{
			$("targetDiv").innerHTML='';
			$("targetDiv").removeClassName("visibleList");
		}
		else
		{	
			$("targetDiv").addClassName("visibleList");
			$("targetDiv").innerHTML=output;				
		}
		
	}
	
	// show complete list on focus.
	function showList()
	{
			output='';
			var listLength =listArray.length;
			if(listLength > 0)
			{
				output+='<p id="searchTitle">My Recent Searches:</p>';
				output+='<ul id="itemList">';
				listArray.sort();
				for(var i=0;i<listLength;i++)
				{
					output+='<div id="recentSearches" onclick="setValue('+i+')" onmouseover = "overColor('+i+')" onmouseout="outColor('+i+')"><li id="item'+i+'" >'+listArray[i]+'</li></div>';
				}
				output+='</ul>';
				
				//$("targetDiv").style.width='226px';
	        	$("targetDiv").addClassName("visibleList");
	       		$("targetDiv").innerHTML=output;
				$("targetDiv").show();
				//show=true;
			}
	}
/*	function hideSearch(e)
	{
		x=e.pageX;
		y=e.pageY;
		if (!((x<596 && x>825)&&(y<324 && y>460)))
		{
			if (show==true)
				setTimeout('hideList()',150);
			
		}		
	}*/
	
	function setSuggestSize()
	{
		//$("targetDiv").style.left='685px';   /* changed to FIX Bug #1684*/
		//$("targetDiv").style.top='38px';
		//$("targetDiv").style.width='248px';
	}		

	
// this part is for setting the correct login status to use in headerNew.jsp
var gUsername = 'null';