var vXPosition = 44;
var vYPosition = 100;
var bHorizontal = false;
var bVertical = true;
var bShowOnClick = false;
var vFrameName = false;

var vRootHeight = 18;
var vSubHeight = 18;

var vRootBgLow = '20';
var vRootBgHigh = '20';
var vSubMBgLow = '30#00A291';
var vSubmBgHigh = '30#7EC9C2';

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

var vItemPaddingRoot = 0;
var vItemPaddingSubM = 3;
var vSpaceAfterHorizontal = 5;
var vSpaceAfterVertical = 1;

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

// each menu (home & sub) width - edit start
var vIndexWidthRoot = 138;

var vAboutWidthRoot = 138;

var vMarketsWidthRoot = 138;

var vServicesWidthRoot = 138;
var vServicesWidthSubMenu = 205;

var vClientsWidthRoot = 138;

var vContactWidthRoot = 138;

// 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('Home ', '/index.html', '', null, vIndexWidthRoot);
    addItem('About Us ', 'm1', 'sm:', null, vAboutWidthRoot);
    addItem('Markets ', '/markets.html', '', null, vMarketsWidthRoot);
    addItem('Services ', 'm2', 'sm:', null, vServicesWidthRoot);
    addItem('Experience ', '/clients.html', '', null, vClientsWidthRoot);
    addItem('Contact Us ', '/contact.html', '', null, vContactWidthRoot);

    startMenu('m1', bVertical, vHorizontalSubmenuOffset, vVerticalRootOffset, vServicesWidthSubMenu, subM, vFrameName, bShowOnClick);
    addItem(' Who We Are ', '/about.html', '');
    addItem(' Aims & Objectives ', '/aims.html', '');
    addItem(' Memberships ', '/memberships.html', '');

	startMenu('m2', bVertical, vHorizontalSubmenuOffset, vVerticalRootOffset, vServicesWidthSubMenu, subM, vFrameName, bShowOnClick);
    addItem(' Sustainable Site Solutions ', '/construction.html', '');
    addItem(' Environmental Management ', '/environmental.html', '');
    addItem(' Healthcare ', '/healthcare.html', '');
    addItem(' Heritage, Culture & Regeneration ', '/heritage.html', '');
    addItem(' Rural, Forestry & Agriculture ', '/rural.html', '');
    addItem(' Tourism & Leisure ', '/tourism.html', '');
    addItem(' Waste Management ', '/waste_management.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);
 }
};