Ajax更新DIV出现问题,求解

现在有个页面,里面有两个链接A,B,还有一个id为main的DIV.点击A的时候,main中显示"A",然后用Ajax,隔5秒从后台取A对应的数据显示在main中.

点击B的时候,main中显示"B",然后用Ajax,隔5秒从后台取B对应的数据显示在main中.

问题:

只点击A的时候,main中的自动更新没问题,执行正常.但是点了A,之后再点B的话,main中的内容就成了"A","B"交替显示了...

我想达到的效果:

点击A,main中显示"A",main用A对应的内容自动更新.点击B之后,就用B的.不要交替显示A,B对应的内容.

代码:

#A,B对应的页面中都有如下代码:

<%= link_to_remote("刷新",:update=>"main",:url=>"orders/realTime",:html=>{:id=>"auto_update"}) %>

<script...>
function update(){
   document.all.auto_update.click();
   setTimeout("update()",5000);
}

update();
</script>

大家帮我看看是什么原因吧.先谢谢了