Switching channels working correctly

assets/css/subway.css

@@ -1,5 +1,7 @@
 .sidebar > h2 {
   text-align: center;
+  line-height: 0.9em;
+  margin-top: 0.3em;
 }
 
 #overview{

assets/js/collections.js

@@ -39,7 +39,6 @@ var WindowList = Backbone.Collection.extend({
 
     selected.set({active: true});
     selected.view.render();
-    selected.trigger('setActive', selected);
   },
 
   getChannels: function() {

assets/js/views/channel_list.js

@@ -12,6 +12,11 @@ var ChannelListView = Backbone.View.extend({
     chat.channelTab = ich.channel({name:chat.get('name')});
     $(this.el).append(chat.channelTab);
     this.setActiveChannel(chat);
+    chat.channelTab.click({chat: chat, clv: this}, function(ev){
+      chat = ev.data.chat;
+      irc.chatWindows.setActive(chat);
+      ev.data.clv.setActiveChannel(chat);
+    });
   },
 
   setActiveChannel: function(chat) {

assets/js/views/chat.js

@@ -1,16 +1,11 @@
 var ChatView = Backbone.View.extend({
   initialize: function() {
-    irc.chatWindows.bind('setActive', this.setActiveChannel, this);
     this.el = ich.chat();
     this.render();
   },
 
   render: function() {
     $('.content').html(this.el);
     return this;
-  },
-
-  setActiveChannel: function(channel) {
-    this.render();
   }
 });

assets/js/views/chat_application.js

@@ -18,7 +18,7 @@ var ChatApplicationView = Backbone.View.extend({
 
   addMessage: function(msg) {
     var view = new MessageView({model: msg});
-    this.channel.view.el.$('#chat-contents').append(view.el);
+    this.channel.view.$('#chat-contents').append(view.el);
     console.log('message added!');
     this.channel.view.$('#chat-contents').scrollTop( $('#chat-contents').scrollTop() + 100 );
   },

views/templates.jade

@@ -3,6 +3,8 @@ script(id="chat_application", type="text/html")
     #logo
       img(src='/assets/images/subway.png')
     h2 Subway
+      br
+      small IRC client
     #channels
   .content