window.addEvent('domready', function() {
    var providerNameSearchTextBox = new Element('input', { 'id': 'providerNameSearchBox', 'type': 'text' });
    providerNameSearchTextBox.setStyle('width', 350);
    var providerNameSearchLabel = $('lblProviderName');
    providerNameSearchLabel.setProperty('for', 'providerNameSearchBox');
    providerNameSearchTextBox.injectAfter(providerNameSearchLabel);

    providerNameSearchTextBox.addEvent('keyup', function() {
        SelectItemByText(this, $(providerListBoxId));
    });
    providerNameSearchTextBox.focus();
});

function SelectItemByText(textbox, selectBoxId) {
    var text = textbox.value.toLowerCase();
    var selectBox = $(selectBoxId);
    for (var i = 0; i < selectBox.options.length; i++) {
        if (selectBox.options[i].text.toLowerCase().indexOf(text) == 0) {
            selectBox.options[i].selected = true;
            break;
        }
    }
}