function fillFields( text ) {
    document.getElementById( "simp_keyword" ).value = text;
    document.getElementById( "suggest_options" ).style.display = "none"; 
}

function autoSuggest() {
    var searchVal = document.getElementById( "simp_keyword" ).value;
    var options = document.advancedForm.keyword.options;
    var matches = new Array();
    for ( var i = 0; i < options.length; i++ ) {
        if ( ( options[i].value.length > 0 ) && ( options[i].value.toUpperCase().indexOf( searchVal.toUpperCase() ) == 0 ) ) {
           matches.push( options[i].value );
        }
    }

    var output = "";
    for ( var i = 0; ( i < matches.length ) && ( i < 10 ); i++ ) {
        output += "<div class='auto_option' onClick=\"fillFields('" + matches[i] + "')\" id='auto_option_" +
                   i + "' name='auto_option' onMouseOver=\"animateMouseOver('auto_option_" + i + "')\" " +
                   " onMouseOut=\"animateMouseOff('auto_option_" + i + "')\" >" +
                   matches[i] + "</div>";
    }
    if ( ( searchVal.length > 0 ) && ( output.length > 0 ) ) {
        document.getElementById( "suggest_options" ).innerHTML = output; 
        document.getElementById( "suggest_options" ).style.border = "1px solid #000"; 
        document.getElementById( "suggest_options" ).style.display = "block"; 
    }
    else {
        document.getElementById( "suggest_options" ).style.display = "none"; 
    }
}

function animateMouseOff( id ) {
    document.getElementById( id ).style.backgroundColor = "#EEE"; 
    document.getElementById( id ).style.color = "#000"; 
}

function animateMouseOver( id ) {
    document.getElementById( id ).style.backgroundColor = "#00B"; 
    document.getElementById( id ).style.color = "#FFF"; 
}

function hideSuggestionsNoCheck() {
    document.getElementById( "suggest_options" ).style.display = "none"; 
}

function hideSuggestions() {
    var newFocus = "";
    var element = document.activeElement;
    if ( element != "undefined" ) {
        newFocus = "";
        if ( navigator.appName == 'Microsoft Internet Explorer' ) {
            newFocus = element.name;
        }
        else {
            newFocus = element.id;
        }

    
        if ( newFocus == "" ) {
            element = document.activeElement2;
            newFocus = element.id;
        }
        if ( newFocus.substr(0,11) != "auto_option" ) {
            document.getElementById( "suggest_options" ).style.display = "none"; 
        }
    }
}
