Refactor ui-tabs component to be more event driven

[miphe]

It's too complicated at the moment, to create a tabbed interface. I would like to do something like this:

# Example of a tab ui component
tab1View = new Some.View
  model: Some.Model

tab2View = new Some.Other.View
  model: Some.Other.Model
  collection: Some.Collection

tab3View = new Yet.Another.View
  model: Yet.Another.Model

tabUICollection = new UI.Collection.Navigation
tabUICollection.add { label: 'Number one!',  view: tag1View }
tabUICollection.add { label: 'Second here',  view: tag2View, active: true }
tabUICollection.add { label: 'And the last', view: tag3View }

tabNav = new UI.View.NavigationList
  collection: tabUICollection

tabContent = new UI.View.TabContentList
  collection: tabUICollection

Radio.channel('app').trigger 'show:view:area1', tabNav
Radio.channel('app').trigger 'show:view:area2', tabContent