Hi
I have added submenus to 2 navigation buttons on the site. But with the javascript I can get the popup menu to work, but it is displaying the same menu for both buttons. How do I correct, to display the appropriate menu.

I have tried changing the mm script menu to 1008142321_1 for the second menu but then this brings up the second menu for both.

Any help is appreciated.
groovy1.




<script language="JavaScript">
<!--
function mmLoadMenus() {

window.mm_menu_1008142321_0 = new Menu("root",130,30,"Arial, Helvetica, sans-serif",14,"#FFFFFF","#00868B","#009999","#FFFFFF","left","middle",3,0,1000,-5,7,true,false,true,2,false,false);
mm_menu_1008142321_0.addMenuItem("Diocesan&nbsp;Map","location='diocesanmap.html'");
mm_menu_1008142321_0.addMenuItem("Our&nbsp;Story","location='ourstory.html'");
mm_menu_1008142321_0.addMenuItem("Mission","location='mission.html'");
mm_menu_1008142321_0.addMenuItem("Groups","location='groups.html'");
mm_menu_1008142321_0.addMenuItem("Governance","location='governance.html'");
mm_menu_1008142321_0.addMenuItem("Strategic&nbsp;Plan","location='strategicplan.html'");
mm_menu_1008142321_0.hideOnMouseOut=true;
mm_menu_1008142321_0.bgColor='#555555';
mm_menu_1008142321_0.menuBorder=1;
mm_menu_1008142321_0.menuLiteBgColor='#FFFFFF';
mm_menu_1008142321_0.menuBorderBgColor='#777777';

mm_menu_1008142321_0.writeMenus();
} // mmLoadMenus()
//-->
</script>
<script language="JavaScript" src="mm_menu.js"></script>
<script language="JavaScript">
<!--
function mmLoadMenus() {

window.mm_menu_1008142321_0 = new Menu("root",130,30,"Arial, Helvetica, sans-serif",14,"#FFFFFF","#00868B","#00868B","#FFFFFF","left","middle",3,0,1000,-5,7,true,false,true,2,false,false);
mm_menu_1008142321_0.addMenuItem("Mediation","location='mediation.html'");
mm_menu_1008142321_0.addMenuItem("School&nbsp;Counselling","location='schoolcounselling.html'");
mm_menu_1008142321_0.addMenuItem("General&nbsp;Counselling","location='generalcounselling.html'");
mm_menu_1008142321_0.addMenuItem("Problem&nbsp;Gambling","location='problemgambling.html'");
mm_menu_1008142321_0.addMenuItem("Personal&nbsp;Helpers&nbsp;&&nbsp;Mentors","location='personalhelpsers&mentors.html'");
mm_menu_1008142321_0.addMenuItem("Mental&nbsp;Health&nbsp;Community&nbsp;Based&nbsp;Program","location='mentalhealthcommunitybasedprogam.html'");
mm_menu_1008142321_0.addMenuItem("Family&nbsp;Relationship&nbsp;Centre","location='familyrelationshipcentre.html'");
mm_menu_1008142321_0.addMenuItem("Family&nbsp;Planning","location='familyplanning.html'");

mm_menu_1008142321_0.fontWeight="normal";
mm_menu_1008142321_0.hideOnMouseOut=true;
mm_menu_1008142321_0.bgColor='#555555';
mm_menu_1008142321_0.menuBorder=1;
mm_menu_1008142321_0.menuLiteBgColor='#FFFFFF';
mm_menu_1008142321_0.menuBorderBgColor='#777777';

mm_menu_1008142321_0.writeMenus();
} // mmLoadMenus()
//-->
</script>
<script language="JavaScript" src="mm_menu.js"></script>
<script>
// (C) 2000 www.CodeLifter.com
// http://www.codelifter.com
// Free for all users, but leave in this header
// NS4-6,IE4-6
// Fade effect only in IE; degrades gracefully

// =======================================
// set the following variables
// =======================================

// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 5000

// Duration of crossfade (seconds)
var crossFadeDuration = 5

// Specify the image files
var Pic = new Array() // don't touch this
// to add more images, just continue
// the pattern, adding to the array below

Pic[0] = 'images/picture2.jpg'
Pic[1] = 'images/picture3.jpg'
Pic[2] = 'images/picture4.jpg'
Pic[3] = 'images/picture5.jpg'
Pic[4] = 'images/picture1.jpg'


// =======================================
// do not edit anything below this line
// =======================================

var t
var j = 0
var p = Pic.length

var preLoad = new Array()
for (i = 0; i < p; i++){
preLoad[i] = new Image()
preLoad[i].src = Pic[i]
}

function runSlideShow(){
if (document.all){
document.images.SlideShow.style.filter="blendTrans(duration=2)"
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)"
document.images.SlideShow.filters.blendTrans.Apply()
}
document.images.SlideShow.src = preLoad[j].src
if (document.all){
document.images.SlideShow.filters.blendTrans.Play()
}
j = j + 1
if (j > (p-1)) j=0
t = setTimeout('runSlideShow()', slideShowSpeed)
}
</script>
</head>

<body id="home">
<script language="JavaScript1.2">mmLoadMenus();</script>

<body onLoad="runSlideShow();">

<div id="Layer1">
<div id="Background">
<table width="875" height="581" border="0">
<tr>
<td width="190" rowspan="3"><div align="center"><img src="../Images/CentacareLogosml.jpg" alt="Centacare Logo" width="120" height="125" hspace="20" longdesc="../Images/CentacareLogo.jpg" /></div></td>
<td width="671" height="95"><div align="center" class="style5">Centacare</div></td>
</tr>
<tr>
<td height="27"><div align="center"><span class="style2">New England North West </span></div></td>
</tr>
<tr>
<td height="21">&nbsp;</td>
</tr>
<tr>
<td height="302"><div align="left">
<ul id="navlist">
<li class="home"><a href="index.html">Home</a></li>
<li class="aboutus"><a href="javascript:;" name="link3" id="link1" onmouseover="MM_showMenu(window.mm_menu_1008142321_0,145,-5,null,'link3')" onmouseout="MM_startTimeout();">About Us</a></li>
<li class="ourservices"><a href="javascript:;" name="link4" id="link1" onmouseover="MM_showMenu(window.mm_menu_1008142321_0,145,-5,null,'link4')" onmouseout="MM_startTimeout();">Our Services</a></li>
<li class="ourpartners"><a href="ourpartners.html">Our Partners</a></li>
<li class="news"><a href="news.html">News</a></li>
<li class="jobs"><a href="jobs.html">Jobs</a></li>
<li class="helpus"><a href="helpus.html">Help Us</a></li>
<li class="contactus"><a href="contactus.html">Contact Us</a></li>
</ul>
</div></td>