var hBar = new ItemStyle(40, 2, '', 0, 0, '15#233F80', '10#336699', 'highText', 'highText', '', '',
 null, null, 'hand', 'default');

var pMenu = new PopupMenu('pMenu');
with (pMenu)
{

///////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////
//The text that you will modify in those files is located AFTER the line (8) that says "// THIS IS WHERE YOU EDIT THE MENU.............." and before the line (27) that says "//DON'T EDIT ANYTHING PAST THIS LINE!!!". The first "paragraph" in that text begins with "startMenu('root'..." - this is the main menu. The next two that start like that are the sub-menus. 

//Let's say you wanted to link to another submenu.

//1. First, make the button in the main menu...

//Eg. The following string is the "Ministry Information" button, which links to the submenu "mMinistry". Instead of a URL in the second value of the string, it says "mMinistry", the name of the new menu that we will create below. The value after that is BLANK when you are linking to a page, but in this case is "sm:" because we are linking to another submenu.


//addItem('&nbsp; Ministry <br> &nbsp; Information', 'mMinistry', 'sm:', null, 40);

//2. Then, make the submenu......

//Eg. The following string begins the submenu. The first value is the menu name "mMinistry". The only other value you need to worry about for the main menu is the "105" which is the vertical pixel location of the top left corner of the submenu. You will need to experiment with this value to line up your menu correctly.

//startMenu('mMinistry', true, 'window.page.elmPos("menu").x + 167', 'window.page.elmPos("menu").y + 105', 140, hBar, '', false);

//Then, you add your links. The first value, again, is the HTML for the button. The second value is the URL, and the 3rd value should have nothing in it....

//addItem('&nbsp; Services and <br> &nbsp; Directions', 'servicesanddirections.shtml, '', null, 40);
//addItem('&nbsp; Ministries', 'ministries.shtml', '', null, 20);

//It is a little complicated, so I will be willing to help you out the first couple times in showing you how to do it. (Just let me know.)
///////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////



// THIS IS WHERE YOU EDIT THE MENU..............

startMenu('root', true, 'window.page.elmPos("menu").x + 25', 'window.page.elmPos("menu").y + 20', 140, hBar, '', false);
addItem('&nbsp; Home', 'home.shtml', '', null, 20);
addItem('&nbsp; About Our <br>&nbsp; Ministry', 'aboutourministry.shtml', '', null, 40);
addItem('&nbsp; Our Beliefs', 'mBeliefs', 'sm:', null, 20);
addItem('&nbsp; Ministry <br> &nbsp; Information', 'mMinistry', 'sm:', null, 40);
addItem('&nbsp; Spiritual Help', 'shdc.shtml', '', null, 20);
addItem('&nbsp; Salvation', 'mSalvation', 'sm:', null, 20);
addItem('&nbsp; Guestbook', 'guestbook/guestbook.html', '', null, 20);
addItem('&nbsp; Contact Us', 'contactus.shtml', '', null, 20);

// The following is the sub-menu for "Our Beliefs"
startMenu('mBeliefs', true, 'window.page.elmPos("menu").x + 167', 'window.page.elmPos("menu").y + 85', 140, hBar, '', false);
addItem('&nbsp; Our Vision', 'ourvision.shtml', '', null, 20);
addItem('&nbsp; Statement of<br> &nbsp; Faith', 'statementoffaith.shtml', '', null, 40);

// The following is the sub-menu for "Ministry Information"
startMenu('mMinistry', true, 'window.page.elmPos("menu").x + 167', 'window.page.elmPos("menu").y + 105', 140, hBar, '', false);
addItem('&nbsp; Services and <br> &nbsp; Directions', 'servicesanddirections.shtml', '', null, 40);
addItem('&nbsp; Ministries', 'ministries.shtml', '', null, 20);
addItem('&nbsp; Special Events', 's_events.shtml', '', null, 20);

// The following is the sub-menu for "Salvation"
startMenu('mSalvation', true, 'window.page.elmPos("menu").x + 167', 'window.page.elmPos("menu").y + 170', 140, hBar, '', false);
addItem('&nbsp; Salvation1', 'e_evangelize.shtml', '', null, 20);
addItem('&nbsp; Salvation2', 'e_evangelize1.shtml', '', null, 20);

//DON'T EDIT ANYTHING PAST THIS LINE!!!

}

addMenuBorder(pMenu, window.hBar,
 80, '#ffffff', 1, '#ffffff', 1);

addDropShadow(pMenu, window.subM,
 [40,"#333333",6,6,-4,-4], [40,"#666666",4,4,0,0]);
addDropShadow(pMenu, window.subBlank,
 [40,"#333333",6,6,-4,-4], [40,"#666666",4,4,0,0]);

if ((navigator.userAgent.indexOf('rv:0.')==-1) &&
    !(isOp&&!document.documentElement) && !(isIE4&&!window.external))
{
 pMenu.showMenu = new Function('mN','menuAnim(this, mN, 10)');
 pMenu.hideMenu = new Function('mN','menuAnim(this, mN, -15)');

}

page.elmPos=function(e,p)
{
 var x=0,y=0,w=p?p:this.win;
 e=e?(e.substr?(isNS4?w.document.anchors[e]:getRef(e,w)):e):p;
 if(isNS4){if(e&&(e!=p)){x=e.x;y=e.y};if(p){x+=p.pageX;y+=p.pageY}}
 else if (e && e.focus && e.href && this.MS && /Mac/.test(navigator.platform))
 {
  e.onfocus = new Function('with(event){self.tmpX=clientX-offsetX;' +
   'self.tmpY=clientY-offsetY}');
  e.focus();x=tmpX;y=tmpY;e.blur()
 }
 else while(e){x+=e.offsetLeft;y+=e.offsetTop;e=e.offsetParent}
 return{x:x,y:y};
};

function menuAnim(menuObj, menuName, dir)
{
 var mD = menuObj.menu[menuName][0];
 if (!mD.timer) mD.timer = 0;
 if (!mD.counter) mD.counter = 0;

 with (mD)
 {
  clearTimeout(timer);
  if (!lyr || !lyr.ref) return;
  if (!visNow && dir>0) dir = 0-dir;
  if (dir>0) lyr.vis('visible');
  lyr.sty.zIndex = dir>0 ? mD.zIndex + 1 : 1001;
  lyr.clip(0, 0, menuW+2, (menuH+2)*Math.pow(Math.sin(Math.PI*counter/200),0.75) );
  counter += dir;
  if (counter>100) { counter = 100; lyr.sty.zIndex = mD.zIndex }
  else if (counter<0) { counter = 0; lyr.vis('hidden') }
  else timer = setTimeout('menuAnim('+menuObj.myName+',"'+menuName+'",'+dir+')', 40);
 }
};
function addMenuBorder(mObj, iS, alpha, bordCol, bordW, backCol, backW)
{
 for (var mN in mObj.menu)
 {
  var mR=mObj.menu[mN], dS='<div style="position:absolute; background:';
  if (mR[0].itemSty != iS) continue;
  for (var mI=1; mI<mR.length; mI++)
  {
   mR[mI].iX += bordW+backW;
   mR[mI].iY += bordW+backW;
  }
  mW = mR[0].menuW += 2*(bordW+backW);
  mH = mR[0].menuH += 2*(bordW+backW);

  if (isNS4) mR[0].extraHTML += '<layer bgcolor="'+bordCol+'" left="0" top="0" width="'+mW+
   '" height="'+mH+'" z-index="980"><layer bgcolor="'+backCol+'" left="'+bordW+'" top="'+
   bordW+'" width="'+(mW-2*bordW)+'" height="'+(mH-2*bordW)+'" z-index="990"></layer></layer>';
  else mR[0].extraHTML += dS+bordCol+'; left:0px; top:0px; width:'+mW+'px; height:'+mH+
   'px; z-index:980; '+
   (alpha!=null?'filter:alpha(opacity='+alpha+'); -moz-opacity:'+alpha+'%; opacity:'+(alpha/100):'')+
   '">'+dS+backCol+'; left:'+bordW+'px; top:'+bordW+'px; width:'+(mW-2*bordW)+'px; height:'+
   (mH-2*bordW)+'px; z-index:990"></div></div>';
 }
};

function addDropShadow(mObj, iS)
{
 for (var mN in mObj.menu)
 {
  var a=arguments, mD=mObj.menu[mN][0], addW=addH=0;
  if (mD.itemSty != iS) continue;
  for (var shad=2; shad<a.length; shad++)
  {
   var s = a[shad];
   if (isNS4) mD.extraHTML += '<layer bgcolor="'+s[1]+'" left="'+s[2]+'" top="'+s[3]+'" width="'+
    (mD.menuW+s[4])+'" height="'+(mD.menuH+s[5])+'" z-index="'+(arguments.length-shad)+'"></layer>';
   else mD.extraHTML += '<div style="position:absolute; background:'+s[1]+'; left:'+s[2]+
    'px; top:'+s[3]+'px; width:'+(mD.menuW+s[4])+'px; height:'+(mD.menuH+s[5])+'px; z-index:'+
    (a.length-shad)+'; '+
    (s[0]!=null?'filter:alpha(opacity='+s[0]+'); -moz-opacity:'+s[0]+'%; opacity:'+(s[0]/100):'')+
    '"></div>';
   addW=Math.max(addW, s[2]+s[4]);
   addH=Math.max(addH, s[3]+s[5]);
  }
  mD.menuW+=addW; mD.menuH+=addH;
 }
};
