//Mouse over function
function suggestOver(div_value) {
	div_value.className = 'suggest_link_over';
}
//Mouse out function
function suggestOut(div_value) {
	div_value.className = 'suggest_link';
}
//Click function
function setValue(value) {
	var tags = document.getElementById('tBox').value;
	var temp = new Array();
	var string = '';
	temp = tags.split(', ');
	temp[temp.length-1] = value;
	
	for(i=0; i < temp.length; i++) {
		string += temp[i];
	}
	$('tBox').value = string;
	$('suggest').update('');
	$('suggest').style.display = 'none';
	$('tBox').focus();
	//document.getElementById('tBox').focus();
}

function handleSuggestions(tags) {
      var ss = document.getElementById('suggest')
      ss.innerHTML = '';
      var suggestions = new Array();
      suggestions = tags.split('###');
      for(i=0; i < suggestions.length; i++) {
               var val = suggestions[i];
               if (val.length > 0){
                    var suggest = '<div onmouseover="javascript:suggestOver(this);" ';
                    suggest += 'onmouseout="javascript:suggestOut(this);" ';
                    suggest += 'onclick="javascript:setValue(this.innerHTML);" ';
                    suggest += 'class="suggest_link">' + val + '</div>';
                    ss.innerHTML += suggest;
           }
      }
}

/*                        
<input type="text" name="searchField" value="<TMPL_VAR NAME='SearchField'>"  id="tBox" onkeyup="suggest();" autocomplete="off"/>
<div id="suggest" style="display: none;"></div>
<input type="submit" name="Find" value="Search" class="btn" />
 */