--- a/src/js/widgets/annotationsWidget.js	Mon Nov 14 16:12:13 2011 +0100
+++ b/src/js/widgets/annotationsWidget.js	Mon Nov 14 17:19:26 2011 +0100
@@ -1,61 +1,63 @@
-IriSP.AnnotationsWidget = function(Popcorn, config, Serializer) {
-  IriSP.Widget.call(this, Popcorn, config, Serializer);
-  
-};
+define(["IriSP", "widgets", "util"], function() {
+  IriSP.AnnotationsWidget = function(Popcorn, config, Serializer) {
+    IriSP.Widget.call(this, Popcorn, config, Serializer);
+    
+  };
 
 
-IriSP.AnnotationsWidget.prototype = new IriSP.Widget();
+  IriSP.AnnotationsWidget.prototype = new IriSP.Widget();
 
-IriSP.AnnotationsWidget.prototype.clear = function() {
-    this.selector.find(".Ldt-SaTitle").text("");
-    this.selector.find(".Ldt-SaDescription").text("");
-    this.selector.find(".Ldt-SaKeywordText").text("");
-};
+  IriSP.AnnotationsWidget.prototype.clear = function() {
+      this.selector.find(".Ldt-SaTitle").text("");
+      this.selector.find(".Ldt-SaDescription").text("");
+      this.selector.find(".Ldt-SaKeywordText").text("");
+  };
 
-IriSP.AnnotationsWidget.prototype.displayAnnotation = function(annotation) {
-    var title = annotation.content.title;
-    var description = annotation.content.description;
-    var keywords =  "" // FIXME;
-    var begin = +annotation.begin;
-    var end = +annotation.end;
-    var duration = +this._serializer.currentMedia().meta["dc:duration"];
+  IriSP.AnnotationsWidget.prototype.displayAnnotation = function(annotation) {
+      var title = annotation.content.title;
+      var description = annotation.content.description;
+      var keywords =  "" // FIXME;
+      var begin = +annotation.begin;
+      var end = +annotation.end;
+      var duration = +this._serializer.currentMedia().meta["dc:duration"];
 
-    this.selector.find(".Ldt-SaTitle").text(title);
-    this.selector.find(".Ldt-SaDescription").text(description);
-		var startPourcent = parseInt(Math.round((begin*1+(end*1-begin*1)/2) / (duration*1)) / 100); 
-		this.selector.find(".Ldt-Show-Arrow").animate({left:startPourcent+'%'},1000);
-		//IriSP.jQuery("#"+annotationTempo.id).animate({alpha:'100%'},1000);
+      this.selector.find(".Ldt-SaTitle").text(title);
+      this.selector.find(".Ldt-SaDescription").text(description);
+      var startPourcent = parseInt(Math.round((begin*1+(end*1-begin*1)/2) / (duration*1)) / 100); 
+      this.selector.find(".Ldt-Show-Arrow").animate({left:startPourcent+'%'},1000);
+      //IriSP.jQuery("#"+annotationTempo.id).animate({alpha:'100%'},1000);
 
-};
+  };
 
-IriSP.AnnotationsWidget.prototype.clearWidget = function() {
-    /* retract the pane between two annotations */
-    this.selector.find(".Ldt-SaTitle").text("");
-    this.selector.find(".Ldt-SaDescription").text("");
-    this.selector.find(".Ldt-SaKeywordText").html("");
-    this.selector.find(".Ldt-ShowAnnotation").slideUp();
-};
+  IriSP.AnnotationsWidget.prototype.clearWidget = function() {
+      /* retract the pane between two annotations */
+      this.selector.find(".Ldt-SaTitle").text("");
+      this.selector.find(".Ldt-SaDescription").text("");
+      this.selector.find(".Ldt-SaKeywordText").html("");
+      this.selector.find(".Ldt-ShowAnnotation").slideUp();
+  };
 
-IriSP.AnnotationsWidget.prototype.draw = function() {
-  var _this = this;
+  IriSP.AnnotationsWidget.prototype.draw = function() {
+    var _this = this;
 
-  var annotationMarkup = Mustache.to_html(IriSP.annotationWidget_template, {"share_template" : IriSP.share_template});
-	this.selector.append(annotationMarkup);
+    var annotationMarkup = Mustache.to_html(IriSP.annotationWidget_template, {"share_template" : IriSP.share_template});
+    this.selector.append(annotationMarkup);
 
-  var annotations = this._serializer._data.annotations;
-  var i;
-  
-	for (i in annotations) {    
-    var annotation = annotations[i];
-    var begin = Math.round((+ annotation.begin) / 1000);
-    var end = Math.round((+ annotation.end) / 1000);
+    var annotations = this._serializer._data.annotations;
+    var i;
+    
+    for (i in annotations) {    
+      var annotation = annotations[i];
+      var begin = Math.round((+ annotation.begin) / 1000);
+      var end = Math.round((+ annotation.end) / 1000);
 
-    var conf = {start: begin, end: end, 
-                onStart: 
-                       function(annotation) { return function() { _this.displayAnnotation(annotation); } }(annotation),
-                onEnd: 
-                       function() { _this.clearWidget(); },
-                };
-    this._Popcorn = this._Popcorn.code(conf);                                             
-  }
-};
+      var conf = {start: begin, end: end, 
+                  onStart: 
+                         function(annotation) { return function() { _this.displayAnnotation(annotation); } }(annotation),
+                  onEnd: 
+                         function() { _this.clearWidget(); },
+                  };
+      this._Popcorn = this._Popcorn.code(conf);                                             
+    }
+  };
+});
\ No newline at end of file