Library now pops up.

assets/js/components/library.js

@@ -4,4 +4,28 @@ can.Component.extend({
 
   template: can.view('views/library.mustache'),
 
+  events: {
+    show: function() {
+      $(this.element).addClass('show');
+    },
+
+    hide: function() {
+      $(this.element).removeClass('show');
+    },
+
+    'a.close click': 'hide',
+
+    ':type route': function(data) {
+      if (data.type == 'library') {
+        this.show();
+        if (data.pane > this.browser.currentPane) {
+          this.addPane(data);
+        }
+        else if (data.pane < this.browser.currentPane) {
+          this.removePane(data);
+        }
+      }
+    }
+  }
+
 });

assets/js/mpd-client.js

@@ -4,8 +4,7 @@
 
 //= require ./routes.js
 //= require_tree ./helpers/
-//= require_tree ./models/
-//= require_tree ./controls/
 //= require_tree ./constructs/
+//= require_tree ./models/
 //= require_tree ./components/
 //= require ./application.js

assets/js/routes.js

@@ -1,2 +1,2 @@
-can.route(':page');
+can.route(':type');
 can.route.ready();