--- a/crea/integration/metadataplayer/MusitagAnnotations.js	Thu May 31 18:10:27 2012 +0200
+++ b/crea/integration/metadataplayer/MusitagAnnotations.js	Fri Jun 01 11:34:56 2012 +0200
@@ -47,17 +47,23 @@
         }
         _html += '<div class="Musitag-Annotations-column">';
         _html += _column.map(function(_annotation) {
-            return '<div class="Musitag-container-50 Musitag-Annotations-tag" begin-time="' + _annotation.begin + '">'
-                   + '<div class="Musitag-shadow"></div>'
-                   + '<div class="Musitag-color Musitag-' + _annotation.color_tag + '"></div>'
-                   + '<div class="Musitag-emoticon Musitag-' + _annotation.emoticon_tag + '"></div>'
-                   + '</div>';
+            return '<div class="Musitag-Annotations-tag" begin-time="' + _annotation.begin + '">'
+                + '<div class="Musitag-container-50">'
+                + '<div class="Musitag-shadow"></div>'
+                + '<div class="Musitag-color Musitag-' + _annotation.color_tag + '"></div>'
+                + '<div class="Musitag-emoticon Musitag-' + _annotation.emoticon_tag + '"></div>'
+                + '</div><div class="Musitag-Annotations-Balloon"></div></div>';
         }).join('');
         _html += '</div>';
     }
     this.$.html(_html);
-    this.$.find('.Musitag-Annotations-tag').click(function() {
-        var _el = IriSP.jQuery(this);
+    this.$.find('.Musitag-Annotations-tag .Musitag-container-50').click(function() {
+        var _el = IriSP.jQuery(this).parent();
         _this.player.popcorn.currentTime(_el.attr("begin-time") / 1000);
     });
+    this.$.find('.Musitag-Annotations-tag').mouseover(function() {
+        var _el = IriSP.jQuery(this);
+        _this.$.find('.Musitag-Annotations-Balloon').hide();
+        _el.find('.Musitag-Annotations-Balloon').show();
+    });
 }
\ No newline at end of file