--- a/cms/app-client/app/components/player-component.js	Tue Jun 28 23:36:40 2016 +0200
+++ b/cms/app-client/app/components/player-component.js	Wed Jun 29 00:35:03 2016 +0200
@@ -10,11 +10,18 @@
     head: 0,
     remaining: 0,
 
-    item: Ember.computed('player.item', function() {
-        return this.get('player').get('item');
+    isFirst: false,
+    isLast: false,
+
+    item: Ember.computed('player.model', function() {
+        return this.get('player').get('model');
     }),
 
-    documentLoaded: Ember.observer('player.item', function() {
+    modelLoaded: Ember.observer('player.model', function() {
+        var items = this.get('player').get('items');
+        var index = items.indexOf(this.get('player').get('item'));
+        this.set('isFirst', index === 0);
+        this.set('isLast', index === items.length - 1);
     }),
 
     init: function() {
@@ -44,6 +51,14 @@
                 this.get('popcorn').play();
             }
             this.set('playing', !this.get('playing'));
+        },
+
+        backward: function() {
+            console.log('backward');
+        },
+
+        forward: function() {
+            console.log('forward');
         }
 
     }