// '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, #FFFFFF background colour, a hover colour of #FFFFFF,
// '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, 0, '', 0, 0, '15#212121', '10#E0E0E0', 'highText', 'lowText', 
'', '', 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(22, 0, '', -15, 3, '#212121', '#E0E0E0', 'highText', 'lowText',
 'itemBorder', '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).
//     30: the 'left' offset of this menu in pixels.
//      15: the 'top' offset of this menu in pixels.
//      100: 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, 25, 200, 100, hBar, '', false);
addItem('   Europe Travel ' , 'pmenu1', 'sm:', null, 30);
addItem('   Action ' , 'pmenu3', 'sm:', null, 30);


// 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.

startMenu('pmenu3', true, 100, 0, 100, subM, '', false);
addItem(' Drag Racing ', 'action/drag racing/index.htm', '');

startMenu('pmenu1', true, 100, 0, 100, subM, '', false);
addItem(' Finland ','europe/finland/index.htm', '');
addItem(' Montenegro ','europe/montenegro/index.htm', '');

// End of 'with (pMenu)' block. That's one menu object created!

}