diff --git a/assets/js/controls/library.js b/assets/js/controls/library.js
index 2d85576..df34749 100644
--- a/assets/js/controls/library.js
+++ b/assets/js/controls/library.js
@@ -35,8 +35,10 @@ var Library = can.Control.extend({
   addPane: function(data) {
     var newElement = document.createElement('div');
     $('.browser', this.element).append(newElement);
+
     data['pos'] = this.panes.length;
     var newPane = new Pane(newElement, data);
+
     this.panes.push(newPane);
     this.setTitle(newPane.title);
     this.nextPane();
diff --git a/assets/js/controls/pane.js b/assets/js/controls/pane.js
index f1912d9..771d18e 100644
--- a/assets/js/controls/pane.js
+++ b/assets/js/controls/pane.js
@@ -16,7 +16,7 @@ var Pane = can.Control.extend({
   renderPane: {
     root: function() {
       this.element.html(
-        can.view('views/library/root.ejs', {})
+        can.view('views/library/root.ejs', { pane: 0 })
       );
       this.title = 'Library';
     },
@@ -43,7 +43,7 @@ var Pane = can.Control.extend({
   renderCallback: function(type) {
     return function(items) {
       $(this.element).html(
-        can.view('views/library/' + type + '.ejs', { items: items }, { formatLength: timeHelpers.formatLength })
+        can.view('views/library/' + type + '.ejs', { items: items, pane: this.data.pos }, { formatLength: timeHelpers.formatLength })
       );
     }.bind(this)
   }
diff --git a/public/views/library/albums.ejs b/public/views/library/albums.ejs
index 550a6d4..347d9a5 100644
--- a/public/views/library/albums.ejs
+++ b/public/views/library/albums.ejs
@@ -3,6 +3,7 @@
     <li id="<%= album.attr('id') %>">
       <%== can.route.link(album.attr('title'), {
         page: 'library',
+        pane: pane + 1,
         show: 'songs',
         artist: album.attr('artist'),
         album: album.attr('title')
diff --git a/public/views/library/artists.ejs b/public/views/library/artists.ejs
index d9ed604..7b69855 100644
--- a/public/views/library/artists.ejs
+++ b/public/views/library/artists.ejs
@@ -3,6 +3,7 @@
     <li id="<%= artist.attr('id') %>">
       <%== can.route.link(artist.attr('name'), {
         page: 'library',
+        pane: pane + 1,
         show: 'albums',
         artist: artist.attr('name')
       }) %>
diff --git a/public/views/library/root.ejs b/public/views/library/root.ejs
index d5c30f2..a0ddabc 100644
--- a/public/views/library/root.ejs
+++ b/public/views/library/root.ejs
@@ -1,5 +1,5 @@
 <ul class="root">
-  <li><%== can.route.link('Artists', { page: 'library', show: 'artists' }) %></li>
-  <li><%== can.route.link('Albums', { page: 'library', show: 'albums' }) %></li>
-  <li><%== can.route.link('Songs', { page: 'library', show: 'songs' }) %></li>
+  <li><%== can.route.link('Artists', { page: 'library', show: 'artists', pane: pane + 1 }) %></li>
+  <li><%== can.route.link('Albums', { page: 'library', show: 'albums', pane: pane + 1 }) %></li>
+  <li><%== can.route.link('Songs', { page: 'library', show: 'songs', pane: pane + 1 }) %></li>
 </ul>