Adding tab to link plugin

Hi,

I am editing the link plugin to allow staff to select links to internal content.
I have managed to add another tab to the link plugin dialog with a text input with an onKeyup event. The idea is, when they type it will list the results below where they can select the link they want. Once selected I was just going to update the info tab with the url and protocol.

Here is my code sections.

....
....
  function AddLink(txtLink)
    {
        var dialog = this.getDialog();
        dialog.setValueOf('info', 'url', txtLink);
        dialog.setValueOf('info', 'protocol', ''); 
    }

    var searchBoxChanged = function ()
    {



        var dialog = this.getDialog();
        var href = $(this).attr('href');
        var txt = dialog.getValueOf('article', 'searchWords');
        $('#searchResults').html("<a href=\"JavaScript:AddLink('/Article/View/" + txt + "')\">Test Title</a>");
    }

....
....
{
                //Extra Tab for internal links 
                id: 'article',
                label: linkLang.article,
                title: linkLang.article,
                elements:
                        [
                            {
                                type: 'text',
                                id: 'searchWords',
                                label: linkLang.articleSearch,
                                style: 'height:40px',
                                size: 29,
                                onKeyUp: searchBoxChanged
                            },
                            {
                                type: 'html',
                                html: '<div id="searchResults">Please start tying to get results</div>'
                            }
                        ]


            }
....
....

At the moment I am just using some basic static data from the textbox. The link in creating on the page ok, but when it is clicked I get the error:

SCRIPT5009: 'AddLink' is undefined

Can anyone shed some light on where I am going wrong?