Выполнение двух операций по одному действию

[Deadcow]

Я ламо Едва ли знаю азы 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 при наведении), а второе игнорируется. Чувствую, что это все делается совершенно другим способом Подскажите пожалуйста, как правильно

[vinny_sk]

можно либо в onMouseOver и onMouseOut через ; написать 2 команды... но тогда у тебя разрастается код внутри <a>, по другому - выкинь в функцию и там уже все делай...

[novus42]

Сейчас модно всё это через getElementByID() делать.
И действительно, лучше код вытащить в отдельную функцию - удобнее будет.

[Deadcow]

Да, раньше строчка была не длинной и не мешалась внутри тэга, не мешала читабельности кода.

onMouseOver="document.myImage01.src='02.jpg'";"document.myImage02.src='04.jpg'"

Я правильно понял? Спасибо за ответы

Добавлено через 1 час 45 минут
Все работает. Спасибо вам большое