שאלה על קוד החלפת תמונה במעבר עכבר

שלום לכולם, יש לי קוד של החלפת תמונה במעבר עכבר…שמה שיוצא ממנו הוא שעוברים מעל תמונה עם העכבר היא תתחלף וכש"יורידו" מהתמונה את העכבר היא תחזור למצב הקודם. בנוסף הוספתי שורה שתשמיע צליל כאשר הקוד(סקריפט) עובד.
עכשיו מטרתי היא להוסיף תמונה שניה שכאשר אני אעבור עם העכבר על התמונה הראשונה, גם התמונה הראשונה וגם התמונה השניה שתיהן ישתנו וגם ישמע הצליל..מסובך הא ? לכן אני צריך את העזרה שלכם…אשמח אם תוכלו לעזור לי…
הנה הקוד של החלפת התמונה+השמעת הצליל ולחוד הקוד של התמונה השניה…אשמח אם תעזרו לי לחבר בין השניים….תודה מראש!

<SCRIPT LANGUAGE="JavaScript">
<!–
function play(){document.sound.play();}// –>
</SCRIPT>
<EMBED SRC="sound.wav" name="sound" autostart=false hidden=true>
<A HREF="index.html" target="_self" onMouseOver="play()">
<img src="main.gif" border="0" name="pic1"
onmouseover="document.pic1.src='main2.gif'"
onmouseout="document.pic1.src='main.gif'"></A>

והקוד של התמונה השניה…
<img src="1.gif" name="pic2">