类似新浪、163邮箱中的点击收件人弹出层效果

我现在实现了一个功能，就是邮箱中点击收件人弹出一个层，在弹出来的这个层中用DataList绑定了数据（我绑定的是当前登录这个人的好友的邮箱名），当点击一个邮箱名时，这个邮箱名就会添加到收件人后面的文本框中，现在问题是它可以添加好几个邮箱名到这个文本框中（不受限制），但是我只想添加一个，当在点别的邮箱名时就不能添加了，应该是在下面的这个js中改，但是我不知道怎么改，高手帮帮忙吧，谢谢了！
下面这是<head></head>中的代码
<style type="text/css">
ul{ list-style:none; margin:0; padding:0;}
li{ margin:0; padding:0;}
#content{width:100%;}
#sendmail{float:left; width:60%;}
#friendlist{float:left; width:30%;}
#bxAddrFly{position:absolute;height:18px; width:46px;background:#EEE; border:1px #ccc solid;display:none;}
#tbAddrTree{ width:126px; float:left; padding:5px;border:1px #7F9DB9 solid;}
#tbAddrTree li{ width:100%; float:left;}
#tbAddrTree a{backgroud: #fff;width: 100%;color:#494949;text-decoration: none;float:left;}
#tbAddrTree a:hover{background: #e5edf6;}
</style><script type="text/javascript">
var ev={};
var flyDiv="bxAddrFly";
var inceptDiv="SendAddress";
var addEvent="addAddress()";
function oo(obj){return (document.getElementById) ? document.getElementById(obj): document.all[obj];}
function isNone(str){return str==null||str==""?true:false}
var Browser = new Object();
Browser.isFirefox = (navigator.userAgent.toLowerCase().indexOf("firefox")!=-1);
if (Browser.isFirefox) { extendEventObject();}
function extendEventObject() {
window.constructor.prototype.__defineGetter__("event", function(){
var o = arguments.callee.caller;
var e;
while(o != null){
e = o.arguments[0];
if(e && (e.constructor == Event || e.constructor == MouseEvent)) return e;
o = o.caller;
}
return null;
});Event.prototype.__defineGetter__("srcElement", function () {
var node = this.target;
while (node.nodeType != 1) node = node.parentNode;
return node;
});
}
window.onload = function(){
var addrTree = oo('tbAddrTree');
addrTree.onmouseover = function(){addrTree_event(event)};
addrTree.onmouseout = function(){addrTree_event(event)};
addrTree.onclick = function(){addrTree_event(event)};
}
function addrTree_event(e){
var memberID,tr
var ee = e.srcElement; 
if(ee.tagName=="A"&&e.type=="mouseover"){ee.style.textDecoration="underline"}
if(ee.tagName=="A"&&e.type=="mouseout"){ee.style.textDecoration=""}
if(e.type=="click"&&e.srcElement.tagName=="A"){
var li=ee.parentNode.parentNode;
ev.AddInfo=li.getAttribute("email")
oo(flyDiv).innerHTML=li.getAttribute("memberName");
addrTree_add(e.clientX,e.clientY)
}
}
function addrTree_add(ex,ey){
if(oo(flyDiv).style.display=='none'||oo(flyDiv).style.display==''){oo(flyDiv).style.display='block';}
var inceptE = oo(inceptDiv);
var inceptEX = inceptE.offsetTop;   
var inceptEY = inceptE.offsetLeft;   
while(inceptE = inceptE.offsetParent){
inceptEX += inceptE.offsetTop;   
inceptEY += inceptE.offsetLeft;   
}
ev.flyArr=new Array(ex,ey,inceptEX,inceptEY,10);
fly(flyDiv,addEvent);
}function fly(flyObj,flyRun){
var obj,a=ev.flyArr,x,y
if(flyObj!=null){
if(ev.flyObj!=null){
window.clearTimeout(ev.flyTm);
ev.flyObj.style.top=-900;
}
a[5]=0;
ev.flyObj=oo(flyObj);
ev.flyRun=flyRun;
}obj=ev.flyObj;
if(a[4]==null){a[4]=1}
a[5]+=a[4]/Math.sqrt(Math.pow(a[2]-a[0],2)+Math.pow(a[3]-a[1],2));
if(a[5]>1){
obj.style.top=-900;
eval(ev.flyRun);
ev.flyObj=null;
return;
}window.clearTimeout(ev.flyTm);
x=(a[2]-a[0])*a[5]+a[0];
y=(a[3]-a[1])*a[5]+a[1];
obj.style.left=x;
obj.style.top=y;
document.body.style.overflowX="hidden";
ev.flyTm=window.setTimeout("fly()",10)
}function addAddress()
{
var key=ev.AddInfo;
if (oo(inceptDiv).value.indexOf(key)==-1)
{
oo(inceptDiv).value+=key+"";
}
}
    </script>
这是前台页面代码：
<table>
  <tr>
  <td>
    <span onclick="mask.style.visibility='visible';massage_box.style.visibility='visible'"
      style="cursor: hand"><a href="#" style="color:blue">收件人：</a></span>
  </td>
  <td>
    <div>
     <div id="massage_box" style="left: 105px; top: 70px; width: 315px; height: 210px;">
       <div class="massage" style="width: 92%; height: 100%">
          <div class="header" onmousedown="MDown(massage_box)">
            <div style="display: inline; width: 150px; position: absolute">
               添加邮箱列表：</div>
      <span onclick="massage_box.style.visibility='hidden'; mask.style.visibility='hidden'"
          style="float: right; display: inline; cursor: hand">×</span></div>
        <ul style="margin-right: 25">
          <li></li>
           <li>
            <div id="friendlist">
              <div id="tbAddrTree">
                <ul>
                <asp:DataList ID="DataList1" runat="server">
                  <ItemTemplate>
                    <li email="<%#Eval("user_email") %>">
                     <nobr><a><%#Eval("user_email") %></a></nobr>
                    </li>
                  </ItemTemplate>
                </asp:DataList>
                </ul>
              </div>
              <div id="bxAddrFly">
              </div>
           </div>
          </li>
        </ul>
      </div>
     </div>
       <div id="mask">
       </div>
          <div id="content">
            <div id="sendmail">
               <asp:TextBox ID="SendAddress" runat="server" name="textfield" size="70" Width="359px"></asp:TextBox>
             </div>
           </div>
        </div>
   </td>
</tr>
</table>