We are working with an Example called Mega Dropdown Menu from AWM. We are looking to change the functionality slighty...

Right now when you mouse over Envelopes you get the Submenu the slides out or drops down toward the bottom. That menu has different columns with different links. What we are look to do is this...when we mouse over one of the links, we would like to have the same action that we get when we roll over "Print Services" which is the last Option on the Menu itself. When you mouse over Print Services you get the dropdown or slide out menu that is displaying images. We would like to display just one image, using the same basic code that is being used by "Print Services."

I'm sure it is probably a simple piece of JavaScript but I just cant figure it out. Could you please let me know how to do this? Below is the code that the "Print Services" menu is using.

Thanks in advance,



<div style="background:#f5f5f5; font-family:Tahoma; font-size:11px; color:#444444; width:auto; height:180px;line-height:20px;">

<p style="color:#39F; font-size:13px; font-weight:bold; margin:10px 20px 8px 20px;">High Quality Offset Printing</p>

<p style="color:#39F; font-size:13px; font-weight:bold; margin:10px 15px 8px 15px; white-space:nowrap;"><span class="body"><a href="http://actionenvelope.com/ae/control/printservices/#overview"><img src="http://www.likno.com/examples/awmdata/mega_dropdown_menu2/print.png" alt="1-4 Color Envelope Printing" width="120" height="114" border="0" style="margin:0 20px 0 5px;" /></a></span><span class="body"><a href="http://actionenvelope.com/ae/control/printservices/#options"><img src="http://www.likno.com/examples/awmdata/mega_dropdown_menu2/design.png" alt="Design Online or Upload Your Own File" width="121" height="114" border="0" style="margin-right:20px;" /></a></span><span class="body"><a href="http://actionenvelope.com/ae/control/printservices/#production"><img src="http://www.likno.com/examples/awmdata/mega_dropdown_menu2/production.png" alt="Rush or Standard Production Available" width="120" height="114" border="0" /></a></span></p></div>

<div style="background:#FFFFFF; font-family:Tahoma; font-size:11px; color:#444444; border-top:1px solid #BBBBBB; width:auto; height:50px;">

<p style="color:#444444; margin:15px 20px;"><a href="http://actionenvelope.com/ae/control/printservices"><img src="http://www.likno.com/examples/awmdata/mega_dropdown_menu2/goNow.gif" alt="Go Now" width="81" height="21" border="0" align="absmiddle" style="margin-right:20px;" /></a>&nbsp;&nbsp;&nbsp;Learn more about our Envelope Printing services</p>


<div style="clear:both;"></div>