// 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, 30, '', 0, 0, '0', '0', '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(12, 0, '>', 0, 0, '#CCCCDD', '#6699CC', 'lowText', 'highText',
 'itemBorder', 'itemBorder', null, null, 'hand', 'default');

var subM2 = new ItemStyle(12, 0, '>', 0, 0, '#CCCCDD', '#6699CC', 'lowText', 'highText',
 'itemBorder', 'itemBorder', null, null, 'hand', 'default');

var subM3 = new ItemStyle(10, 0, '>', 0, 0, '#CCCCDD', '#6699CC', 'lowText', 'highText',
 'itemBorder', 'itemBorder', null, null, 'hand', 'default');

var subM4 = new ItemStyle(40, 0, '>', 0, 0, '#CCCCDD', '#6699CC', 'lowText', 'highText',
 'itemBorder', 'itemBorder', null, null, 'hand', 'default');

var subM5 = new ItemStyle(40, 0, '>', 0, 0, '#CCCCDD', '#6699CC', 'lowText', 'highText',
 'itemBorder', 'itemBorder', null, null, 'hand', 'default');


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

// Here's what the values in the next startMenu() command mean, in order:
//  'root': the name of this menu.
//   false: orientated as a horizontal menu (true creates a vertical menu).
//      10: the 'left' offset of this menu in pixels.
//       0: the 'top' offset of this menu in pixels.
//      17: the height of this menu (for vertical menus, this becomes the menu width).
//    hBar: the ItemStyle used to give this menu colours and layout/formatting.
//      '': this menu does not display within a frame (see the Frameset Example Script to do that).
//   false: this menu shows submenus on mouseover. 'true' means show on click.
//
// Most of the items are 'sm:' items popping out submenus, except the last 'js:' JavaScript command
// to pop open a new window. I've also given each item a length in pixels, overriding the ItemStyle.

startMenu('root', true, 32, 137, 33, hBar, '', false);
addItem('<img src="images/inn.gif" border=0>', 'mInn', 'sm:').onclick = 'location.href="inn.html"';
addItem('<img src="images/guest.gif" border=0>', 'mGuest', 'sm:').onclick = 'location.href="ourguests.html"';
addItem('<img src="images/location.gif" border=0>', 'mLocation', 'sm:').onclick = 'location.href="location.html"';
addItem('<img src="images/special.gif" border=0>', 'mSpecial', 'sm:').onclick = 'location.href="specialevents.html"';
addItem('<img src="images/reserve.gif" border=0>', 'mReserve', 'sm:').onclick = 'location.href="reservations.html"';

startMenu('mInn', true, 60, -10, 104, subM, '', false);
addItem('<IMG SRC="images/nav-inn_01.gif" ALT="" WIDTH=104 HEIGHT=12 border="0">', '', '');
addItem('<IMG SRC="images/nav-inn_02.gif" ALT="" WIDTH=104 HEIGHT=12 border="0">', 'inn_history.html', '');
addItem('<IMG SRC="images/nav-inn_03.gif" ALT="" WIDTH=104 HEIGHT=12 border="0">', 'inn_guestrooms.html', '');
addItem('<IMG SRC="images/nav-inn_04.gif" ALT="" WIDTH=104 HEIGHT=12 border="0">', 'inn_meeting.html', '');
addItem('<IMG SRC="images/nav-inn_05.gif" ALT="" WIDTH=104 HEIGHT=12 border="0">', 'inn_commonrooms.html', '');
addItem('<IMG SRC="images/nav-inn_06.gif" ALT="" WIDTH=104 HEIGHT=12 border="0">', 'inn_amenities.html', '');
addItem('<IMG SRC="images/nav-inn_07.gif" ALT="" WIDTH=104 HEIGHT=12 border="0">', 'inn_newsroom.html', '');
addItem('<IMG SRC="images/nav-inn_08.gif" ALT="" WIDTH=104 HEIGHT=12 border="0">', '', '');

startMenu('mGuest', true, 60, -10, 104, subM2, '', false);
addItem('<IMG SRC="images/nav-guests_01.gif" ALT="" WIDTH=104 HEIGHT=12 border="0">', '', '');
addItem('<IMG SRC="images/nav-guests_02.gif" ALT="" WIDTH=104 HEIGHT=12 border="0">', 'ourguests_leisure.html', '');
addItem('<img src="images/nav-guests_03.gif" ALT="" WIDTH=104 HEIGHT=12 border="0">', 'ourguests_business.html', '');
addItem('<img src="images/nav-guests_04.gif" ALT="" WIDTH=104 HEIGHT=12 border="0">', 'ourguests_groups.html', '');
addItem('<IMG SRC="images/nav-guests_05.gif" ALT="" WIDTH=104 HEIGHT=12 border="0">', '', '');

startMenu('mLocation', true, 60, -10, 104, subM3, '', false);
addItem('<IMG SRC="images/nav-location_01.gif" ALT="" WIDTH=104 HEIGHT=10 border="0">', '', '');
addItem('<IMG SRC="images/nav-location_02.gif" ALT="" WIDTH=104 HEIGHT=10 border="0">', 'location_portsmouth.html', '');
addItem('<img src="images/nav-location_03.gif" ALT="" WIDTH=104 HEIGHT=10 border="0">', 'location_directions.html', '');
addItem('<img src="images/nav-location_04.gif" ALT="" WIDTH=104 HEIGHT=10 border="0">', 'location_contact.html', '');
addItem('<IMG SRC="images/nav-location_05.gif" ALT="" WIDTH=104 HEIGHT=10 border="0">', '', '');

startMenu('mSpecial', true, 60, 0, 104, subM4, '', false);
addItem('<img src="images/nav-special.gif" border=0>', 'specialevents.html', '');

startMenu('mReserve', true, 60, 0, 104, subM5, '', false);
addItem('<img src="images/nav-reservations.gif" border=0>', 'reservations.html', '');


// Here's some more example menus items that address common problems. Try these if you want:
//
// Navigate the whole current window to a page named 'file.html':
//  addItem('Open File', 'file.html', '');
// Open a page in a frame named "content":
//  addItem('Home', '/home/index.html', 'top.content');
// Run a JavaScript command to pop open a new window when clicked:
//  addItem('Catalog', 'window.open("/catalog.html")', 'js:');
// Use a custom ItemStyle you've created:
//  addItem('Text', 'file.html', '', button);
// Make an item 200px long, overriding the default size:
//  addItem('This contains lots and lots of text', 'file.html', '', null, 200);
// Popout a submenu named 'mHelp', and make it clickable:
//  with(addItem('Help', 'mHelp', 'sm:')) onclick='window.location.href="file.html"';
// Do the same, but navigate a frame instead of the whole window:
//  with(addItem('Help', 'mHelp', 'sm:')) onclick='frameName.location.href="file.html"';
// Another means of popping out a menu and navigating to a file from the one item:
//  with (addItem('Text', 'file.html', '')) targ = 'menuNameHere';


startMenu('mEdit', true, 0, 22, 80, subM, '', false);
addItem('Cut', '#', '');
addItem('Copy', '#', '');
addItem('Paste', '#', '');
addItem('Convert', 'mConvert', 'sm:');


}