Meteora.uses('Control.Menu');

Meteora.onStart(
  function () {

    new Menu(
      'menu-demo-div',
      [
        {
          'label': 'File',
          'onClick': function() {
            alert('You have clicked on "File".');
          },
          'icon': 'go-next.png',
          'items': [
            {
              'label': 'New...',
              'icon': 'document-new.png'
            },
            {
              'label': 'Open...',
              'icon': 'document-open.png'
            },
            {
              'label': 'Print',
              'icon': 'document-print-preview.png'
            },
          ]
        },
        {
          'label': 'Edit',
          'icon': 'edit-copy.png',
          'items': [
            {
              'label': 'Preferences',
              'onClick': function() {
                alert('You have clicked on "Preferences"');
              }
            }
          ]
        },
        {
          'label': 'View',
          'icon': 'edit-find.png',
          'items': [
            {
              'label': 'Toolbars',
              'items': [
                {
                  'label': 'Toolbar 1'
                },
                {
                  'label': 'Toolbar 2',
                  'items': [
                    {
                      'label': 'test'
                    },
                    {
                      'label': 'test',
                      'items': [
                        {
                          'label': 'test x'
                        }
                      ]
                    },
                    {
                      'label': 'test'
                    }
                  ]
                }
              ]
            },
            {
              'label': 'Sidebar',
              'items': [
                {
                  'label': 'Foo'
                }
              ]
            }
          ]
        }
      ],
      {
        iconDir: '/media/demo'
      }
    );
  }
);