     @setNewKey e.detail.key
 
   findChildByKey: (key) ->
-    _.filter((React.Children.map @props.children, 
+    _.filter((React.Children.map @props.children,
         (child) -> if child.key == key then child),
       Boolean)[0]
 

        React.Children.forEach @props.children, (child_, index_) =>
          if index_ == nextIndex
            @setNewKey child_.key

  render: ->
    onTheLeft = true
    activeKey = @activeKey()
    <div className='poi-tab-contents'>
      {
        React.Children.map @props.children, (child) =>
          if child.key == activeKey
            onTheLeft = false
          positionLeft = if child.key == activeKey
            0
          else if onTheLeft
            -100
          else 
            100
          <div className='poi-tab-child-sizer'>
            <div className='poi-tab-child-positioner' style={left: "#{positionLeft}%"}>
              {child}
            </div>
          </div>

lockedTab = false

TabContentsUnion = React.createClass
  prevActiveKey: 0
  getInitialState: ->
    nowKey: null

