asked on

Pop Up menu's displaying behind embedded Flash Movie!

I am using a pop up menu system based on a Fireworks model. This menu system works fine except on 1 page where i have a .swf embedded in the page.

When hovering over the menus to make them drop down the menu appears behind the .swf file.

I presume this is because the menu files are using layers and the z-indexes are getting confused (Just a guess).

Here is the HTML code of the page:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

<title>O b j e c t i v e   I n t e r n e t  L t d</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<script language="JavaScript" type="text/JavaScript">function mmLoadMenus() {
if (window.mm_menu_0106125924_0) return;
window.mm_menu_0106125924_0 = new Menu("root",163,22,"Arial, Helvetica, sans-serif",12,"#666666","#666666","#cccccc","#c4e1ff","left","middle",5,0,250,1,0,true,true,true,0,true,false);
mm_menu_0106125924_0.addMenuItem("introduction","location='../home/home.htm'");
mm_menu_0106125924_0.addMenuItem("the internet challenge today","location='../home/challenge.htm'");
mm_menu_0106125924_0.addMenuItem("about objective internet ltd","location='../home/about.htm'");
mm_menu_0106125924_0.bgImageUp="../../Images/MenuBar/mmmenu8_163x22_up.gif";
mm_menu_0106125924_0.bgImageOver="../../Images/MenuBar/mmmenu8_163x22_over.gif";
mm_menu_0106125924_0.hideOnMouseOut=true;
mm_menu_0106125924_0.bgColor='#ffffff';
window.mm_menu_0024132134_0 = new Menu("root",140,22,"Arial, Helvetica, sans-serif",12,"#666666","#666666","#cccccc","#c4e1ff","left","middle",5,0,250,1,0,true,true,true,0,false,false);
mm_menu_0024132134_0.addMenuItem("overview","location='../development/overview.htm'");
mm_menu_0024132134_0.addMenuItem("rugby football union","location='../development/rfu.htm'");
mm_menu_0024132134_0.addMenuItem("southern electric","location='../development/se.htm'");
mm_menu_0024132134_0.addMenuItem("cellnet","location='../development/cellnet.htm'");
mm_menu_0024132134_0.addMenuItem("bbc","location='../development/bbc.htm'");
mm_menu_0024132134_0.addMenuItem("information britain","location='../development/ib.htm'");
mm_menu_0024132134_0.addMenuItem("ok magazine","location='../development/ok.htm'");
mm_menu_0024132134_0.addMenuItem("ara","location='../development/ara.htm'");
mm_menu_0024132134_0.addMenuItem("eura","location='../development/eura.htm'");
mm_menu_0024132134_0.addMenuItem("others","location='../development/others.htm'");
mm_menu_0024132134_0.bgImageUp="../../Images/MenuBar/mmmenu7_140x22_up.gif";
mm_menu_0024132134_0.bgImageOver="../../Images/MenuBar/mmmenu7_140x22_over.gif";
mm_menu_0024132134_0.hideOnMouseOut=true;
mm_menu_0024132134_0.bgColor='#ffffff';
window.mm_menu_0024105927_0 = new Menu("root",114,22,"Arial, Helvetica, sans-serif",12,"#666666","#666666","#cccccc","#c4e1ff","left","middle",5,0,250,0,0,true,true,true,0,false,false);
mm_menu_0024105927_0.addMenuItem("overview","location='../consultancy/overview.htm'");
mm_menu_0024105927_0.addMenuItem("coldfusion","location='../consultancy/cf.htm'");
mm_menu_0024105927_0.addMenuItem("spectra","location='../consultancy/spectra.htm'");
mm_menu_0024105927_0.bgImageUp="../../Images/MenuBar/mmmenu6_114x22_up.gif";
mm_menu_0024105927_0.bgImageOver="../../Images/MenuBar/mmmenu6_114x22_over.gif";
mm_menu_0024105927_0.hideOnMouseOut=true;
mm_menu_0024105927_0.bgColor='#ffffff';
window.mm_menu_0024124359_1_1 = new Menu("activityforum case studies",165,22,"Arial, Helvetica, sans-serif",12,"#666666","#666666","#cccccc","#c4e1ff","left","middle",5,0,250,1,0,true,true,true,0,false,false);
mm_menu_0024124359_1_1.addMenuItem("sporting organisation","location='../products/caseStudy001.htm'");
mm_menu_0024124359_1_1.addMenuItem("professional association","location='../products/caseStudy002.htm'");
mm_menu_0024124359_1_1.addMenuItem("local government agency","location='../products/caseStudy003.htm'");
mm_menu_0024124359_1_1.bgImageUp="../../Images/MenuBar/mmmenu1_165x22_up.gif";
mm_menu_0024124359_1_1.bgImageOver="../../Images/MenuBar/mmmenu1_165x22_over.gif";
mm_menu_0024124359_1_1.hideOnMouseOut=true;
mm_menu_0024124359_1_1.bgColor='#ffffff';
window.mm_menu_0024124359_1 = new Menu("root",165,22,"Arial, Helvetica, sans-serif",12,"#666666","#666666","#cccccc","#c4e1ff","left","middle",5,0,250,1,0,true,true,true,0,false,false);
mm_menu_0024124359_1.addMenuItem("overview","location='../products/overview.htm'");
mm_menu_0024124359_1.addMenuItem("activityforum","location='../products/af.htm'");
mm_menu_0024124359_1.addMenuItem(mm_menu_0024124359_1_1);
mm_menu_0024124359_1.addMenuItem("shado","location='../products/shado.htm'");
mm_menu_0024124359_1.addMenuItem("serendipity","location='../products/serendipity.htm'");
mm_menu_0024124359_1.addMenuItem("macromedia","location='../products/macromedia.htm'");
mm_menu_0024124359_1.bgImageUp="../../Images/MenuBar/mmmenu1_165x22_up.gif";
mm_menu_0024124359_1.bgImageOver="../../Images/MenuBar/mmmenu1_165x22_over.gif";
mm_menu_0024124359_1.hideOnMouseOut=true;
mm_menu_0024124359_1.childMenuIcon="../../Images/MenuBar/arrows.gif";
mm_menu_0024124359_1.bgColor='#ffffff';
window.mm_menu_0024130531_2_1 = new Menu("macromedia",114,22,"Arial, Helvetica, sans-serif",12,"#666666","#666666","#cccccc","#c4e1ff","left","middle",5,0,250,1,0,true,true,true,0,false,false);
mm_menu_0024130531_2_1.addMenuItem("coldfusion","location='../training/cf.htm'");
mm_menu_0024130531_2_1.addMenuItem("dreamweaver","location='../training/dw.htm'");
mm_menu_0024130531_2_1.addMenuItem("fireworks","location='../training/fw.htm'");
mm_menu_0024130531_2_1.addMenuItem("flash - design","location='../training/fla.htm'");
mm_menu_0024130531_2_1.addMenuItem("flash - dria","location='../training/dria.htm'");
      mm_menu_0024130531_2_1.addMenuItem("contribute","location='../training/cont.htm'");
mm_menu_0024130531_2_1.bgImageUp="../../Images/MenuBar/mmmenu5_114x22_up.gif";
mm_menu_0024130531_2_1.bgImageOver="../../Images/MenuBar/mmmenu5_114x22_over.gif";
mm_menu_0024130531_2_1.hideOnMouseOut=true;
mm_menu_0024130531_2_1.bgColor='#ffffff';
window.mm_menu_0024130531_2 = new Menu("root",114,22,"Arial, Helvetica, sans-serif",12,"#666666","#666666","#cccccc","#c4e1ff","left","middle",5,0,250,1,0,true,true,true,0,false,false);
mm_menu_0024130531_2.addMenuItem("overview","location='../training/overview.htm'");
mm_menu_0024130531_2.addMenuItem("fusebox","location='../training/fusebox.htm'");
mm_menu_0024130531_2.addMenuItem(mm_menu_0024130531_2_1);
mm_menu_0024130531_2.bgImageUp="../../Images/MenuBar/mmmenu5_114x22_up.gif";
mm_menu_0024130531_2.bgImageOver="../../Images/MenuBar/mmmenu5_114x22_over.gif";
mm_menu_0024130531_2.hideOnMouseOut=true;
mm_menu_0024130531_2.childMenuIcon="../../Images/MenuBar/arrows.gif";
mm_menu_0024130531_2.bgColor='#ffffff';
window.mm_menu_0024124612_2_1 = new Menu("directors",114,22,"Arial, Helvetica, sans-serif",12,"#666666","#666666","#cccccc","#c4e1ff","left","middle",5,0,250,1,0,true,true,true,0,false,false);
mm_menu_0024124612_2_1.addMenuItem("kevin roche","location='../people/kevin.htm'");
mm_menu_0024124612_2_1.addMenuItem("roger panton","location='../people/roger.htm'");
mm_menu_0024124612_2_1.bgImageUp="../../Images/MenuBar/mmmenu4_114x22_up.gif";
mm_menu_0024124612_2_1.bgImageOver="../../Images/MenuBar/mmmenu4_114x22_over.gif";
mm_menu_0024124612_2_1.hideOnMouseOut=true;
mm_menu_0024124612_2_1.bgColor='#ffffff';
window.mm_menu_0024124612_2_2 = new Menu("developers",114,22,"Arial, Helvetica, sans-serif",12,"#666666","#666666","#cccccc","#c4e1ff","left","middle",5,0,250,1,0,true,true,true,0,false,false);
mm_menu_0024124612_2_2.addMenuItem("mike oakes","location='../people/mike.htm'");
mm_menu_0024124612_2_2.addMenuItem("andrew brookes","location='../people/andrew.htm'");
mm_menu_0024124612_2_2.addMenuItem("bob clifford","location='../people/bob.htm'");
mm_menu_0024124612_2_2.addMenuItem("linda petty","location='../people/linda.htm'");
mm_menu_0024124612_2_2.addMenuItem("sapna patel","location='../people/sapna.htm'");
mm_menu_0024124612_2_2.addMenuItem("david olanrewaju","location='../people/david.htm'");
mm_menu_0024124612_2_2.bgImageUp="../../Images/MenuBar/mmmenu4_114x22_up.gif";
mm_menu_0024124612_2_2.bgImageOver="../../Images/MenuBar/mmmenu4_114x22_over.gif";
mm_menu_0024124612_2_2.hideOnMouseOut=true;
mm_menu_0024124612_2_2.bgColor='#ffffff';
window.mm_menu_0024124612_2 = new Menu("root",114,22,"Arial, Helvetica, sans-serif",12,"#666666","#666666","#cccccc","#c4e1ff","left","middle",5,0,250,1,0,true,true,true,0,false,false);
mm_menu_0024124612_2.addMenuItem("overview","location='../people/overview.htm'");
mm_menu_0024124612_2.addMenuItem(mm_menu_0024124612_2_1);
mm_menu_0024124612_2.addMenuItem(mm_menu_0024124612_2_2);
mm_menu_0024124612_2.bgImageUp="../../Images/MenuBar/mmmenu4_114x22_up.gif";
mm_menu_0024124612_2.bgImageOver="../../Images/MenuBar/mmmenu4_114x22_over.gif";
mm_menu_0024124612_2.hideOnMouseOut=true;
mm_menu_0024124612_2.childMenuIcon="../../Images/MenuBar/arrows.gif";
mm_menu_0024124612_2.bgColor='#ffffff';
window.mm_menu_0024125355_3 = new Menu("root",114,22,"Arial, Helvetica, sans-serif",12,"#666666","#666666","#cccccc","#c4e1ff","left","middle",5,0,250,1,0,true,true,true,0,false,false);
mm_menu_0024125355_3.addMenuItem("overview","location='../partners/overview.htm'");
mm_menu_0024125355_3.addMenuItem("macromedia","location='../partners/macromedia.htm'");
mm_menu_0024125355_3.addMenuItem("straker interactive","location='../partners/straker.htm'");
mm_menu_0024125355_3.addMenuItem("activityforum","location='../partners/af.htm'");
mm_menu_0024125355_3.addMenuItem("ipswitch","location='../partners/ipswitch.htm'");
mm_menu_0024125355_3.bgImageUp="../../Images/MenuBar/mmmenu3_114x22_up.gif";
mm_menu_0024125355_3.bgImageOver="../../Images/MenuBar/mmmenu3_114x22_over.gif";
mm_menu_0024125355_3.hideOnMouseOut=true;
mm_menu_0024125355_3.bgColor='#ffffff';
window.mm_menu_0024123320_1 = new Menu("root",151,22,"Arial, Helvetica, sans-serif",12,"#666666","#666666","#cccccc","#c4e1ff","left","middle",5,0,250,0,0,true,true,true,0,true,false);
mm_menu_0024123320_1.addMenuItem("contact details","location='../contact/overview.htm'");
mm_menu_0024123320_1.addMenuItem("basingstoke - head office","location='../contact/basingstoke.htm'");
mm_menu_0024123320_1.addMenuItem("london - media centre","location='../contact/london.htm'");
mm_menu_0024123320_1.bgImageUp="../../Images/MenuBar/mmmenu2_151x22_up.gif";
mm_menu_0024123320_1.bgImageOver="../../Images/MenuBar/mmmenu2_151x22_over.gif";
mm_menu_0024123320_1.hideOnMouseOut=true;
mm_menu_0024123320_1.bgColor='#ffffff';

mm_menu_0024123320_1.writeMenus();
} // mmLoadMenus()


</script>
<script language="JavaScript" type="text/JavaScript">

</script>
<script language="JavaScript1.2" src="../../FWCode/mm_menu.js"></script>
<link href="../../Stylesheets/default.css" rel="stylesheet" type="text/css">

<script language="JavaScript" type="text/JavaScript">

</script>

</head>

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="MM_preloadImages('../../Images/Footer/home_rol.gif','../../Images/Footer/development_rol.gif','../../Images/Footer/consultancy_rol.gif','../../Images/Footer/products_rol.gif','../../Images/Footer/training_rol.gif','../../Images/Footer/people_rol.gif','../../Images/Footer/partners_rol.gif','../../Images/Footer/contact_rol.gif','../../Images/MenuBar/home_f2.jpg','../../Images/MenuBar/development_f2.jpg','../../Images/MenuBar/consultancy_f2.jpg','../../Images/MenuBar/products_f2.jpg','../../Images/MenuBar/training_f2.jpg','../../Images/MenuBar/people_f2.jpg','../../Images/MenuBar/partners_f2.jpg','../../Images/MenuBar/contact_f2.jpg','../../Images/NavTrees/Home/item1_rol.gif','../../Images/NavTrees/Home/item2_rol.gif','../../Images/NavTrees/Contact/item3_rol.gif','../../Images/NavTrees/Home/item3_rol.gif')">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="165" align="left" valign="bottom" bgcolor="#000000"><img src="../../Images/mmlogo.gif" width="165" height="30"></td>
<td align="right" bgcolor="#000000"><img src="../../Images/logo.jpg" width="356" height="78"></td>
</tr>
<tr>
<td colspan="2" align="left" background="../../Images/MenuBar/menubg.jpg">
<script language="JavaScript1.2">mmLoadMenus();</script>
<table border="0" cellpadding="0" cellspacing="0" width="750">
<tr>
<td><a href="home.htm" onMouseOut="MM_swapImgRestore();MM_startTimeout()" onMouseOver="MM_showMenu(window.mm_menu_0106125924_0,0,29,null,'home');MM_swapImage('home','','../../Images/MenuBar/home_f2.jpg',1);"><img name="home" src="../../Images/MenuBar/home.jpg" width="62" height="29" border="0" alt="Home"></a></td>
<td><img name="line" src="../../Images/MenuBar/line.jpg" width="1" height="29" border="0" alt=""></td>
<td><a href="../Development/overview.htm" onMouseOut="MM_swapImgRestore();MM_startTimeout()" onMouseOver="MM_showMenu(window.mm_menu_0024132134_0,0,29,null,'development');MM_swapImage('development','','../../Images/MenuBar/development_f2.jpg',1);"><img name="development" src="../../Images/MenuBar/development.jpg" width="123" height="29" border="0" alt="Development"></a></td>
<td><img name="menubar_4" src="../../Images/MenuBar/menubar_4.jpg" width="1" height="29" border="0" alt=""></td>
<td><a href="../Consultancy/overview.htm" onMouseOut="MM_swapImgRestore();MM_startTimeout()" onMouseOver="MM_showMenu(window.mm_menu_0024105927_0,0,29,null,'consultancy');MM_swapImage('consultancy','','../../Images/MenuBar/consultancy_f2.jpg',1);"><img name="consultancy" src="../../Images/MenuBar/consultancy.jpg" width="114" height="29" border="0" alt="Consultancy"></a></td>
<td><img name="menubar_6" src="../../Images/MenuBar/menubar_6.jpg" width="1" height="29" border="0" alt=""></td>
<td><a href="../Products/overview.htm" onMouseOut="MM_swapImgRestore();MM_startTimeout()" onMouseOver="MM_showMenu(window.mm_menu_0024124359_1,0,29,null,'products');MM_swapImage('products','','../../Images/MenuBar/products_f2.jpg',1);"><img name="products" src="../../Images/MenuBar/products.jpg" width="92" height="29" border="0" alt="Products"></a></td>
<td><img name="menubar_8" src="../../Images/MenuBar/menubar_8.jpg" width="1" height="29" border="0" alt=""></td>
<td><a href="../Training/overview.htm" onMouseOut="MM_swapImgRestore();MM_startTimeout()" onMouseOver="MM_showMenu(window.mm_menu_0024130531_2,0,29,null,'training');MM_swapImage('training','','../../Images/MenuBar/training_f2.jpg',1);"><img name="training" src="../../Images/MenuBar/training.jpg" width="89" height="29" border="0" alt="Training"></a></td>
<td><img name="menubar_10" src="../../Images/MenuBar/menubar_10.jpg" width="1" height="29" border="0" alt=""></td>
<td><a href="../People/overview.htm" onMouseOut="MM_swapImgRestore();MM_startTimeout()" onMouseOver="MM_showMenu(window.mm_menu_0024124612_2,0,29,null,'people');MM_swapImage('people','','../../Images/MenuBar/people_f2.jpg',1);"><img name="people" src="../../Images/MenuBar/people.jpg" width="83" height="29" border="0" alt="People"></a></td>
<td><img name="menubar_12" src="../../Images/MenuBar/menubar_12.jpg" width="1" height="29" border="0" alt=""></td>
<td><a href="../Partners/overview.htm" onMouseOut="MM_swapImgRestore();MM_startTimeout()" onMouseOver="MM_showMenu(window.mm_menu_0024125355_3,0,29,null,'partners');MM_swapImage('partners','','../../Images/MenuBar/partners_f2.jpg',1);"><img name="partners" src="../../Images/MenuBar/partners.jpg" width="89" height="29" border="0" alt="Partners"></a></td>
<td><img name="menubar_14" src="../../Images/MenuBar/menubar_14.jpg" width="1" height="29" border="0" alt=""></td>
<td><a href="../Contact/overview.htm" onMouseOut="MM_swapImgRestore();MM_startTimeout()" onMouseOver="MM_showMenu(window.mm_menu_0024123320_1,-60,29,null,'contact');MM_swapImage('contact','','../../Images/MenuBar/contact_f2.jpg',1);"><img name="contact" src="../../Images/MenuBar/contact.jpg" width="91" height="29" border="0" alt="Contact Us"></a></td>
</tr>
</table>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="right" background="../../Images/Titles/line.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="200" valign="top"><img src="../../Images/Titles/home.gif" width="200" height="23" onload="MM_checkPlugin('Shockwave Flash','','homenoflash.htm',false);return document.MM_returnValue"></td>
<td align="right" valign="top"><img src="../../Images/copyright.gif" width="184" height="23"></td>
</tr>
</table>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
<td width="200" height="290" rowspan="2" background="../../Images/navbg.gif"><img src="../../Images/NavTrees/first.gif" width="199" height="10"><a href="home.htm"><img src="../../Images/NavTrees/Home/item1_on.gif" width="199" height="20" border="0"></a><a href="challenge.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image35','','../../Images/NavTrees/Home/item2_rol.gif',1)"><img src="../../Images/NavTrees/Home/item2.gif" name="Image35" width="199" height="20" border="0"></a><a href="about.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image36','','../../Images/NavTrees/Home/item3_rol.gif',1)"><img src="../../Images/NavTrees/Home/item3.gif" name="Image36" width="199" height="20" border="0"></a></td>
<td height="5" colspan="3"><img src="../../Images/shim.gif" width="100%" height="15"></td>
</tr>
<tr>
<td width="20" height="280" valign="top"><img src="../../Images/shim.gif" width="20" height="280"></td>
<td height="280" valign="top" class="copyText">
<table width="550" border="1" cellpadding="0" cellspacing="0" bordercolor="#DFDFDF">
<tr>
<td><img src="../../Images/ContentTitles/welcome.jpg" width="550" height="20"></td>
</tr>
<tr>
<td><table width="550" border="0" cellpadding="0" cellspacing="0" class="copyText">
<tr valign="top">
<td><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="550" height="250">
<param name="movie" value="../../Flash/home.swf">
<param name="quality" value="high"><param name="LOOP" value="false">
<embed src="../../Flash/home.swf" width="550" height="250" loop="false" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
</object>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td width="10" height="280" valign="top"><img src="../../Images/shim.gif" width="10" height="280"></td>
</tr>
<tr valign="top">
<td height="10" background="../../Images/navbg.gif"><img src="../../Images/shim.gif" width="100%" height="20"></td>
<td height="10" colspan="3"><img src="../../Images/shim.gif" width="100%" height="20"></td>
</tr>
</table>
<table width="100%" height="14" border="0" cellpadding="0" cellspacing="0">
<tr>
<td background="../../Images/Footer/background.gif"><a href="home.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image17','','../../Images/Footer/home_rol.gif',1)"><img src="../../Images/Footer/home.gif" alt="Home" name="Image17" width="94" height="14" border="0"></a><a href="../Development/overview.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image18','','../../Images/Footer/development_rol.gif',1)"><img src="../../Images/Footer/development.gif" alt="Development" name="Image18" width="94" height="14" border="0"></a><a href="../Consultancy/overview.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image19','','../../Images/Footer/consultancy_rol.gif',1)"><img src="../../Images/Footer/consultancy.gif" alt="Consultancy" name="Image19" width="94" height="14" border="0"></a><a href="../Products/overview.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image20','','../../Images/Footer/products_rol.gif',1)"><img src="../../Images/Footer/products.gif" alt="Products" name="Image20" width="94" height="14" border="0"></a><a href="../Training/overview.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image21','','../../Images/Footer/training_rol.gif',1)"><img src="../../Images/Footer/training.gif" alt="Training" name="Image21" width="93" height="14" border="0"></a><a href="../People/overview.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image22','','../../Images/Footer/people_rol.gif',1)"><img src="../../Images/Footer/people.gif" alt="People" name="Image22" width="94" height="14" border="0"></a><a href="../Partners/overview.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image23','','../../Images/Footer/partners_rol.gif',1)"><img src="../../Images/Footer/partners.gif" alt="Partners" name="Image23" width="94" height="14" border="0"></a><a href="../Contact/overview.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image24','','../../Images/Footer/contact_rol.gif',1)"><img src="../../Images/Footer/contact.gif" alt="Contact Us" name="Image24" width="93" height="14" border="0"></a></td>
</tr>
</table>
</body>
<script name="Used by MM_checkPlugin" language="javascript">

</script>

</html>

And the javaScript file looks like this:

function Menu(label, mw, mh, fnt, fs, fclr, fhclr, bg, bgh, halgn, valgn, pad, space, to, sx, sy, srel, opq, vert, idt, aw, ah)
{
      this.version = "020320 [Menu; mm_menu.js]";
      this.type = "Menu";
      this.menuWidth = mw;
      this.menuItemHeight = mh;
      this.fontSize = fs;
      this.fontWeight = "plain";
      this.fontFamily = fnt;
      this.fontColor = fclr;
      this.fontColorHilite = fhclr;
      this.bgColor = "#555555";
      this.menuBorder = 1;
      this.menuBgOpaque=opq;
      this.menuItemBorder = 1;
      this.menuItemIndent = idt;
      this.menuItemBgColor = bg;
      this.menuItemVAlign = valgn;
      this.menuItemHAlign = halgn;
      this.menuItemPadding = pad;
      this.menuItemSpacing = space;
      this.menuLiteBgColor = "#ffffff";
      this.menuBorderBgColor = "#777777";
      this.menuHiliteBgColor = bgh;
      this.menuContainerBgColor = "#cccccc";
      this.childMenuIcon = "arrows.gif";
      this.submenuXOffset = sx;
      this.submenuYOffset = sy;
      this.submenuRelativeToItem = srel;
      this.vertical = vert;
      this.items = new Array();
      this.actions = new Array();
      this.childMenus = new Array();
      this.hideOnMouseOut = true;
      this.hideTimeout = to;
      this.addMenuItem = addMenuItem;
      this.writeMenus = writeMenus;
      this.MM_showMenu = MM_showMenu;
      this.onMenuItemOver = onMenuItemOver;
      this.onMenuItemAction = onMenuItemAction;
      this.hideMenu = hideMenu;
      this.hideChildMenu = hideChildMenu;
      if (!window.menus) window.menus = new Array();
      this.label = " " + label;
      window.menus[this.label] = this;
      window.menus[window.menus.length] = this;
      if (!window.activeMenus) window.activeMenus = new Array();
}

function addMenuItem(label, action) {
      this.items[this.items.length] = label;
      this.actions[this.actions.length] = action;
}

function FIND(item) {
      if( window.mmIsOpera ) return(document.getElementById(item));
      if (document.all) return(document.all[item]);
      if (document.getElementById) return(document.getElementById(item));
      return(false);
}

function writeMenus(container) {
      if (window.triedToWriteMenus) return;
      var agt = navigator.userAgent.toLowerCase();
      window.mmIsOpera = agt.indexOf("opera") != -1;
      if (!container && document.layers) {
            window.delayWriteMenus = this.writeMenus;
            var timer = setTimeout('delayWriteMenus()', 500);
            container = new Layer(100);
            clearTimeout(timer);
      } else if (document.all || document.hasChildNodes || window.mmIsOpera) {
            document.writeln('<span id="menuContainer"></span>');
            container = FIND("menuContainer");
      }

      window.mmHideMenuTimer = null;
      if (!container) return;
      window.triedToWriteMenus = true;
      container.isContainer = true;
      container.menus = new Array();
      for (var i=0; i<window.menus.length; i++)
            container.menus[i] = window.menus[i];
      window.menus.length = 0;
      var countMenus = 0;
      var countItems = 0;
      var top = 0;
      var content = '';
      var lrs = false;
      var theStat = "";
      var tsc = 0;
      if (document.layers) lrs = true;
      for (var i=0; i<container.menus.length; i++, countMenus++) {
            var menu = container.menus[i];
            if (menu.bgImageUp || !menu.menuBgOpaque) {
                  menu.menuBorder = 0;
                  menu.menuItemBorder = 0;
            }
            if (lrs) {
                  var menuLayer = new Layer(100, container);
                  var lite = new Layer(100, menuLayer);
                  lite.top = menu.menuBorder;
                  lite.left = menu.menuBorder;
                  var body = new Layer(100, lite);
                  body.top = menu.menuBorder;
                  body.left = menu.menuBorder;
            } else {
                  content += ''+
                  '<div id="menuLayer'+ countMenus +'" style="position:absolute;z-index:1;left:10px;top:'+ (i * 100) +'px;visibility:hidden;color:' + menu.menuBorderBgColor + ';">\n'+
                  ' <div id="menuLite'+ countMenus +'" style="position:absolute;z-index:1;left:'+ menu.menuBorder +'px;top:'+ menu.menuBorder +'px;visibility:hide;" onmouseout="mouseoutMenu();">\n'+
                  '       <div id="menuFg'+ countMenus +'" style="position:absolute;left:'+ menu.menuBorder +'px;top:'+ menu.menuBorder +'px;visibility:hide;">\n'+
                  '';
            }
            var x=i;
            for (var i=0; i<menu.items.length; i++) {
                  var item = menu.items[i];
                  var childMenu = false;
                  var defaultHeight = menu.fontSize+2*menu.menuItemPadding;
                  if (item.label) {
                        item = item.label;
                        childMenu = true;
                  }
                  menu.menuItemHeight = menu.menuItemHeight || defaultHeight;
                  var itemProps = '';
                  if( menu.fontFamily != '' ) itemProps += 'font-family:' + menu.fontFamily +';';
                  itemProps += 'font-weight:' + menu.fontWeight + ';fontSize:' + menu.fontSize + 'px;';
                  if (menu.fontStyle) itemProps += 'font-style:' + menu.fontStyle + ';';
                  if (document.all || window.mmIsOpera)
                        itemProps += 'font-size:' + menu.fontSize + 'px;" onmouseover="onMenuItemOver(null,this);" onclick="onMenuItemAction(null,this);';
                  else if (!document.layers) {
                        itemProps += 'font-size:' + menu.fontSize + 'px;';
                  }
                  var l;
                  if (lrs) {
                        var lw = menu.menuWidth;
                        if( menu.menuItemHAlign == 'right' ) lw -= menu.menuItemPadding;
                        l = new Layer(lw,body);
                  }
                  var itemLeft = 0;
                  var itemTop = i*menu.menuItemHeight;
                  if( !menu.vertical ) {
                        itemLeft = i*menu.menuWidth;
                        itemTop = 0;
                  }
                  var dTag = '<div id="menuItem'+ countItems +'" style="position:absolute;left:' + itemLeft + 'px;top:'+ itemTop +'px;'+ itemProps +'">';
                  var dClose = '</div>'
                  if (menu.bgImageUp) dTag = '<div id="menuItem'+ countItems +'" style="background:url('+menu.bgImageUp+');position:absolute;left:' + itemLeft + 'px;top:'+ itemTop +'px;'+ itemProps +'">';

                  var left = 0, top = 0, right = 0, bottom = 0;
                  left = 1 + menu.menuItemPadding + menu.menuItemIndent;
                  right = left + menu.menuWidth - 2*menu.menuItemPadding - menu.menuItemIndent;
                  if( menu.menuItemVAlign == 'top' ) top = menu.menuItemPadding;
                  if( menu.menuItemVAlign == 'bottom' ) top = menu.menuItemHeight-menu.fontSize-1-menu.menuItemPadding;
                  if( menu.menuItemVAlign == 'middle' ) top = ((menu.menuItemHeight/2)-(menu.fontSize/2)-1);
                  bottom = menu.menuItemHeight - 2*menu.menuItemPadding;
                  var textProps = 'position:absolute;left:' + left + 'px;top:' + top + 'px;';
                  if (lrs) {
                        textProps +=itemProps + 'right:' + right + ';bottom:' + bottom + ';';
                        dTag = "";
                        dClose = "";
                  }

                  if(document.all && !window.mmIsOpera) {
                        item = '<div align="' + menu.menuItemHAlign + '">' + item + '</div>';
                  } else if (lrs) {
                        item = '<div style="text-align:' + menu.menuItemHAlign + ';">' + item + '</div>';
                  } else {
                        var hitem = null;
                        if( menu.menuItemHAlign != 'left' ) {
                              if(window.mmIsOpera) {
                                    var operaWidth = menu.menuItemHAlign == 'center' ? -(menu.menuWidth-2*menu.menuItemPadding) : (menu.menuWidth-6*menu.menuItemPadding);
                                    hitem = '<div id="menuItemHilite' + countItems + 'Shim" style="position:absolute;top:1px;left:' + menu.menuItemPadding + 'px;width:' + operaWidth + 'px;text-align:'
                                          + menu.menuItemHAlign + ';visibility:visible;">' + item + '</div>';
                                    item = '<div id="menuItemText' + countItems + 'Shim" style="position:absolute;top:1px;left:' + menu.menuItemPadding + 'px;width:' + operaWidth + 'px;text-align:'
                                          + menu.menuItemHAlign + ';visibility:visible;">' + item + '</div>';
                              } else {
                                    hitem = '<div id="menuItemHilite' + countItems + 'Shim" style="position:absolute;top:1px;left:1px;right:-' + (left+menu.menuWidth-3*menu.menuItemPadding) + 'px;text-align:'
                                          + menu.menuItemHAlign + ';visibility:visible;">' + item + '</div>';
                                    item = '<div id="menuItemText' + countItems + 'Shim" style="position:absolute;top:1px;left:1px;right:-' + (left+menu.menuWidth-3*menu.menuItemPadding) + 'px;text-align:'
                                          + menu.menuItemHAlign + ';visibility:visible;">' + item + '</div>';
                              }
                        } else hitem = null;
                  }
                  if(document.all && !window.mmIsOpera) item = '<div id="menuItemShim' + countItems + '" style="position:absolute;left:0px;top:0px;">' + item + '</div>';
                  var dText      = '<div id="menuItemText'+ countItems +'" style="' + textProps + 'color:'+ menu.fontColor +';">'+ item +' </div>\n'
                                    + '<div id="menuItemHilite'+ countItems +'" style="' + textProps + 'color:'+ menu.fontColorHilite +';visibility:hidden;">'
                                    + (hitem||item) +' </div>';
                  if (childMenu) content += ( dTag + dText + '<div id="childMenu'+ countItems +'" style="position:absolute;left:0px;top:3px;"><img src="'+ menu.childMenuIcon +'"></div>\n' + dClose);
                  else content += ( dTag + dText + dClose);
                  if (lrs) {
                        l.document.open("text/html");
                        l.document.writeln(content);
                        l.document.close();
                        content = '';
                        theStat += "-";
                        tsc++;
                        if (tsc > 50) {
                              tsc = 0;
                              theStat = "";
                        }
                        status = theStat;
                  }
                  countItems++;
            }
            if (lrs) {
                  var focusItem = new Layer(100, body);
                  focusItem.visiblity="hidden";
                  focusItem.document.open("text/html");
                  focusItem.document.writeln(" ");
                  focusItem.document.close();
            } else {
              content += '        <div id="focusItem'+ countMenus +'" style="position:absolute;left:0px;top:0px;visibility:hide;" onclick="onMenuItemAction(null,this);"> </div>\n';
              content += ' </div>\n </div>\n</div>\n';
            }
            i=x;
      }
      if (document.layers) {
            container.clip.width = window.innerWidth;
            container.clip.height = window.innerHeight;
            container.onmouseout = mouseoutMenu;
            container.menuContainerBgColor = this.menuContainerBgColor;
            for (var i=0; i<container.document.layers.length; i++) {
                  proto = container.menus[i];
                  var menu = container.document.layers[i];
                  container.menus[i].menuLayer = menu;
                  container.menus[i].menuLayer.Menu = container.menus[i];
                  container.menus[i].menuLayer.Menu.container = container;
                  var body = menu.document.layers[0].document.layers[0];
                  body.clip.width = proto.menuWidth || body.clip.width;
                  body.clip.height = proto.menuHeight || body.clip.height;
                  for (var n=0; n<body.document.layers.length-1; n++) {
                        var l = body.document.layers[n];
                        l.Menu = container.menus[i];
                        l.menuHiliteBgColor = proto.menuHiliteBgColor;
                        l.document.bgColor = proto.menuItemBgColor;
                        l.saveColor = proto.menuItemBgColor;
                        l.onmouseover = proto.onMenuItemOver;
                        l.onclick = proto.onMenuItemAction;
                        l.mmaction = container.menus[i].actions[n];
                        l.focusItem = body.document.layers[body.document.layers.length-1];
                        l.clip.width = proto.menuWidth || body.clip.width;
                        l.clip.height = proto.menuItemHeight || l.clip.height;
                        if (n>0) {
                              if( l.Menu.vertical ) l.top = body.document.layers[n-1].top + body.document.layers[n-1].clip.height + proto.menuItemBorder + proto.menuItemSpacing;
                              else l.left = body.document.layers[n-1].left + body.document.layers[n-1].clip.width + proto.menuItemBorder + proto.menuItemSpacing;
                        }
                        l.hilite = l.document.layers[1];
                        if (proto.bgImageUp) l.background.src = proto.bgImageUp;
                        l.document.layers[1].isHilite = true;
                        if (l.document.layers.length > 2) {
                              l.childMenu = container.menus[i].items[n].menuLayer;
                              l.document.layers[2].left = l.clip.width -13;
                              l.document.layers[2].top = (l.clip.height / 2) -4;
                              l.document.layers[2].clip.left += 3;
                              l.Menu.childMenus[l.Menu.childMenus.length] = l.childMenu;
                        }
                  }
                  if( proto.menuBgOpaque ) body.document.bgColor = proto.bgColor;
                  if( proto.vertical ) {
                        body.clip.width = l.clip.width +proto.menuBorder;
                        body.clip.height = l.top + l.clip.height +proto.menuBorder;
                  } else {
                        body.clip.height = l.clip.height +proto.menuBorder;
                        body.clip.width = l.left + l.clip.width +proto.menuBorder;
                        if( body.clip.width > window.innerWidth ) body.clip.width = window.innerWidth;
                  }
                  var focusItem = body.document.layers[n];
                  focusItem.clip.width = body.clip.width;
                  focusItem.Menu = l.Menu;
                  focusItem.top = -30;
focusItem.captureEvents(Event.MOUSEDOWN);
focusItem.onmousedown = onMenuItemDown;
                  if( proto.menuBgOpaque ) menu.document.bgColor = proto.menuBorderBgColor;
                  var lite = menu.document.layers[0];
                  if( proto.menuBgOpaque ) lite.document.bgColor = proto.menuLiteBgColor;
                  lite.clip.width = body.clip.width +1;
                  lite.clip.height = body.clip.height +1;
                  menu.clip.width = body.clip.width + (proto.menuBorder * 3) ;
                  menu.clip.height = body.clip.height + (proto.menuBorder * 3);
            }
      } else {
            if ((!document.all) && (container.hasChildNodes) && !window.mmIsOpera) {
                  container.innerHTML=content;
            } else {
                  container.document.open("text/html");
                  container.document.writeln(content);
                  container.document.close();
            }
            if (!FIND("menuLayer0")) return;
            var menuCount = 0;
            for (var x=0; x<container.menus.length; x++) {
                  var menuLayer = FIND("menuLayer" + x);
                  container.menus[x].menuLayer = "menuLayer" + x;
                  menuLayer.Menu = container.menus[x];
                  menuLayer.Menu.container = "menuLayer" + x;
                  menuLayer.style.zindex = 1;
              var s = menuLayer.style;
                  s.pixeltop = -300;
                  s.pixelleft = -300;
                  s.top = '-300px';
                  s.left = '-300px';

                  var menu = container.menus[x];
                  menu.menuItemWidth = menu.menuWidth || menu.menuIEWidth || 140;
                  if( menu.menuBgOpaque ) menuLayer.style.backgroundColor = menu.menuBorderBgColor;
                  var top = 0;
                  var left = 0;
                  menu.menuItemLayers = new Array();
                  for (var i=0; i<container.menus[x].items.length; i++) {
                        var l = FIND("menuItem" + menuCount);
                        l.Menu = container.menus[x];
                        l.Menu.menuItemLayers[l.Menu.menuItemLayers.length] = l;
                        if (l.addEventListener || window.mmIsOpera) {
                              l.style.width = menu.menuItemWidth + 'px';
                              l.style.height = menu.menuItemHeight + 'px';
                              l.style.pixelWidth = menu.menuItemWidth;
                              l.style.pixelHeight = menu.menuItemHeight;
                              l.style.top = top + 'px';
                              l.style.left = left + 'px';
                              if(l.addEventListener) {
                                    l.addEventListener("mouseover", onMenuItemOver, false);
                                    l.addEventListener("click", onMenuItemAction, false);
                                    l.addEventListener("mouseout", mouseoutMenu, false);
                              }
                              if( menu.menuItemHAlign != 'left' ) {
                                    l.hiliteShim = FIND("menuItemHilite" + menuCount + "Shim");
                                    l.hiliteShim.style.visibility = "inherit";
                                    l.textShim = FIND("menuItemText" + menuCount + "Shim");
                                    l.hiliteShim.style.pixelWidth = menu.menuItemWidth - 2*menu.menuItemPadding - menu.menuItemIndent;
                                    l.hiliteShim.style.width = l.hiliteShim.style.pixelWidth;
                                    l.textShim.style.pixelWidth = menu.menuItemWidth - 2*menu.menuItemPadding - menu.menuItemIndent;
                                    l.textShim.style.width = l.textShim.style.pixelWidth;
                              }
                        } else {
                              l.style.pixelWidth = menu.menuItemWidth;
                              l.style.pixelHeight = menu.menuItemHeight;
                              l.style.pixelTop = top;
                              l.style.pixelLeft = left;
                              if( menu.menuItemHAlign != 'left' ) {
                                    var shim = FIND("menuItemShim" + menuCount);
                                    shim[0].style.pixelWidth = menu.menuItemWidth - 2*menu.menuItemPadding - menu.menuItemIndent;
                                    shim[1].style.pixelWidth = menu.menuItemWidth - 2*menu.menuItemPadding - menu.menuItemIndent;
                                    shim[0].style.width = shim[0].style.pixelWidth + 'px';
                                    shim[1].style.width = shim[1].style.pixelWidth + 'px';
                              }
                        }
                        if( menu.vertical ) top = top + menu.menuItemHeight+menu.menuItemBorder+menu.menuItemSpacing;
                        else left = left + menu.menuItemWidth+menu.menuItemBorder+menu.menuItemSpacing;
                        l.style.fontSize = menu.fontSize + 'px';
                        l.style.backgroundColor = menu.menuItemBgColor;
                        l.style.visibility = "inherit";
                        l.saveColor = menu.menuItemBgColor;
                        l.menuHiliteBgColor = menu.menuHiliteBgColor;
                        l.mmaction = container.menus[x].actions[i];
                        l.hilite = FIND("menuItemHilite" + menuCount);
                        l.focusItem = FIND("focusItem" + x);
                        l.focusItem.style.pixelTop = -30;
                        l.focusItem.style.top = '-30px';
                        var childItem = FIND("childMenu" + menuCount);
                        if (childItem) {
                              l.childMenu = container.menus[x].items[i].menuLayer;
                              childItem.style.pixelLeft = menu.menuItemWidth -11;
                              childItem.style.left = childItem.style.pixelLeft + 'px';
                              childItem.style.pixelTop = (menu.menuItemHeight /2) -4;
                              childItem.style.top = childItem.style.pixelTop + 'px';
                              l.Menu.childMenus[l.Menu.childMenus.length] = l.childMenu;
                        }
                        l.style.cursor = "hand";
                        menuCount++;
                  }
                  if( menu.vertical ) {
                        menu.menuHeight = top-1-menu.menuItemSpacing;
                        menu.menuWidth = menu.menuItemWidth;
                  } else {
                        menu.menuHeight = menu.menuItemHeight;
                        menu.menuWidth = left-1-menu.menuItemSpacing;
                  }

                  var lite = FIND("menuLite" + x);
                  var s = lite.style;
                  s.pixelHeight = menu.menuHeight +(menu.menuBorder * 2);
                  s.height = s.pixelHeight + 'px';
                  s.pixelWidth = menu.menuWidth + (menu.menuBorder * 2);
                  s.width = s.pixelWidth + 'px';
                  if( menu.menuBgOpaque ) s.backgroundColor = menu.menuLiteBgColor;

                  var body = FIND("menuFg" + x);
                  s = body.style;
                  s.pixelHeight = menu.menuHeight + menu.menuBorder;
                  s.height = s.pixelHeight + 'px';
                  s.pixelWidth = menu.menuWidth + menu.menuBorder;
                  s.width = s.pixelWidth + 'px';
                  if( menu.menuBgOpaque ) s.backgroundColor = menu.bgColor;

                  s = menuLayer.style;
                  s.pixelWidth = menu.menuWidth + (menu.menuBorder * 4);
                  s.width = s.pixelWidth + 'px';
                  s.pixelHeight = menu.menuHeight+(menu.menuBorder*4);
                  s.height = s.pixelHeight + 'px';
            }
      }
      if (document.captureEvents) document.captureEvents(Event.MOUSEUP);
      if (document.addEventListener) document.addEventListener("mouseup", onMenuItemOver, false);
      if (document.layers && window.innerWidth) {
            window.onresize = NS4resize;
            window.NS4sIW = window.innerWidth;
            window.NS4sIH = window.innerHeight;
            setTimeout("NS4resize()",500);
      }
      document.onmouseup = mouseupMenu;
      window.mmWroteMenu = true;
      status = "";
}

function NS4resize() {
      if (NS4sIW != window.innerWidth || NS4sIH != window.innerHeight) window.location.reload();
}

function onMenuItemOver(e, l) {
      MM_clearTimeout();
      l = l || this;
      a = window.ActiveMenuItem;
      if (document.layers) {
            if (a) {
                  a.document.bgColor = a.saveColor;
                  if (a.hilite) a.hilite.visibility = "hidden";
                  if (a.Menu.bgImageOver) a.background.src = a.Menu.bgImageUp;
                  a.focusItem.top = -100;
                  a.clicked = false;
            }
            if (l.hilite) {
                  l.document.bgColor = l.menuHiliteBgColor;
                  l.zIndex = 1;
                  l.hilite.visibility = "inherit";
                  l.hilite.zIndex = 2;
                  l.document.layers[1].zIndex = 1;
                  l.focusItem.zIndex = this.zIndex +2;
            }
            if (l.Menu.bgImageOver) l.background.src = l.Menu.bgImageOver;
            l.focusItem.top = this.top;
            l.focusItem.left = this.left;
            l.focusItem.clip.width = l.clip.width;
            l.focusItem.clip.height = l.clip.height;
            l.Menu.hideChildMenu(l);
      } else if (l.style && l.Menu) {
            if (a) {
                  a.style.backgroundColor = a.saveColor;
                  if (a.hilite) a.hilite.style.visibility = "hidden";
                  if (a.hiliteShim) a.hiliteShim.style.visibility = "inherit";
                  if (a.Menu.bgImageUp) a.style.background = "url(" + a.Menu.bgImageUp +")";;
            }
            l.style.backgroundColor = l.menuHiliteBgColor;
            l.zIndex = 1;
            if (l.Menu.bgImageOver) l.style.background = "url(" + l.Menu.bgImageOver +")";
            if (l.hilite) {
                  l.hilite.style.visibility = "inherit";
                  if( l.hiliteShim ) l.hiliteShim.style.visibility = "visible";
            }
            l.focusItem.style.pixelTop = l.style.pixelTop;
            l.focusItem.style.top = l.focusItem.style.pixelTop + 'px';
            l.focusItem.style.pixelLeft = l.style.pixelLeft;
            l.focusItem.style.left = l.focusItem.style.pixelLeft + 'px';
            l.focusItem.style.zIndex = l.zIndex +1;
            l.Menu.hideChildMenu(l);
      } else return;
      window.ActiveMenuItem = l;
}

function onMenuItemAction(e, l) {
      l = window.ActiveMenuItem;
      if (!l) return;
      hideActiveMenus();
      if (l.mmaction) eval("" + l.mmaction);
      window.ActiveMenuItem = 0;
}

function MM_clearTimeout() {
      if (mmHideMenuTimer) clearTimeout(mmHideMenuTimer);
      mmHideMenuTimer = null;
      mmDHFlag = false;
}

function MM_startTimeout() {
      if( window.ActiveMenu ) {
            mmStart = new Date();
            mmDHFlag = true;
            mmHideMenuTimer = setTimeout("mmDoHide()", window.ActiveMenu.Menu.hideTimeout);
      }
}

function mmDoHide() {
      if (!mmDHFlag || !window.ActiveMenu) return;
      var elapsed = new Date() - mmStart;
      var timeout = window.ActiveMenu.Menu.hideTimeout;
      if (elapsed < timeout) {
            mmHideMenuTimer = setTimeout("mmDoHide()", timeout+100-elapsed);
            return;
      }
      mmDHFlag = false;
      hideActiveMenus();
      window.ActiveMenuItem = 0;
}

function MM_showMenu(menu, x, y, child, imgname) {
      if (!window.mmWroteMenu) return;
      MM_clearTimeout();
      if (menu) {
            var obj = FIND(imgname) || document.images[imgname] || document.links[imgname] || document.anchors[imgname];
            x = moveXbySlicePos (x, obj);
            y = moveYbySlicePos (y, obj);
      }
      if (document.layers) {
            if (menu) {
                  var l = menu.menuLayer || menu;
                  l.top = l.left = 1;
                  hideActiveMenus();
                  if (this.visibility) l = this;
                  window.ActiveMenu = l;
            } else {
                  var l = child;
            }
            if (!l) return;
            for (var i=0; i<l.layers.length; i++) {
                  if (!l.layers[i].isHilite) l.layers[i].visibility = "inherit";
                  if (l.layers[i].document.layers.length > 0) MM_showMenu(null, "relative", "relative", l.layers[i]);
            }
            if (l.parentLayer) {
                  if (x != "relative") l.parentLayer.left = x || window.pageX || 0;
                  if (l.parentLayer.left + l.clip.width > window.innerWidth) l.parentLayer.left -= (l.parentLayer.left + l.clip.width - window.innerWidth);
                  if (y != "relative") l.parentLayer.top = y || window.pageY || 0;
                  if (l.parentLayer.isContainer) {
                        l.Menu.xOffset = window.pageXOffset;
                        l.Menu.yOffset = window.pageYOffset;
                        l.parentLayer.clip.width = window.ActiveMenu.clip.width +2;
                        l.parentLayer.clip.height = window.ActiveMenu.clip.height +2;
                        if (l.parentLayer.menuContainerBgColor && l.Menu.menuBgOpaque ) l.parentLayer.document.bgColor = l.parentLayer.menuContainerBgColor;
                  }
            }
            l.visibility = "inherit";
            if (l.Menu) l.Menu.container.visibility = "inherit";
      } else if (FIND("menuItem0")) {
            var l = menu.menuLayer || menu;
            hideActiveMenus();
            if (typeof(l) == "string") l = FIND(l);
            window.ActiveMenu = l;
            var s = l.style;
            s.visibility = "inherit";
            if (x != "relative") {
                  s.pixelLeft = x || (window.pageX + document.body.scrollLeft) || 0;
                  s.left = s.pixelLeft + 'px';
            }
            if (y != "relative") {
                  s.pixelTop = y || (window.pageY + document.body.scrollTop) || 0;
                  s.top = s.pixelTop + 'px';
            }
            l.Menu.xOffset = document.body.scrollLeft;
            l.Menu.yOffset = document.body.scrollTop;
      }
      if (menu) window.activeMenus[window.activeMenus.length] = l;
      MM_clearTimeout();
}

function onMenuItemDown(e, l) {
      var a = window.ActiveMenuItem;
      if (document.layers && a) {
            a.eX = e.pageX;
            a.eY = e.pageY;
            a.clicked = true;
}
}

function mouseupMenu(e) {
      hideMenu(true, e);
      hideActiveMenus();
      return true;
}

function getExplorerVersion() {
      var ieVers = parseFloat(navigator.appVersion);
      if( navigator.appName != 'Microsoft Internet Explorer' ) return ieVers;
      var tempVers = navigator.appVersion;
      var i = tempVers.indexOf( 'MSIE ' );
      if( i >= 0 ) {
            tempVers = tempVers.substring( i+5 );
            ieVers = parseFloat( tempVers );
      }
      return ieVers;
}

function mouseoutMenu() {
      if ((navigator.appName == "Microsoft Internet Explorer") && (getExplorerVersion() < 4.5))
            return true;
      hideMenu(false, false);
      return true;
}

function hideMenu(mouseup, e) {
      var a = window.ActiveMenuItem;
      if (a && document.layers) {
            a.document.bgColor = a.saveColor;
            a.focusItem.top = -30;
            if (a.hilite) a.hilite.visibility = "hidden";
            if (mouseup && a.mmaction && a.clicked && window.ActiveMenu) {
                 if (a.eX <= e.pageX+15 && a.eX >= e.pageX-15 && a.eY <= e.pageY+10 && a.eY >= e.pageY-10) {
                        setTimeout('window.ActiveMenu.Menu.onMenuItemAction();', 500);
                  }
            }
            a.clicked = false;
            if (a.Menu.bgImageOver) a.background.src = a.Menu.bgImageUp;
      } else if (window.ActiveMenu && FIND("menuItem0")) {
            if (a) {
                  a.style.backgroundColor = a.saveColor;
                  if (a.hilite) a.hilite.style.visibility = "hidden";
                  if (a.hiliteShim) a.hiliteShim.style.visibility = "inherit";
                  if (a.Menu.bgImageUp) a.style.background = "url(" + a.Menu.bgImageUp +")";
            }
      }
      if (!mouseup && window.ActiveMenu) {
            if (window.ActiveMenu.Menu) {
                  if (window.ActiveMenu.Menu.hideOnMouseOut) MM_startTimeout();
                  return(true);
            }
      }
      return(true);
}

function hideChildMenu(hcmLayer) {
      MM_clearTimeout();
      var l = hcmLayer;
      for (var i=0; i < l.Menu.childMenus.length; i++) {
            var theLayer = l.Menu.childMenus[i];
            if (document.layers) theLayer.visibility = "hidden";
            else {
                  theLayer = FIND(theLayer);
                  theLayer.style.visibility = "hidden";
                  if( theLayer.Menu.menuItemHAlign != 'left' ) {
                        for(var j = 0; j < theLayer.Menu.menuItemLayers.length; j++) {
                              var itemLayer = theLayer.Menu.menuItemLayers[j];
                              if(itemLayer.textShim) itemLayer.textShim.style.visibility = "inherit";
                        }
                  }
            }
            theLayer.Menu.hideChildMenu(theLayer);
      }
      if (l.childMenu) {
            var childMenu = l.childMenu;
            if (document.layers) {
                  l.Menu.MM_showMenu(null,null,null,childMenu.layers[0]);
                  childMenu.zIndex = l.parentLayer.zIndex +1;
                  childMenu.top = l.Menu.menuLayer.top + l.Menu.submenuYOffset;
                  if( l.Menu.vertical ) {
                        if( l.Menu.submenuRelativeToItem ) childMenu.top += l.top + l.parentLayer.top;
                        childMenu.left = l.parentLayer.left + l.parentLayer.clip.width - (2*l.Menu.menuBorder) + l.Menu.menuLayer.left + l.Menu.submenuXOffset;
                  } else {
                        childMenu.top += l.top + l.parentLayer.top;
                        if( l.Menu.submenuRelativeToItem ) childMenu.left = l.Menu.menuLayer.left + l.left + l.clip.width + (2*l.Menu.menuBorder) + l.Menu.submenuXOffset;
                        else childMenu.left = l.parentLayer.left + l.parentLayer.clip.width - (2*l.Menu.menuBorder) + l.Menu.menuLayer.left + l.Menu.submenuXOffset;
                  }
                  if( childMenu.left < l.Menu.container.clip.left ) l.Menu.container.clip.left = childMenu.left;
                  var w = childMenu.clip.width+childMenu.left-l.Menu.container.clip.left;
                  if (w > l.Menu.container.clip.width) l.Menu.container.clip.width = w;
                  var h = childMenu.clip.height+childMenu.top-l.Menu.container.clip.top;
                  if (h > l.Menu.container.clip.height) l.Menu.container.clip.height = h;
                  l.document.layers[1].zIndex = 0;
                  childMenu.visibility = "inherit";
            } else if (FIND("menuItem0")) {
                  childMenu = FIND(l.childMenu);
                  var menuLayer = FIND(l.Menu.menuLayer);
                  var s = childMenu.style;
                  s.zIndex = menuLayer.style.zIndex+1;
                  if (document.all || window.mmIsOpera) {
                        s.pixelTop = menuLayer.style.pixelTop + l.Menu.submenuYOffset;
                        if( l.Menu.vertical ) {
                              if( l.Menu.submenuRelativeToItem ) s.pixelTop += l.style.pixelTop;
                              s.pixelLeft = l.style.pixelWidth + menuLayer.style.pixelLeft + l.Menu.submenuXOffset;
                              s.left = s.pixelLeft + 'px';
                        } else {
                              s.pixelTop += l.style.pixelTop;
                              if( l.Menu.submenuRelativeToItem ) s.pixelLeft = menuLayer.style.pixelLeft + l.style.pixelLeft + l.style.pixelWidth + (2*l.Menu.menuBorder) + l.Menu.submenuXOffset;
                              else s.pixelLeft = (menuLayer.style.pixelWidth-4*l.Menu.menuBorder) + menuLayer.style.pixelLeft + l.Menu.submenuXOffset;
                              s.left = s.pixelLeft + 'px';
                        }
                  } else {
                        var top = parseInt(menuLayer.style.top) + l.Menu.submenuYOffset;
                        var left = 0;
                        if( l.Menu.vertical ) {
                              if( l.Menu.submenuRelativeToItem ) top += parseInt(l.style.top);
                              left = (parseInt(menuLayer.style.width)-4*l.Menu.menuBorder) + parseInt(menuLayer.style.left) + l.Menu.submenuXOffset;
                        } else {
                              top += parseInt(l.style.top);
                              if( l.Menu.submenuRelativeToItem ) left = parseInt(menuLayer.style.left) + parseInt(l.style.left) + parseInt(l.style.width) + (2*l.Menu.menuBorder) + l.Menu.submenuXOffset;
                              else left = (parseInt(menuLayer.style.width)-4*l.Menu.menuBorder) + parseInt(menuLayer.style.left) + l.Menu.submenuXOffset;
                        }
                        s.top = top + 'px';
                        s.left = left + 'px';
                  }
                  childMenu.style.visibility = "inherit";
            } else return;
            window.activeMenus[window.activeMenus.length] = childMenu;
      }
}

function hideActiveMenus() {
      if (!window.activeMenus) return;
      for (var i=0; i < window.activeMenus.length; i++) {
            if (!activeMenus[i]) continue;
            if (activeMenus[i].visibility && activeMenus[i].Menu && !window.mmIsOpera) {
                  activeMenus[i].visibility = "hidden";
                  activeMenus[i].Menu.container.visibility = "hidden";
                  activeMenus[i].Menu.container.clip.left = 0;
            } else if (activeMenus[i].style) {
                  var s = activeMenus[i].style;
                  s.visibility = "hidden";
                  s.left = '-200px';
                  s.top = '-200px';
            }
      }
      if (window.ActiveMenuItem) hideMenu(false, false);
      window.activeMenus.length = 0;
}

function moveXbySlicePos (x, img) {
      if (!document.layers) {
            var onWindows = navigator.platform ? navigator.platform == "Win32" : false;
            var macIE45 = document.all && !onWindows && getExplorerVersion() == 4.5;
            var par = img;
            var lastOffset = 0;
            while(par){
                  if( par.leftMargin && ! onWindows ) x += parseInt(par.leftMargin);
                  if( (par.offsetLeft != lastOffset) && par.offsetLeft ) x += parseInt(par.offsetLeft);
                  if( par.offsetLeft != 0 ) lastOffset = par.offsetLeft;
                  par = macIE45 ? par.parentElement : par.offsetParent;
            }
      } else if (img.x) x += img.x;
      return x;
}

function moveYbySlicePos (y, img) {
      if(!document.layers) {
            var onWindows = navigator.platform ? navigator.platform == "Win32" : false;
            var macIE45 = document.all && !onWindows && getExplorerVersion() == 4.5;
            var par = img;
            var lastOffset = 0;
            while(par){
                  if( par.topMargin && !onWindows ) y += parseInt(par.topMargin);
                  if( (par.offsetTop != lastOffset) && par.offsetTop ) y += parseInt(par.offsetTop);
                  if( par.offsetTop != 0 ) lastOffset = par.offsetTop;
                  par = macIE45 ? par.parentElement : par.offsetParent;
            }
      } else if (img.y >= 0) y += img.y;
      return y;
}

Any help would be appreciated!

Thanks

fritz_the_blank

The only thing that I can think of doing is to put the .swf file in a div and set the z-index such that it will fall behind the menu.

Fritz the Blank

Antithesis

I've run into this problem too...You're going to end up being stuck behind any EMBED, OBJECT, or SELECT item. The best that you could do would be to hide or move the item when the menu div becomes visible.

Blue52

ASKER

The problem with putting the .swf in a div is that the page is using nested templates and wont let me add a div to the area as the div needs to add code to the head which is locked by the template.

Any suggestions?

B

ASKER CERTIFIED SOLUTION

fritz_the_blank

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

Blue52

ASKER

The template is used by a lot of files which i wouldnt want the div in. But maybe i'll look into it.

Any ideas on improving the performance of the menus:

http://213.155.156.54/objectiveinternet

It seems a bit clunky

Thanks for your help

b

fritz_the_blank

Sorry, can't help you there.

Fritz the Blank

Blue52

ASKER

fritz_the_blank

I am sorry that the answer was not what you wanted to hear.

Fritz the Blank

Blue52

ASKER

It was a good idea but it hasnt helped - I have tried the the z-index of the layer that contains the .swf to 0 or -1 but the menu layers still want to appear behind it?

Any ideas?

B

fritz_the_blank

When the menu gets control, set the visibility of the div to invisible?

Fritz the Blank

Blue52

ASKER

It was a good idea but it hasnt helped - I have tried the the z-index of the layer that contains the .swf to 0 or -1 but the menu layers still want to appear behind it?

Any ideas?

B

Blue52

ASKER

I dont want the div to be invisible I still want to see it in the BG - I think what would be best is if i could set the index of the layers used in the menu to be higher than the index of the .swf.

Can you see where I would change the index of the layers in the code i attached?

Chhers

b

fritz_the_blank

'<div id="menuLayer'+ countMenus +'" style="position:absolute;z-index:1;left:10px;top:'+ (i * 100) +'px;visibility:hidden;color:' + menu.menuBorderBgColor + ';">\n'+

Fritz the Blank

Blue52

ASKER

Thanks for that but still no joy!

I have changed the z-index of the menus to 2 and put the .swf in a div with a z-index of 1 and still the menus slide behing the .swf

Any more ideas?

Blue52

ASKER

Thanks for that but still no joy!

I have changed the z-index of the menus to 2 and put the .swf in a div with a z-index of 1 and still the menus slide behing the .swf

Any more ideas?

fritz_the_blank

Try the reverse? It may be that the .swf has an infinite z index and can't be covered.

Fritz the Blank

Blue52

ASKER

i have now tried it both ways with no joy - i have even cranked the index of the menu up to 1000 and still it gets covered.

Sorry about this but nothing seems to work

fritz_the_blank

So, it is as I have suggested (and apparently Antithesis above) the .swf has an infinite z index and can't be covered.

Blue52

ASKER

Yes quite - I have since found out that that is true and it is apparently impossible to achieve.

Thanks for your help

B

fritz_the_blank

Sorry that's the case,

Fritz the Blank