페이드(서서히변화) 롤오버효과말인데요

head안에.
function bt(id,after)
{
eval(id+'.filters.blendTrans.stop();');
eval(id+'.filters.blendTrans.Apply();');
eval(id+'.src="'+after+'";');
eval(id+'.filters.blendTrans.Play();');
}
이거넣고. 이미지 넣을곳에

<a onfocus='blur()' <href="http://www.markseo.com/zboard/zboard.php?id=notice"
onMouseOver='bt("daerew1","../zboard/news2.gif")'
onMouseOut='bt("daerew1","../zboard/news.gif")'>
<img id="daerew1" src="../zboard/news.gif" style="filter:blendTrans(duration=0.5)"

border="0"></a>

이런식으로 이미지 넣음 되는거자나요.
그런데 이미지 하나만 넣으면 작동 하거든요?... 여러개 넣으면 오류가 뜹니다.

예를 들어 이미지 3개를 넣는다면
<a onfocus='blur()' href="http://www.markseo.com/zboard/zboard.php?id=notice"
onMouseOver='bt("daerew1","../zboard/home2.gif")'
onMouseOut='bt("daerew1","../zboard/hhome.gif")'>
<img id="daerew1" src="../zboard/hhome.gif" style="filter:blendTrans(duration=0.5)"

border="0"></a>

<a onfocus='blur()' <href="http://www.markseo.com/zboard/zboard.php?id=notice"
onMouseOver='bt("daerew1","../zboard/news2.gif")'
onMouseOut='bt("daerew1","../zboard/news.gif")'>
<img id="daerew1" src="../zboard/news.gif" style="filter:blendTrans(duration=0.5)"

border="0"></a>

<a onfocus='blur()' href="http://www.markseo.com/zboard/biograp.htm"
onMouseOver='bt("daerew1","../zboard/bio2.gif")'
onMouseOut='bt("daerew1","../zboard/bio1.gif")'>
<img id="daerew1" src="../zboard/bio1.gif" style="filter:blendTrans(duration=0.5)"

border="0"></a>

이런식으로 똑같이 3개 추가 하면 되는거 아닌가요? 2개만 되도 오류가 뜹니다.스크립 작동 안하구요
그럼 답변 기둘립니다.