Help - Javascript onmouseover set off multiple rollover images AND reset them all

programming web dev
1

Hi

Hopefully this is a moderately simple problem.

First, here is the link to the web page in question: http://albertaintegrated.com/kirupa/Kirupa-menutest/Top-02.4.html
Please excuse the rollover images used, I haven’t created the over states for them yet, so i just reused existing images used as normal states as a temporary filler

The menu in question is the first one. The “upload” menu
What I’m trying to do is when you rollover the upload menu button the submenus appear. (Done)

Then when you rollover the submenu items, I don’t want the upload buttons rollover state to disappear while the submenus are still visible. So I’m trying to get the submenu items to activate the rollover javascript for the upload button WHILE they activate the rollover state for there own button image. Now this works half way. When I rollover the second submenu option under the “upload” menu, the submenu option button image changes as does the upload button. But when you roll off the submenu button, the “upload” button does back to normal, but the submenu button image is stuck in its rollover state.

Any suggestions on how I would go about getting the RollOut code to work for both button images?

Just so you don’t have to go digging for the relevant code.
Heres the section of code I suspect is what requires alteration


<dd id="smenu1" onmouseover="javascript:montre('smenu1');" onmouseout="javascript:montre('');">
				<ul>
					<li><a href="http://kirupa.com" target="_blank">Kirupa</a></li>
					<li>
					<a href="http://apple.com" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image22','','images2/Button03-Portfolio.gif',1);MM_swapImage('uploadBT01','','images2/Button02-Order.gif',1)"><img src="images2/Button04-Products.gif" name="Image22" width="70" height="37" border="0" id="Image22" /></a>					</li>
					<li><a href="#">Sub Menu 1.3</a></li>
					<li><a href="#">Sub Menu 1.4</a></li>
					<li><a href="#">Sub Menu 1.5</a></li>
					<li><a href="#">Sub Menu 1.6</a></li>
				</ul>
	  </dd>

I eagerly await your reply.

Thank you for taking the time to at least read this.
I realize your time is valuable, and I appreciate you using some of that time to see if you might assist me.

-Lem