// 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, #9CAC7C background colour, a hover colour of #CBD2AA,
// '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, 10, '', 0, 0, '15#9CAC7C', '10#CBD2AA', 'highText', 'highText', '', '',
 50, 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(22, 0, '>', -15, 3, '#9CAC7C', '#CBD2AA', 'lowText', '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(22, 1, '>', -15, 3, '#9CAC7C', '#CBD2AA', 'lowText', 'highText',
 'itemBorderBlank', 'itemBorder', null, null, 'hand', 'default');





// Create a PopupMenu() object, and pass its own name so it can reference itself later on.
// We also use a 'with' block to work with its properties and functions below.

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', false, 'window.page.winW()/2 - menuW/2', 194, 16, hBar); 

addItem('  Updates', 'updates.php', '', null, 60);
addItem('  Story Archive', 'mStories', 'sm:', null, 80);
addItem('  Extra Info', 'mExtra', 'sm:', null, 60);
addItem('  Home', 'http://witling.neoblonde.com', '', null, 50);



// This is a vertical menu positioned 0px across and 22px down from its trigger, and is 80px wide.
// The URLs are set to # here, be sure to replace them with your path/file names or JS functions!
// Also note how the types are '', indicating these links open in the current frame/window.
// The last item here changes its text on mouseover (^ separates the two strings), links to my site,
// and has a custom ItemStyle and length specified so it's longer than the rest.

startMenu('mExtra', true, 0, 22, 80, subM, '', false);
addItem('Author', 'author.php', '');
addItem('The site', 'site.php', '');
addItem('Links', 'links.php', '');


// 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 item size:
//  addItem('This contains lots and lots of text', 'file.html', '', null, 200);
// How to open a submenu and also load a file when clicked:
//  with (addItem('Text', 'file.html', '')) sm = 'menuNameHere';
// Popout a submenu named 'mHelp', and give it a JavaScript click action:
//  with(addItem('Help', 'mHelp', 'sm:')) onclick='window.location.href="file.html"';


startMenu('mStories', true, 0, 22, 80, subM, '', false);
addItem('Works In <br />Progress', 'incomplete.php', '', null, 40);
addItem('Finished <br />Stories', 'completed.php#', '', null, 40);
addItem('All stories <br />listed by Title', 'abclist.php', '', null, 40);
addItem('All stories <br />listed by Pairing', 'pairing.php', '', null, 50);



}