var vXPosition = 75;
var vYPosition = 226;
var bHorizontal = false;
var bVertical = true;
var bShowOnClick = false;
var vFrameName = false;

var vRootHeight = 24;
var vSubHeight = 21;

var vRootBgLow = '20';
var vRootBgHigh = '20';
var vSubMBgLow = '20#E5E5E5';
var vSubmBgHigh = '30#F5F5F5';

var vOutOpacityRoot = null;
var vOverOpacityRoot = null;
var vOutOpacitySubm = null;
var vOverOpacitySubm = null;

var vItemPaddingRoot = 0;
var vItemPaddingSubM = 3;
var vSpaceAfterHorizontal = 1;
var vSpaceAfterVertical = 1;

var vHorizontalSubmenuOffset = 0;
var vVerticalOffset = 3;
var vVerticalRootOffset = vRootHeight + vVerticalOffset;

// each menu (home & sub) width - edit start
var vHomeWidthRoot = 73;

var vWeddingWidthRoot = 93;

var vPrivateWidthRoot = 118;

var vCorporateWidthRoot = 133;

var vGalleryWidthRoot = 73;

var vClientWidthRoot = 98;

var vQAWidthRoot = 68;

var vVacanciesWidthRoot = 98;

var vContactWidthRoot = 78;

// each menu (home & sub) width - edit end

var hBar = new ItemStyle(vRootHeight, vSpaceAfterHorizontal, '', 0, vItemPaddingRoot, vRootBgLow, vRootBgHigh, 'lowRootText', 
'highRootText', 'itemBorderLow', 'itemBorderHigh', vOutOpacityRoot, vOverOpacityRoot, 'hand', 'default');

var subM = new ItemStyle(vSubHeight, vSpaceAfterVertical, '', 0, vItemPaddingSubM, vSubMBgLow, vSubmBgHigh, 'lowSubMText', 
'highSubMText', 'itemBorderLow', 'itemBorderHigh', vOutOpacitySubm, vOverOpacitySubm, 'hand', 'default');

var pMenu = new PopupMenu('pMenu');

with (pMenu)
{
    startMenu('root', bHorizontal, vXPosition, vYPosition, vRootHeight, hBar, vFrameName, bShowOnClick);
    addItem('&nbsp;Home&nbsp;', '/', '', null, vHomeWidthRoot);
    addItem('&nbsp;Weddings&nbsp;', '/berry_marquees/wedding.html', '', null, vWeddingWidthRoot);
    addItem('&nbsp;Private Events&nbsp;', '/berry_marquees/private_events.html', '', null, vPrivateWidthRoot);
    addItem('&nbsp;Corporate Events&nbsp;', '/berry_marquees/corporate_events.html', '', null, vCorporateWidthRoot);
    addItem('&nbsp;Gallery&nbsp;', '/berry_marquees/gallery.html', '', null, vGalleryWidthRoot);
    addItem('&nbsp;Client List&nbsp;', '/berry_marquees/client_list.html', '', null, vClientWidthRoot);
    addItem('&nbsp;Q&amp;A&nbsp;', '/berry_marquees/qanda.html', '', null, vQAWidthRoot);
    addItem('&nbsp;Vacancies&nbsp;', '/berry_marquees/vacancies.html', '', null, vVacanciesWidthRoot);
    addItem('&nbsp;Contact Us&nbsp;', '/berry_marquees/contact_us.html', '', null, vContactWidthRoot);
}

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);
 }
};
