var vXPosition = 67;
var vYPosition = 328;
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#009bc9';
var vSubmBgHigh = '30#e8e8e8';

var vOutOpacityRoot = null;
var vOverOpacityRoot = null;
var vOutOpacitySubm = null;
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 = 100;

var vAboutWidthRoot = 240;
var vAboutWidthSubMenu = 150;

var vLocationWidthRoot = 150;
var vLocationWidthSubMenu = 150;

var vGalleryWidthRoot = 115;

var vContactWidthRoot = 115;

// 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, vHomeWidthRoot);
    addItem(' About Caerwylan Hotel ', 'mAbout', 'sm:', null, vAboutWidthRoot);
    addItem(' Our Location ', 'mLocation', 'sm:', null, vLocationWidthRoot);
    addItem(' Gallery ', '/gallery/album/index.html', '', null, vGalleryWidthRoot);
    addItem(' Contact Us ', '/north_wales/contact_us.html', '', null, vContactWidthRoot);
    
    startMenu('mAbout', bVertical, vHorizontalSubmenuOffset, vVerticalRootOffset, vAboutWidthSubMenu, subM, vFrameName, bShowOnClick);
    addItem(' Bar & Restaurant ', '/north_wales/bar_restaurant.html', '');
    addItem(' Bedrooms ', '/north_wales/bedrooms.html', '');
    addItem(' Hotel Facilities ', '/north_wales/hotel_facilities.html', '');
    addItem(' Room Rates ', '/north_wales/room_rates.html', '');
    addItem(' Special Occasions ', '/north_wales/special_occasion.html', '');
    addItem(' Special Offers ', '/north_wales/special_offers.html', '');
    addItem(' Sports & Leisure ', '/north_wales/sports_leisure.html', '');
    
    startMenu('mLocation', bVertical, vHorizontalSubmenuOffset, vVerticalRootOffset, vLocationWidthSubMenu, subM, vFrameName, bShowOnClick);
    addItem(' How to Find Us ', '/north_wales/find_us.html', '');
    addItem(' Links ', '/north_wales/links.html', '');
    addItem(' Local Attractions ', '/north_wales/local_attractions.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);
 }
};