var searchReq = create_http_object();
//Our XmlHttpRequest object to get the auto suggest

//Called from keyup on the search textbox.
//Starts the AJAX request.
function searchSuggest(search, field) 
{
    if (searchReq.readyState == 4 || searchReq.readyState == 0) 
    {
        var str = escape(document.getElementById(field).value);
        searchReq.open("GET", '/searchSuggest.html?type=' + search + '&search=' + str, true);
        searchReq.onreadystatechange = function() { handleSearchSuggest(field); }
        searchReq.send(null);
    }		
}

//Called when the AJAX response is returned.
function handleSearchSuggest(field) 
{
    if (searchReq.readyState == 4) 
    {
        var ss = document.getElementById(field + '_suggest')
        ss.innerHTML = '';
        var str = searchReq.responseText.split("\n");

        if (str.length > 1)
        {
            document.getElementById(field + '_suggest').style.display = 'block';

            for (i = 0; i < str.length - 1; i++) 
            {
                //Build our element string.  This is cleaner using the DOM, but
                //IE doesn't support dynamically added attributes.
                var suggest = '<div onmouseover="javascript:suggestOver(this, \'' + field + '\');" ';
                   suggest += 'onmouseout="javascript:suggestOut(this, \'' + field + '\');" ';
                   suggest += 'onclick="javascript:setSearch(this.innerHTML, \'' + field + '\');" ';
                   suggest += 'class="suggest_link">' + str[i] + '</div>';

                ss.innerHTML += suggest;
            }
        }
        else
        {
            document.getElementById(field + '_suggest').style.display = 'none';
        }
    }
    else
    {
        document.getElementById(field + '_suggest').style.display = 'none';
    }
}

//Mouse over function
function suggestOver(div_value, field) 
{
    div_value.className = 'suggest_link_over';
}
//Mouse out function
function suggestOut(div_value, field) 
{
    div_value.className = 'suggest_link';
}
//Click function
function setSearch(value, field) 
{
    document.getElementById(field).value = value;
    document.getElementById(field + '_suggest').innerHTML = '';
    document.getElementById(field + '_suggest').style.display = 'none';

}