var vXPosition = 50;
var vYPosition = 107;
var bHorizontal = false;
var bVertical = true;
var bShowOnClick = false;
var vFrameName = false;

var vRootHeight = 20;
var vSubHeight = 21;

var vRootBgLow = '20';
var vRootBgHigh = '20';
var vSubMBgLow = '30#f2efe0';
var vSubmBgHigh = '30#ebe8da';

var vOutOpacityRoot = null;
var vOverOpacityRoot = null;
var vOutOpacitySubm = 90;
var vOverOpacitySubm = null;

var vItemPaddingRoot = 0;
var vItemPaddingSubM = 2;
var vSpaceAfterHorizontal = 5;
var vSpaceAfterVertical = 0;

var vHorizontalSubmenuOffset = 0;
var vVerticalOffset = 5;
var vVerticalRootOffset = vRootHeight + vVerticalOffset;

// each menu (home & sub) width - edit start
var vHomeWidthRoot = 80;

var vBridalWidthRoot = 130;
var vBridalWidthSubMenu = 130;

var vBridesmaidWidthRoot = 210;
var vBridesmaidWidthSubMenu = 210;

var vAccessoriesWidthRoot = 120;
var vAccessoriesWidthSubMenu = 165;

var vNewsWidthRoot = 80;

var vLocationWidthRoot = 70;

var vFeedbackWidthRoot = 95;

var vContactWidthRoot = 110;

// 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;', '/index.html', '', null, vHomeWidthRoot);
    addItem('&nbsp;Bridal Gowns&nbsp;', 'mBridal', 'sm:', null, vBridalWidthRoot);
    addItem('&nbsp;Bridesmaid, Evening &amp; Prom&nbsp;', 'mBridesmaid', 'sm:', null, vBridesmaidWidthRoot);
    addItem('&nbsp;Accessories&nbsp;', 'mAccessories', 'sm:', null, vAccessoriesWidthRoot);
    addItem('&nbsp;News&nbsp;', '/bridal-gown/news.html', '', null, vNewsWidthRoot);
    addItem('&nbsp;Sale&nbsp;', '/bridal-gown/sale.html', '', null, vLocationWidthRoot);
    addItem('&nbsp;Feedback&nbsp;', '/bridal-gown/customer-feedback.html', '', null, vFeedbackWidthRoot);
    addItem('&nbsp;Contact&nbsp;Us&nbsp;', '/bridal-gown/contact-us.html', '', null, vContactWidthRoot);

    startMenu('mBridal', bVertical, vHorizontalSubmenuOffset, vVerticalRootOffset, vBridalWidthSubMenu, subM, vFrameName, bShowOnClick);
    addItem('&nbsp;Our Bridal Gowns&nbsp;', '/bridal-gown/bridal-gowns.html', '');
    addItem('&nbsp;Benjamin Roberts&nbsp;', '/bridal-gown/bridal-gowns-benjamin-roberts.html', '');
    addItem('&nbsp;Allure&nbsp;', '/bridal-gown/bridal-gowns-allure.html', '');
    addItem('&nbsp;Ronald Joyce&nbsp;', '/bridal-gown/bridal-gowns-ronald-joyce.html', '');
    addItem('&nbsp;Jasmine Bridal&nbsp;', '/bridal-gown/bridal-gowns-jasmine-bridal.html', '');
    addItem('&nbsp;Dzage&nbsp;', '/bridal-gown/bridal-gowns-dzage.html', '');
    
    startMenu('mBridesmaid', bVertical, vHorizontalSubmenuOffset, vVerticalRootOffset, vBridesmaidWidthSubMenu, subM, vFrameName, bShowOnClick);
    addItem('&nbsp;Our Bridesmaid, Evening &amp; Prom&nbsp;', '/bridal-gown/bridesmaid.html', '');
    addItem('&nbsp;Jasmine bridal&nbsp;', '/bridal-gown/bridesmaid-jasmine-bridal.html', '');
    addItem('&nbsp;Scarlet &nbsp;', '/bridal-gown/bridesmaid-scarlet.html', '');
    addItem('&nbsp;Ruby Prom&nbsp;', '/bridal-gown/bridesmaid-ruby-prom.html', '');
    addItem('&nbsp;Jora Collection&nbsp;', '/bridal-gown/bridesmaid-jora-collection.html', '');
    
    startMenu('mAccessories', bVertical, vHorizontalSubmenuOffset, vVerticalRootOffset, vAccessoriesWidthSubMenu, subM, vFrameName, bShowOnClick);
    addItem('&nbsp;Tiaras &amp; Hair Accessories&nbsp;', '/bridal-gown/tiara.html', '');
    addItem('&nbsp;Other Accessories&nbsp;', '/bridal-gown/accessories.html', '');
    
}


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);
 }
};
