// Cascading Popup Menus v5.2 - Single Frame Menu example script.


// 'horizontal Bar' style: menu items that use this ItemStyle are 40px wide, have 10px gaps
// between them, no popout indicator (the ">" in some menus) or popout indicator position,
// 0px padding of the text within items, #336699 background colour, a hover colour of #6699CC,
// 'highText' is the stylesheet class used for the menu text both normally and when highlighted,
// no border styles, 'null' means fully opaque items (set them to numbers between 0 and 100 to
// enable semitranslucency), and the 'hand'/'default' cursors are used for linked/submenu items.

var hBar = new ItemStyle(40, 22, '', 0, 7, '15#0426a2', '10#0426a2', 'highText', 'highText', '', '',
 null, null, 'hand', 'default');

// The 'sub Menu' items: these have popout indicators of "Greater Than" signs ">" 15px from their
// right edge, and CSS borders. Text class also changes on mouseover.

var subM = new ItemStyle(30, 0, '>', -15, 7, '#0426a2', '#0136fc', 'highText', 'highText',
 'itemBorder', 'itemBorder', null, null, 'hand', 'default');

var subM2 = new ItemStyle(30, 0, '>', -15, 7, '#0426a2', '#0136fc', 'highText', 'highText',
 'itemBorder', 'itemBorder', null, null, 'hand', 'default');


// 'subBlank' is similar, but has an 'off' border the same colour as its background so it
// appears borderless when dim, and 1px spacing between items to show the hover border.

var subBlank = new ItemStyle(30, 0, '>', -15, 7, '#0426a2', '#0426a2', 'lowText', 'highText',
 'itemBorderBlank', 'itemBorder', null, null, 'hand', 'default');

// The purplish 'button' style also has 1px spacing to show up the fancy border, and it has
// different colours/text and less padding. They also have translucency set -- these items
// are 80% opaque when dim and 95% when highlighted. It uses the 'crosshair' cursor for items.

var button = new ItemStyle(22, 1, '>', -15, 2, '10#0136fc', '10#CC6600', 'buttonText', 'buttonHover',
 'buttonBorder', 'buttonBorderOver', 80, 95, 'crosshair', 'default');

var pMenu = new PopupMenu('pMenu');
with (pMenu)

{

startMenu('root', false, 'window.page.winW()/2 - menuW/2', 110, 30, hBar, '', false);
addItem('H O M E', 'index.html', '', hBar, 111);
addItem('P U R P O S E', 'purpose.html', '', hBar, 145);
addItem('T E A M S', 'mTeams', 'sm:', null, 130);
addItem('S T A F F', 'staff.html', '', hBar, 125);
addItem('I N F O R M A T I O N', 'mInformation', 'sm:', null, 180);
addItem('C O N T A C T', 'contact.html', '', hBar, 100);

startMenu('mTeams', true, 0, 30, 110, subM, '', false);
addItem('14s Team', 'm14Teams', 'sm:', null);
addItem('17s Team', 'm17Teams', 'sm:', null);

startMenu('m14Teams', true, 109, 0, 110, subM2, '', false);
addItem('Roster', '14sroster.html', '');
addItem('Calendar', '14scalendar.html', '');
addItem('Tourney Info', 'tourneyinfo14.html', '');
addItem('Results', 'results14.html', '');

startMenu('m17Teams', true, 109, 0, 110, subM2, '', false);
addItem('Roster', '17sroster.html', '');
addItem('Calendar', '17scalendar.html', '');
addItem('Tourney Info', 'tourneyinfo17.html', '');
addItem('Results', 'results17.html', '');

startMenu('mInformation', true, 0, 30, 135, subM, '', false);
addItem('News', 'news.html', '');
addItem('Directions', 'directions.html', '');
addItem('Downloads', 'downloads.html', '');
addItem('Parent Support', 'parentsupport.html', '');


};