Javascript-форум - Активные кнопки не работают

Добрый день!
На сайт нужно разместить три активные кнопки одним блоком на черном фоне. Положений у кнопок по сути две: нажатая - одна картинка, не нажатая - другая картинка. Вроде все просто...

Но возникла непонятная проблема - после размещения блока, при наведении мышки на любую кнопу, все картинки с кнопки исчезают, и так со всеми картинками. В итоге остается блок из трех окошек с надписями "картинка". В чем может быть проблема?
Код размещается только в разделе <body>. Я совсем не профи в скрипте((( поэтому не знаю что и делать... помогите, пожалуйста!!!

Вот скрипт блока с кнопками:

<div
width: 900px; heigh: 300px; background-color:#000000
">
<a href="http://......... /"><img id="btn1" align="center" width="290" height="290" src="images/up.jpg"
onMouseOver="javascript:document.getElementById('b tn1').src='images/doun.jpg'"
onMouseOut="javascript:document.getElementById('bt n1').src='images/up.jpg'"
style="cursor:pointer;"
/></a>

<a href="http://........./"><img id="btn2" align="center" width="290" height="290" src="images/up.jpg"
onMouseOver="javascript:document.getElementById('b tn2').src='images/doun.jpg'"
onMouseOut="javascript:document.getElementById('bt n2').src='images/up.jpg'"
style="cursor:pointer;"
/></a>

<a href="http://........./"><img id="btn3" align="center" width="290" height="290" src="images/up.jpg"
onMouseOver="javascript:document.getElementById('b tn3').src='images/doun.jpg'"
onMouseOut="javascript:document.getElementById('bt n3').src='images/up.jpg'"
style="cursor:pointer;"
/></a>
</div>

Заранее спасибо!!!