--- a/src/css/LdtPlayer.css	Mon Feb 06 10:56:39 2012 +0100
+++ b/src/css/LdtPlayer.css	Mon Feb 06 16:04:29 2012 +0100
@@ -110,7 +110,7 @@
   font-size:12px;
 }
 
-.Ldt-SaKeyword{
+.Ldt-SaKeywords {
   background-color:#b9b9b9;
   color:#4D4D4D;
   padding:5px;

--- a/src/js/widgets/annotationsWidget.js	Mon Feb 06 10:56:39 2012 +0100
+++ b/src/js/widgets/annotationsWidget.js	Mon Feb 06 16:04:29 2012 +0100
@@ -20,6 +20,7 @@
     var begin = +annotation.begin / 1000;
     var end = +annotation.end / 1000;
     var duration = +this._serializer.currentMedia().meta["dc:duration"];
+    var tags = "";
     
     var title_templ = "{{title}} - ( {{begin}} - {{end}} )";
     var endstr = Mustache.to_html(title_templ, {title: title, begin: IriSP.secondsToTime(begin), end: IriSP.secondsToTime(end)});
@@ -27,6 +28,28 @@
     this.selector.find(".Ldt-SaTitle").text(endstr);
     this.selector.find(".Ldt-SaDescription").text(description);
     
+    
+    if (!IriSP.null_or_undefined(annotation.tags) && !IriSP.null_or_undefined(this._serializer._data.tags)) {
+      /* save the tag id and keywords in a unique structure */
+      var tag_list = {};
+      for (var i = 0; i < this._serializer._data.tags.length; i++) {
+        var id = this._serializer._data.tags[i]["id"];
+        var keyword = this._serializer._data.tags[i]["meta"]["dc:title"];
+
+        tag_list[id] = keyword;
+      }
+
+      /* then browse the list of defined tags for the current annotation */
+      for (var i = 0; i < annotation.tags.length; i++) {
+        if (tag_list.hasOwnProperty(annotation.tags[i]["id-ref"]))
+          tags += tag_list[annotation.tags[i]["id-ref"]] + ", ";
+      }
+    }
+    
+    tags = "Keywords: " + tags.slice(0, tags.length - 2);
+    
+    this.selector.find(".Ldt-SaKeywords").text(tags);
+    
     // update sharing buttons
     var defaults = IriSP.widgetsDefaults.AnnotationsWidget;
     var text = defaults.share_text;

--- a/src/templates/annotationWidget.html	Mon Feb 06 10:56:39 2012 +0100
+++ b/src/templates/annotationWidget.html	Mon Feb 06 16:04:29 2012 +0100
@@ -4,14 +4,15 @@
   <div class='Ldt-Annotation-DoubleBorder'>
   
     <div class='Ldt-AnnotationContent'>  
-      <div class='Ldt-AnnotationShareIcons'>
+        <div class='Ldt-AnnotationShareIcons'>
          <a target='_blank' class='Ldt-fbShare' title='share on facebook'></a>
          <a target='_blank' class='Ldt-TwShare' title='share on twitter'></a>
          <a target='_blank'  class='Ldt-GplusShare' title='share on google+'></a>
-      </div>
+        </div>
 
-		  <div class='Ldt-SaTitle'></div>
-	  	<div class='Ldt-SaDescription'></div>
+        <div class='Ldt-SaTitle'></div>
+        <div class='Ldt-SaDescription'></div>
+        <div class='Ldt-SaKeywords'></div>
     </div>
 
   </div>