?
Solved

Pop Up menu's displaying behind embedded Flash Movie!

Posted on 2003-03-21
20
Medium Priority
?
376 Views
Last Modified: 2008-02-01
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><!-- InstanceBegin template="/Templates/home.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<!-- InstanceBeginEditable name="doctitle" -->
<title>O b j e c t i v e   I n t e r n e t  L t d</title>
<!-- InstanceEndEditable -->
<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()

<!--



function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</script>
<script language="JavaScript" type="text/JavaScript">
<!--

function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<script language="JavaScript1.2" src="../../FWCode/mm_menu.js"></script>
<link href="../../Stylesheets/default.css" rel="stylesheet" type="text/css">
<!-- InstanceBeginEditable name="head" -->
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_checkPlugin(plgIn, theURL, altURL, autoGo) { //v4.0
  var ok=false; document.MM_returnValue = false;
  with (navigator) if (appName.indexOf('Microsoft')==-1 || (plugins && plugins.length)) {
    ok=(plugins && plugins[plgIn]);
  } else if (appVersion.indexOf('3.1')==-1) { //not Netscape or Win3.1
    if (plgIn.indexOf("Flash")!=-1 && window.MM_flash!=null) ok=window.MM_flash;
    else if (plgIn.indexOf("Director")!=-1 && window.MM_dir!=null) ok=window.MM_dir;
    else ok=autoGo; }
  if (!ok) theURL=altURL; if (theURL) window.location=theURL;
}
//-->
</script>
<!-- InstanceEndEditable -->
</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"><!-- InstanceBeginEditable name="title" --><img src="../../Images/Titles/home.gif" width="200" height="23" onload="MM_checkPlugin('Shockwave Flash','','homenoflash.htm',false);return document.MM_returnValue"><!-- InstanceEndEditable --></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"><!-- InstanceBeginEditable name="navTree" --><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><!-- InstanceEndEditable --></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"><!-- InstanceBeginEditable name="content" -->
      <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>
      <!-- InstanceEndEditable --></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">
<!--
with (navigator) if (appName.indexOf('Microsoft')!=-1 && appVersion.indexOf('Mac')==-1) document.write(''+
'<scr'+'ipt language="VBScript">\nOn error resume next\n'+
'MM_dir = IsObject(CreateObject("SWCtl.SWCtl.1"))\n'+
'MM_flash = NOT IsNull(CreateObject("ShockwaveFlash.ShockwaveFlash"))\n</scr'+'ipt>');
//-->
</script>
<!-- InstanceEnd -->
</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

0
Comment
Question by:Blue52
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 10
  • 9
20 Comments
 
LVL 46

Expert Comment

by:fritz_the_blank
ID: 8180908
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
0
 
LVL 1

Expert Comment

by:Antithesis
ID: 8181015
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.
0
 

Author Comment

by:Blue52
ID: 8181344
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
0
Get real performance insights from real users

Key features:
- Total Pages Views and Load times
- Top Pages Viewed and Load Times
- Real Time Site Page Build Performance
- Users’ Browser and Platform Performance
- Geographic User Breakdown
- And more

 
LVL 46

Accepted Solution

by:
fritz_the_blank earned 150 total points
ID: 8181399
Put the div in the template?

Fritz the Blank
0
 

Author Comment

by:Blue52
ID: 8181564
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
0
 
LVL 46

Expert Comment

by:fritz_the_blank
ID: 8181587
Sorry, can't help you there.

Fritz the Blank
0
 

Author Comment

by:Blue52
ID: 8181667
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
0
 
LVL 46

Expert Comment

by:fritz_the_blank
ID: 8181725
I am sorry that the answer was not what you wanted to hear.

Fritz the Blank
0
 

Author Comment

by:Blue52
ID: 8181810
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
0
 
LVL 46

Expert Comment

by:fritz_the_blank
ID: 8181891
When the menu gets control, set the visibility of the div to invisible?

Fritz the Blank
0
 

Author Comment

by:Blue52
ID: 8181906
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
0
 

Author Comment

by:Blue52
ID: 8181988
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
0
 
LVL 46

Expert Comment

by:fritz_the_blank
ID: 8182071
             '<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
0
 

Author Comment

by:Blue52
ID: 8182151
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?
0
 

Author Comment

by:Blue52
ID: 8182163
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?
0
 
LVL 46

Expert Comment

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

Fritz the Blank
0
 

Author Comment

by:Blue52
ID: 8182339
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
0
 
LVL 46

Expert Comment

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

Author Comment

by:Blue52
ID: 8193756
Yes quite - I have since found out that that is true and it is apparently impossible to achieve.

Thanks for your help

B
0
 
LVL 46

Expert Comment

by:fritz_the_blank
ID: 8195018
Sorry that's the case,

Fritz the Blank
0

Featured Post

Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Introduction HTML checkboxes provide the perfect way for a web developer to receive client input when the client's options might be none, one or many.  But the PHP code for processing the checkboxes can be confusing at first.  What if a checkbox is…
JavaScript can be used in a browser to change parts of a webpage dynamically. It begins with the following pattern: If condition W is true, do thing X to target Y after event Z. Below are some tips and tricks to help you get started with JavaScript …
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
Suggested Courses

770 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question