isc.Menu.create({
  ID: 'mainMenu1',
  width: 150,
  data: [{
    title: 'Option 1'
  }, {
    title: 'Option 2'
  }]
});

isc.DynamicForm.create({
  ID: 'preferencesPane',
  fields: [{
    title: 'Use SmartClient tabs',
    type: 'checkbox',
    defaultValue: true
  }]
});

isc.TabSet.create({
  ID: 'tabSet',
  tabBarPosition: 'top',
  width: 600,
  height: 400,
  tabs: [{
    title: 'Tab 1',
    pane: isc.HLayout.create({
      width: '100%',
      height: '100%',
      members: ['preferencesPane'],
      contextMenu: mainMenu1
    })
  }]
});

isc.IButton.create({
  title: 'Add Tab',
  top: 425,
  click: function() {
    tabSet.addTab({
      title: 'New HTML tab',
      pane: isc.HTMLFlow.create({
        zIndex: 1,
        width: '100%',
        height: '100%',
        contents: '<iframe height="100%" width="100%" scrolling="auto" frameborder="0" src="http://www.smartclient.com/"></iframe>'
      })
    });
    // focus on new tab
    tabSet.selectTab(tabSet.tabs.length - 1);
  }
});