--- a/src/css/LdtPlayer.css	Mon Nov 21 16:20:55 2011 +0100
+++ b/src/css/LdtPlayer.css	Tue Nov 22 17:22:15 2011 +0100
@@ -162,6 +162,15 @@
       clear:both;
     }
 
+    /* Arrow Widget */
+    .Ldt-arrowWidget {
+      background:url('imgs/arrow.png') no-repeat scroll 0 0 transparent ;
+      height:16px;
+      width:27px;
+      margin-bottom: -1px;
+      left: 0%;
+    }
+ 
     .cleaner {
       clear:both;
     }
@@ -266,4 +275,4 @@
     /* the styling of a spacer div */
     .Ldt-spacer {
       background-color:#eeeeee;
-    }
\ No newline at end of file
+    }

Binary file src/css/imgs/arrow.png has changed

--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/src/js/widgets/arrowWidget.js	Tue Nov 22 17:22:15 2011 +0100
@@ -0,0 +1,19 @@
+IriSP.ArrowWidget = function(Popcorn, config, Serializer) {
+  IriSP.Widget.call(this, Popcorn, config, Serializer);
+  
+};
+
+
+IriSP.ArrowWidget.prototype = new IriSP.Widget();
+
+IriSP.ArrowWidget.prototype.clear = function() {
+
+};
+
+IriSP.ArrowWidget.prototype.clearWidget = function() {
+};
+
+IriSP.ArrowWidget.prototype.draw = function() {
+  var templ = Mustache.to_html(IriSP.arrowWidget_template, {});
+  this.selector.append(templ);
+};

--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/src/templates/arrowWidget.html	Tue Nov 22 17:22:15 2011 +0100
@@ -0,0 +1,2 @@
+<div class='Ldt-arrowWidget'>
+</div>