glPreAddItemFunction   = i7PreAddItemFunction;
glPostAddItemFunction  = i7PostAddItemFunction;
glMenuStylingsFunction = i7StyleMenus;

// Tell the MenuG5 routines not to show status messages
showMessage = 0;
// Tell the MenuG5 to use the standard Domino blank icon
onePixelGIF = '/icons/ecblank.gif';
// Telle the MenuG5 routines to open submenus a little faster
menuTimer = 100;

var preAdded  = new Array();
var postAdded = new Array();

// Add a separator between each sub menu item
function i7PreAddItemFunction(menuName, currentMenu, itemName, itemSubName, itemStylingGroup) {
  if (typeof(preAdded[currentMenu])!='undefined')
    addSeparator(currentMenu);
  preAdded[currentMenu]=true;
}

// Add a separator between each top menu item
function i7PostAddItemFunction(menuName, currentMenu, itemName, itemSubName, itemStylingGroup) {
  postAdded[currentMenu] = true;
}

// Style the menus
function i7StyleMenus(menuName, subMenus, subSubMenus, stylingGroups) { 
  // Set padding for each level of the menus (top,sub and subs sub)
  addStylePad(menuName+'PadTop', 'pad-css: menu'+menuName+'PadTop; offset-top: 0; offset-left: 0;');
  if (browser.isIE)
    addStylePad(menuName+'PadSub', 'pad-css: menu'+menuName+'PadSub; offset-top: 8; offset-left: 0;')
  else
    addStylePad(menuName+'PadSub', 'pad-css: menu'+menuName+'PadSub; offset-top: 6; offset-left: 0;');
  addStylePad(menuName+'PadSubSub', 'pad-css: menu'+menuName+'PadSubSub; offset-top: 4; offset-left: -4;');

  // Set the style for the items of each level of the menus
  addStyleItem(menuName+'ItemTop', 'cursor: menu'+menuName+'Cursor; width: actual; css: '+
    'menu'+menuName+'ItemTopNormal, '+
    'menu'+menuName+'ItemTopOn, '+
    'menu'+menuName+'ItemTopDown, '+
    'menu'+menuName+'ItemTopOpen, '+
    'menu'+menuName+'ItemTopOnPath;');
  addStyleItem(menuName+'ItemSub', 'cursor: menu'+menuName+'Cursor; width: actual; css: '+
    'menu'+menuName+'ItemSubNormal, '+
    'menu'+menuName+'ItemSubOn, '+
    'menu'+menuName+'ItemSubDown, '+
    'menu'+menuName+'ItemSubOpen, '+
    'menu'+menuName+'ItemSubOnPath;');
  addStyleItem(menuName+'ItemSubSub', 'cursor: menu'+menuName+'Cursor; width: actual; css: '+
    'menu'+menuName+'ItemSubSubNormal, '+
    'menu'+menuName+'ItemSubSubOn, '+
    'menu'+menuName+'ItemSubSubDown, '+
    'menu'+menuName+'ItemSubSubOpen, '+
    'menu'+menuName+'ItemSubSubOnPath;');

  // Set the font for the menu
  addStyleFont(menuName+'FontTop', 'css: '+
    'menu'+menuName+'FontTopNormal, '+
    'menu'+menuName+'FontTopOn, '+
    'menu'+menuName+'FontTopDown, '+
    'menu'+menuName+'FontTopOpen, '+
    'menu'+menuName+'FontTopOnPath;');
  addStyleFont(menuName+'FontSub', 'css: '+
    'menu'+menuName+'FontSubNormal, '+
    'menu'+menuName+'FontSubOn, '+
    'menu'+menuName+'FontSubDown, '+
    'menu'+menuName+'FontSubOpen, '+
    'menu'+menuName+'FontSubOnPath;');
  addStyleFont(menuName+'FontSubSub', 'css: '+
    'menu'+menuName+'FontSubSubNormal, '+
    'menu'+menuName+'FontSubSubOn, '+
    'menu'+menuName+'FontSubSubDown, '+
    'menu'+menuName+'FontSubSubOpen, '+
    'menu'+menuName+'FontSubSubOnPath;');

  // Add a "Show more" image to the menu items
  addStyleTag(menuName+'TagTop', 'css: '+
    'menu'+menuName+'TagTopNormal, '+
    'menu'+menuName+'TagTopOn, '+
    'menu'+menuName+'TagTopDown, '+
    'menu'+menuName+'TagTopOpen, '+
    'menu'+menuName+'TagTopOnPath;');
  addStyleTag(menuName+'TagSub', 'css: '+
    'menu'+menuName+'TagSubNormal, '+
    'menu'+menuName+'TagSubOn, '+
    'menu'+menuName+'TagSubDown, '+
    'menu'+menuName+'TagSubOpen, '+
    'menu'+menuName+'TagSubOnPath;');
  addStyleTag(menuName+'TagSubSub', 'css: '+
    'menu'+menuName+'TagSubSubNormal, '+
    'menu'+menuName+'TagSubSubOn, '+
    'menu'+menuName+'TagSubSubDown, '+
    'menu'+menuName+'TagSubSubOpen, '+
    'menu'+menuName+'TagSubSubOnPath;');

  // Set the layout of the icon
  addStyleIcon(menuName+'IconTop', 'css: '+
    'menu'+menuName+'IconTopNormal, '+
    'menu'+menuName+'IconTopOn, '+
    'menu'+menuName+'IconTopDown, '+
    'menu'+menuName+'IconTopOpen, '+
    'menu'+menuName+'IconTopOnPath;');
  addStyleIcon(menuName+'IconSub', 'css: '+
    'menu'+menuName+'IconSubNormal, '+
    'menu'+menuName+'IconSubOn, '+
    'menu'+menuName+'IconSubDown, '+
    'menu'+menuName+'IconSubOpen, '+
    'menu'+menuName+'IconSubOnPath;');
  addStyleIcon(menuName+'IconSubSub', 'css: '+
    'menu'+menuName+'IconSubSubNormal, '+
    'menu'+menuName+'IconSubSubOn, '+
    'menu'+menuName+'IconSubSubDown, '+
    'menu'+menuName+'IconSubSubOpen, '+
    'menu'+menuName+'IconSubSubOnPath;');

  // Set the layout of the separator 
  addStyleSeparator(menuName+'SeparatorTop', 'css: menu'+menuName+'SeparatorTop;');
  addStyleSeparator(menuName+'SeparatorSub', 'css: menu'+menuName+'SeparatorSub;');
  addStyleSeparator(menuName+'SeparatorSubSub', 'css: menu'+menuName+'SeparatorSubSub;');

  // Apply the settings to the menu styles
  addStyleMenu(menuName+'StyleTop', 
    menuName+'PadTop', 
    menuName+'ItemTop', 
    menuName+'FontTop', 
    menuName+'TagTop', 
    menuName+'IconTop', 
    menuName+'SeparatorTop');
  addStyleMenu(menuName+'StyleSub', 
    menuName+'PadSub', 
    menuName+'ItemSub', 
    menuName+'FontSub', 
    menuName+'TagSub', 
    menuName+'IconSub', 
    menuName+'SeparatorSub');
  addStyleMenu(menuName+'StyleSubSub', 
    menuName+'PadSubSub', 
    menuName+'ItemSubSub', 
    menuName+'FontSubSub', 
    menuName+'TagSubSub', 
    menuName+'IconSubSub', 
    menuName+'SeparatorSubSub');


  // Apply the menu styles to the menus
  addStyleGroup(menuName+'StyleGroup', menuName+'StyleTop', menuName, 'TopMenu');
  for (var i=0; i<subMenus.length; i++)
    addStyleGroup(menuName+'StyleGroup', menuName+'StyleSub', subMenus[i]);
  for (var i=0; i<subSubMenus.length; i++)
    addStyleGroup(menuName+'StyleGroup', menuName+'StyleSubSub', subSubMenus[i]);

  // Set StylingGroup specific settings
  for (var i=0; i<stylingGroups.length; i++) {
    addStyleItem(menuName+'Item'+stylingGroups[i], 'cursor: menu'+menuName+'Cursor; css: '+
      'menu'+menuName+'ItemNormal menu'+menuName+'ItemNormal'+stylingGroups[i]+', '+
      'menu'+menuName+'ItemOn menu'+menuName+'ItemOn'+stylingGroups[i]+', '+
      'menu'+menuName+'ItemDown menu'+menuName+'ItemDown'+stylingGroups[i]+', '+
      'menu'+menuName+'ItemOpen menu'+menuName+'ItemOpen'+stylingGroups[i]+', '+
      'menu'+menuName+'ItemOnPath menu'+menuName+'ItemNormal'+stylingGroups[i]+';');
    
    addStyleFont(menuName+'Font'+stylingGroups[i], 'css: '+
      'menu'+menuName+'FontNormal menu'+menuName+'FontNormal'+stylingGroups[i]+', '+
      'menu'+menuName+'FontOn menu'+menuName+'FontOn'+stylingGroups[i]+', '+
      'menu'+menuName+'FontDown menu'+menuName+'FontDown'+stylingGroups[i]+', '+
      'menu'+menuName+'FontOpen menu'+menuName+'FontOpen'+stylingGroups[i]+', '+
      'menu'+menuName+'FontOnPath menu'+menuName+'FontOnPath'+stylingGroups[i]+';');

    addStyleTag(menuName+'Tag'+stylingGroups[i], 'css: '+
      'menu'+menuName+'TagNormal menu'+menuName+'TagNormal'+stylingGroups[i]+', '+
      'menu'+menuName+'TagOn menu'+menuName+'TagOn'+stylingGroups[i]+', '+
      'menu'+menuName+'TagDown menu'+menuName+'TagDown'+stylingGroups[i]+', '+
      'menu'+menuName+'TagOpen menu'+menuName+'TagOpen'+stylingGroups[i]+', '+
      'menu'+menuName+'TagOnPath menu'+menuName+'TagOnPath'+stylingGroups[i]+';');

    addStyleIcon(menuName+'Icon'+stylingGroups[i], 'css: '+
      'menu'+menuName+'IconNormal menu'+menuName+'IconNormal'+stylingGroups[i]+', '+
      'menu'+menuName+'IconOn menu'+menuName+'IconOn'+stylingGroups[i]+', '+
      'menu'+menuName+'IconDown menu'+menuName+'IconDown'+stylingGroups[i]+', '+
      'menu'+menuName+'IconOpen menu'+menuName+'IconOpen'+stylingGroups[i]+', '+
      'menu'+menuName+'IconOnPath menu'+menuName+'IconOnPath'+stylingGroups[i]+';');

    addStyleSeparator(menuName+'Separator'+stylingGroups[i], 'css: menu'+menuName+'Separator menu'+menuName+'Separator'+stylingGroups[i]+';');

    addStyleMenu(menuName+'Style'+stylingGroups[i], 
      '', 
      menuName+'Item'+stylingGroups[i], 
      menuName+'Item'+stylingGroups[i], 
      menuName+'Font'+stylingGroups[i], 
      menuName+'Tag'+stylingGroups[i], 
      menuName+'Icon'+stylingGroups[i], 
      menuName+'Separator'+stylingGroups[i]);

    addStyleGroup(menuName+'StyleGroup', menuName+'Style'+stylingGroups[i], stylingGroups[i]);
  }

  // Enable the menu
  if (browser.isIE) 
    addInstance(menuName, menuName, 'position: relative MainMenu; menu-form: bar; offset-top: 1; offset-left: 1; style: '+menuName+'StyleGroup') 
  else 
    addInstance(menuName, menuName, 'position: relative MainMenu; menu-form: bar; offset-top: -1; offset-left: 0; style: '+menuName+'StyleGroup'); 
}