diff -r f90c88ab9a26 -r 44a4a4a179c1 src/js/widgets/annotationsListWidget.js
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/src/js/widgets/annotationsListWidget.js	Thu Jan 05 13:15:24 2012 +0100
@@ -0,0 +1,49 @@
+IriSP.AnnotationsListWidget = function(Popcorn, config, Serializer) {
+  IriSP.Widget.call(this, Popcorn, config, Serializer);
+};
+
+
+IriSP.AnnotationsListWidget.prototype = new IriSP.Widget();
+
+IriSP.AnnotationsListWidget.prototype.clear = function() {
+};
+
+IriSP.AnnotationsListWidget.prototype.clearWidget = function() {   
+};
+
+IriSP.AnnotationsListWidget.prototype.draw = function() {
+  var _this = this;
+
+  var view_type = this._serializer.getNonTweetIds()[0];
+  var annotations = this._serializer._data.annotations;
+  var list = [];
+  
+  if (typeof(view_type) === "undefined") {
+    console.log("not type suitable for display");
+    return;
+  }
+  
+  for (i = 0; i < annotations.length; i++) {
+    var annotation = annotations[i];
+
+    /* filter the annotations whose type is not the one we want */
+    if (typeof(annotation.meta) !== "undefined" && typeof(annotation.meta["id-ref"]) !== "undefined"
+          && annotation.meta["id-ref"] != view_type) {
+        continue;
+    }
+
+    var a = annotation;
+    var obj = {};
+    console.log(a);
+    obj["id"] = a.id;
+    obj["title"] = a.content.title;
+    obj["desc"] = a.content.description;
+    obj["begin"] = IriSP.msToTime(a.begin);
+    obj["end"] = IriSP.msToTime(a.end);
+    
+    list.push(obj);
+  }
+
+  var widgetMarkup = IriSP.templToHTML(IriSP.annotationsListWidget_template, {annotations: list});
+  this.selector.append(widgetMarkup);
+};
\ No newline at end of file