     @selectTab key
     @selectTab isPlugin if !@state.doubleTabbed
   handleShiftTabKeyDown: ->
-    @refs.pluginTabUnion.setTabOffset -1
+    @refs.tabKeyUnion.setTabOffset -1
   handleTabKeyDown: ->
-    @refs.pluginTabUnion.setTabOffset 1
+    @refs.tabKeyUnion.setTabOffset 1
   handleKeyDown: ->
     return if @listener?
     @listener = true

          <div id={shipview.name} className="poi-app-tabpane" key='shipView'>
            <shipview.reactClass />
          </div>
          {
            for plugin, index in @state.plugins when !plugin.handleClick?
              <div id={plugin.name} key={plugin.name} className="poi-app-tabpane poi-plugin"
                onSelected={(key) => @setState {activePluginName: key}}>
                <PluginWrap plugin={plugin} />
              </div>
          }
          <div id={settings.name} className="poi-app-tabpane" key='settings'>
            <settings.reactClass />
          </div>

  setTabOffset: (offset) ->
    return if !@props.children?
    nowKey = @activeKey()
    childrenCount = React.Children.count @props.children
    React.Children.forEach @props.children, (child, index) =>
      if child.key == nowKey
        nextIndex = (index+offset+childrenCount) % childrenCount
        # Always use the same method to preserve the definition of index
        React.Children.forEach @props.children, (child_, index_) =>
          if index_ == nextIndex
            @setNewKey child_.key

  render: ->
    onTheLeft = true
