Need one mouseover to change pic and start dropdown menu... help please

[brds]

I'm currently working on a project that contains two main parts: 1) a horizontal row of buttons and 2) an image below the buttons. When rolling over the buttons, I need two things to happen: 1) the below image to change and 2) a navigation menu to drop down from the button containing links that i specify. I can get picture to change on rollover no problem. However, since i'm a JS newbie to the max, I dont know how to make one rollover have two assigned tasks. Also, I have yet to find the online code for a horizontal dropdown bar... all the ones i've found are horizontal with the "dropdown" coming out of the side to the right.

Can anybody tell me how i can make the image rollover have two functions? Also, can you point me to a good horizontal dropdown tutorial?

Below is the code that i'm using to change the image portion when a button is rolled over:

<img src="QA.jpg".jpg" name="a" alt=""/><br />
<a href="#" onmouseover="document.a.src='monument.jpg'" on mouseout="document.a.src='QA.jpg'">Monument</a>
<a href="#" onmouseover="document.a.src='organization.jpg'" onmouseout="document.a.src='QA.jpg'">Organization</a>

[ashishmat1979]

Use can set two commands like this:

<a href="#" onmouseover="javascript: document.a.src='monument.jpg'; this.style.color='red';" on mouseout="document.a.src='QA.jpg'">Monument</a>

For script for horizontal menus see: http://dynamicdrive.com/dynamicindex1/index.html