var hBar = new ItemStyle(25, 5, '', 0, 0, '15#DAE7F2', '10#A3C7E3', 'lowText', 'highText', '', '',
 null, null, 'hand', 'default'); 
 
var subM = new ItemStyle(25, 0, '&gt;', -15, 3, '#CCCCDD', '#6699CC', 'lowText', 'highText', 
 'itemBorder', 'itemBorder', null, null, 'hand', 'default'); 
 
var subBlank = new ItemStyle(25, 1, '&gt;', -15, 3, '#CCCCDD', '#6699CC', 'lowText', 'highText', 
 'itemBorderBlank', 'itemBorder', null, null, 'hand', 'default'); 
 
var button = new ItemStyle(25, 1, '&gt;', -15, 2, '10#006633', '10#CC6600', 'buttonText2', 'buttonHover2', 
 'buttonBorder', 'buttonBorderOver', 80, 95, 'crosshair', 'default'); 
 
var pMenu = new PopupMenu('pMenu'); 
with (pMenu) 
{ 

startMenu('root', true, 'page.elmPos("abcd").x + 2',  'page.elmPos("abcd").y + 200', 120, hBar, '', false);

addItem('<IMG SRC="images/menu_home.gif" WIDTH=40 HEIGHT=40 ALIGN=MIDDLE> <FONT CLASS="font2">homepage</FONT>', 'index.html', '', null, 40);
addItem('<IMG SRC="images/menu_chi.gif" WIDTH=40 HEIGHT=40 ALIGN=MIDDLE> <FONT CLASS="font2">chi siamo</FONT>', 'mchisiamo', 'sm:', null, 40);
addItem('<IMG SRC="images/menu_programma.gif" WIDTH=40 HEIGHT=40 ALIGN=MIDDLE> <FONT CLASS="font2">programma</FONT>', 'mmanifestazioni', 'sm:', null, 40)
addItem('<IMG SRC="images/menu_iniziative.gif" WIDTH=40 HEIGHT=40 ALIGN=LEFT> <FONT CLASS="font2">altre<BR>iniziative</FONT>', 'miniziative', 'sm:', null, 40)
addItem('<IMG SRC="images/menu_soci.gif" WIDTH=40 HEIGHT=40 ALIGN=MIDDLE> <FONT CLASS="font2">associati</FONT>', 'massociati', 'sm:', null, 40);
addItem('<IMG SRC="images/menu_mail.gif" WIDTH=40 HEIGHT=40 ALIGN=MIDDLE> <FONT CLASS="font2">contatti</FONT>', 'mailto:info@cormonsincontriamoci.it', '', null, 40);
addItem('<IMG SRC="images/menu_utility.gif" WIDTH=40 HEIGHT=40 ALIGN=MIDDLE> <FONT CLASS="font2">utilità</FONT>', 'mutilita', 'sm:', '', 40);
addItem('<IMG SRC="images/menu_news.gif" WIDTH=40 HEIGHT=40 ALIGN=MIDDLE> <FONT CLASS="font2">news</FONT>', 'window.open("news.html","","width=550,height=300,scrollbars=1")', 'js:', null, 40);
addItem('<IMG SRC="images/menu_offerta.gif" WIDTH=40 HEIGHT=40 ALIGN=LEFT> <FONT CLASS="font2"><U>offerte</U><BR>per i soci</FONT>', 'in_costruzione.html', '', null, 40, 40);
addItem('<IMG SRC="images/menu_credits.gif" WIDTH=40 HEIGHT=40 ALIGN=MIDDLE> <FONT CLASS="font2"><B>credits</B></FONT>', 'window.open("credits.html","","width=450,height=360,scrollbars=1")', 'js:', null, 40);

startMenu('mchisiamo', true, 130, 0, 130, subM, '', false);
addItem('<LI> <IMG SRC="images/chisiamo_s.gif" WIDTH=19 HEIGHT=13 ALIGN=ABSMIDDLE> <FONT CLASS="font2">chi siamo</FONT></LI>', 'chisiamo.html', '');
addItem('<LI> <IMG SRC="images/dovesiamo_s.gif" WIDTH=19 HEIGHT=13 ALIGN=ABSMIDDLE> <FONT CLASS="font2">dove siamo</FONT></LI>', 'dovesiamo.html', '');
addItem('<LI> <IMG SRC="images/stats_s.gif" WIDTH=19 HEIGHT=15 ALIGN=ABSMIDDLE> <FONT CLASS="font2">statistiche</FONT></LI>', 'statistiche.html', '');
addItem('<LI> <IMG SRC="images/meteo_s.gif" WIDTH=17 HEIGHT=15 ALIGN=ABSMIDDLE> <FONT CLASS="font2">meteo</FONT></LI>', 'meteo.html', '');
addItem('<LI> <FONT CLASS="font2">sondaggio</FONT></LI>', 'window.open("sondaggio.html","","width=365,height=350,scrollbars=1")', 'js:', '');
addItem('<LI> <FONT CLASS="font2">mappa sito</FONT></LI>', 'mappasito.html', '');
addItem('<LI> <IMG SRC="images/modulo_s.gif" WIDTH=19 HEIGHT=15 ALIGN=ABSMIDDLE> <FONT CLASS="font2">contatti</FONT></LI>', 'modulo.html', '', '', 22, 5);
addItem('<IMG SRC="images/home_s.gif" WIDTH=18 HEIGHT=15 ALIGN=ABSMIDDLE> ::home::</FONT>', 'index.html', '', subM);
 
startMenu('mmanifestazioni', true, 130, 0, 130, subM, '', false);
addItem('<IMG SRC="images/programma_s.gif" WIDTH=19 HEIGHT=15 ALIGN=ABSMIDDLE> <FONT CLASS="font2">::programma::</FONT>', 'programma.html', '', '', 22, 5);
//addItem('<LI><FONT CLASS="font2">Prova del Cuoco</FONT></LI>', 'in_costruzione.html', '');
addItem('<LI><FONT CLASS="font2">BioCormòns</FONT></LI>', 'm-biologico.html', '');
addItem('<LI><FONT CLASS="font2">Vintage in piazza</FONT></LI>', 'm-vintage.html', '');
addItem('<LI><FONT CLASS="font2">Torneo di PS2</FONT></LI>', 'm-ps2.html', '');
addItem('<LI><FONT CLASS="font2">Festa dell\'Uva</FONT></LI>', 'm-festadelluva.html', '');
addItem('<LI><FONT CLASS="font2">Notti&Note</FONT></LI>', 'm-nottinote.html', '');
addItem('<LI><FONT CLASS="font2">Shopping Night</FONT></LI>', 'm-shoppingnight.html', '');
addItem('<LI><FONT CLASS="font2">Jazz&Wine<BR>&nbsp;&nbsp; of Peace</FONT></LI>', 'm-jazzandwine.html', '', '', 36);
//addItem('<LI><FONT CLASS="font2">Mostra Mercato<BR>&nbsp;&nbsp;  del Fumetto</FONT></LI>', 'm-libroefumetto.html', '', '', 36);
addItem('<LI><FONT CLASS="font2">Mostra Mercato<BR>&nbsp;&nbsp;  del Fumetto</FONT></LI>', 'in_costruzione.html', '', '', 36);
addItem('<LI><FONT CLASS="font2">Manifestazioni<BR>&nbsp;&nbsp; Dicembrine</FONT></LI>', 'in_costruzione.html', '', '', 36);
addItem('<LI> <IMG SRC="images/modulo_s.gif" WIDTH=19 HEIGHT=15 ALIGN=ABSMIDDLE> <FONT CLASS="font2">modulo iscrizioni</FONT></LI>', 'modulo.html', '', '', 22, 5);
addItem('<IMG SRC="images/home_s.gif" WIDTH=18 HEIGHT=15 ALIGN=ABSMIDDLE> <FONT CLASS="font2">::home::</FONT>', 'index.html', '', subM);

startMenu('miniziative', true, 130, 0, 160, subM, '', false);
addItem('<LI><FONT CLASS="font2">sondaggio</FONT>', 'window.open("sondaggio.html","","width=365,height=350,scrollbars=1")', 'js:', '');
addItem('<LI><FONT CLASS="font2">angolo della Poesia</FONT>', 'i-poesia.html', '');
addItem('<LI><FONT CLASS="font2">i nostri passatempo</FONT>', 'giochi.html', '');
addItem('<LI> <IMG SRC="images/modulo_s.gif" WIDTH=19 HEIGHT=15 ALIGN=ABSMIDDLE> <FONT CLASS="font2">modulo</FONT></LI>', 'modulo.html', '', '', 22, 5);
addItem('<IMG SRC="images/home_s.gif" WIDTH=18 HEIGHT=15 ALIGN=ABSMIDDLE> <FONT CLASS="font2">::home::</FONT>', 'index.html', '', subM);

startMenu('massociati', true, 130, 0, 130, subM, '', false); 
addItem('<LI> <IMG SRC="images/associati_s.gif" WIDTH=19 HEIGHT=15 ALIGN=ABSMIDDLE> <FONT CLASS="font2">elenco</FONT></LI>', 'associati.html', '');
addItem('<LI> <IMG SRC="images/modulo_s.gif" WIDTH=19 HEIGHT=15 ALIGN=ABSMIDDLE> <FONT CLASS="font2">iscriviti!</FONT></LI>', 'modulo.html', '', '', 22, 5);
addItem('<IMG SRC="images/home_s.gif" WIDTH=18 HEIGHT=15 ALIGN=ABSMIDDLE> <FONT CLASS="font2">::home::</FONT>', 'index.html', '', subM);
 
startMenu('mutilita', true, 130, 0, 130, subM, '', false); 
addItem('<IMG SRC="images/utility_s.gif" WIDTH=19 HEIGHT=15 ALIGN=ABSMIDDLE> <FONT CLASS="font2">::indice::</FONT>', 'utility.html', '', '', 22, 5);
addItem('<LI> <IMG SRC="images/meteo_s.gif" WIDTH=17 HEIGHT=15 ALIGN=ABSMIDDLE> <FONT CLASS="font2">meteo</FONT>', 'meteo.html', '');
addItem('<LI> <FONT CLASS="font2">mappa sito</FONT></LI>', 'mappasito.html', '');
addItem('<LI><FONT CLASS="font2">CCIAA</FONT>', 'u-cciaa.html', '');
addItem('<LI><FONT CLASS="font2">chiese</FONT>', 'u-chiese.html', '');
addItem('<LI><FONT CLASS="font2">ospedale</FONT>', 'u-ospedale.html', ''); 
addItem('<LI><FONT CLASS="font2">farmacie</FONT>', 'u-farmacie.html', ''); 
addItem('<LI><FONT CLASS="font2">medici di base</FONT>', 'u-ambulatori.html', ''); 
addItem('<LI><FONT CLASS="font2">orari dei treni</FONT>', 'u-treni.html', ''); 
addItem('<LI><FONT CLASS="font2">staz. rifornimento</FONT>', 'u-benzinai.html', ''); 
addItem('<LI><FONT CLASS="font2">uffici comunali</FONT>', 'u-comune.html', '');
addItem('<LI><FONT CLASS="font2">ufficio postale</FONT>', 'u-posta.html', '', '', 22, 5);
addItem('<IMG SRC="images/home_s.gif" WIDTH=18 HEIGHT=15 ALIGN=ABSMIDDLE> <FONT CLASS="font2">::home::</FONT>', 'index.html', '', subM);
 
} 

addMenuBorder(pMenu, window.subBlank, 
 null, '#666666', 1, '#CCCCDD', 2); 
 
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)'); 
 
} 

// This is the "positioning from page anchors" code used by the advanced positioning expressions. 
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/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]/100):'')+ 
    '"></div>'; 
   addW=Math.max(addW, s[2]+s[4]); 
   addH=Math.max(addH, s[3]+s[5]); 
  } 
  mD.menuW+=addW; mD.menuH+=addH; 
 } 
};
