Я ламо

Едва ли знаю азы JS, встал в ступор перед простой задачей. Очень рассчитываю на вашу помощь.
Издавна для смены картинки при наведении мыши (обычно, кнопки в меню сайта) и возвращения к исходнику при уводе мыши пользовался кодом:

Код:
<a href="#" onMouseOver="document.myImage01.src='news2.jpg'" onMouseOut="document.myImage01.src='news1.jpg'">
<img src="news1.jpg" border="0" name="myImage01" alt=""></a>
news1 - кнопка в нормальном состоянии, 2- в "наведенном", как видно. Появилась необходимость сделать так, чтобы при наведении мыши менялась не только сама кнопка, но и некая другая картинка на странице.

Код:
<a href="#" onMouseOver="document.myImage01.src='02.jpg'" onMouseOver="document.interactive.src='04.jpg'" onMouseOut="document.myImage01.src='01.jpg'">
<img src="01" border="0" name="myImage01" alt=""></a>
...
<img src="03.jpg" name="interactive">
То есть приходится два раза использовать одно событие для разных действий, и в итоге работает только первое (в данном случае картинка 02 меняет 01 при наведении), а второе игнорируется. Чувствую, что это все делается совершенно другим способом

Подскажите пожалуйста, как правильно
