diff -r 2dfd89e91c3a -r d571e9020092 src/js/widgets/segmentsWidget.js
--- a/src/js/widgets/segmentsWidget.js	Thu Oct 20 15:50:04 2011 +0200
+++ b/src/js/widgets/segmentsWidget.js	Thu Oct 20 15:52:00 2011 +0200
@@ -8,38 +8,51 @@
 
   var annotations = this._serializer._data.annotations;
   
-	for (i in annotations) {    
+  var i = 0;
+	for (i = 0; i < annotations.length; i++) {    
     var annotation = annotations[i];
-    console.log(annotation);
+
     var begin = Math.round((+ annotation.begin) / 1000);
     var end = Math.round((+ annotation.end) / 1000);
-    var duration = (annotation.end - annotation.begin);
+    var duration = this._serializer.currentMedia().meta["dc:duration"] / 1000;
     var id = annotation.id;    
     var startPourcent 	= IriSP.timeToPourcent(begin, duration);
     var endPourcent 	= IriSP.timeToPourcent(end, duration) - startPourcent;
     var divTitle		= annotation.content.title.substr(0,55);
     var color = annotation.content.color
-      
+    
+    
     var annotationTemplate = Mustache.to_html(IriSP.annotation_template,
         {"divTitle" : divTitle, "id" : id, "startPourcent" : startPourcent,
         "endPourcent" : endPourcent, "hexa_color" : IriSP.DEC_HEXA_COLOR(color),
         "seekPlace" : Math.round(begin/1000)});
     
+    
     var toolTipTemplate = Mustache.to_html(IriSP.tooltip_template, 
           {"title" : divTitle, "begin" : begin, "end" : end,
           "description": annotation.content.description});
     
-    
-    IriSP.jQuery("<div>" + annotationTemplate + "</div>").appendTo("#Ldt-Annotations");
+        
+    IriSP.jQuery(annotationTemplate).appendTo("#Ldt-Annotations");
     // TOOLTIP BUG ! 
     
     IriSP.jQuery("#" + id).tooltip({ effect: 'slide'});
     
     IriSP.jQuery("#" + id).fadeTo(0,0.3);
+    
     IriSP.jQuery("#" + id).mouseover(function() {
       IriSP.jQuery("#" + id).animate({opacity: 0.6}, 5);
     }).mouseout(function(){		
       IriSP.jQuery("#" + id).animate({opacity: 0.3}, 5);
-    });  
+    });
+    
+    IriSP.jQuery("#" + id).click(function(_this, annotation) { 
+                                    return function() { _this.clickHandler(annotation)};
+                                 }(this, annotation));
   }
-};
\ No newline at end of file
+};
+
+IriSP.SegmentsWidget.prototype.clickHandler = function(annotation) {
+  var begin = Math.round((+ annotation.begin) / 1000);
+  this._Popcorn.currentTime(begin)
+}
\ No newline at end of file