# HG changeset patch
# User veltr
# Date 1358439946 -3600
# Node ID 7b65bf78873ad0be5fac0b7f28b94f8eb6ac2146
# Parent  f9d51dd4a3fea834a195bc4993709e2d72d378fd
Bugfixes

diff -r f9d51dd4a3fe -r 7b65bf78873a src/js/init.js
--- a/src/js/init.js	Wed Dec 19 19:02:52 2012 +0100
+++ b/src/js/init.js	Thu Jan 17 17:25:46 2013 +0100
@@ -104,17 +104,17 @@
     });
     this.$.find('.Ldt-Loader').detach();
     
-    var endload = false;
+    this.widgetsLoaded = false;
     
     this.on("widget-loaded", function() {
-        if (endload) {
+        if (_this.widgetsLoaded) {
             return;
         }
         var isloaded = !IriSP._(_this.widgets).any(function(w) {
             return !(w && w.isLoaded())
         });
         if (isloaded) {
-            endload = true;
+            _this.widgetsLoaded = true;
             _this.trigger("widgets-loaded");
         }
     });   
diff -r f9d51dd4a3fe -r 7b65bf78873a src/js/model.js
--- a/src/js/model.js	Wed Dec 19 19:02:52 2012 +0100
+++ b/src/js/model.js	Thu Jan 17 17:25:46 2013 +0100
@@ -548,6 +548,7 @@
     this.volume = .5;
     this.paused = true;
     this.muted = false;
+    this.loadedMetadata = false;
     var _this = this;
     this.on("play", function() {
         _this.paused = false;
@@ -572,6 +573,9 @@
             _this.trigger("enter-annotation",_a);
         });
     });
+    this.on("loadedmetadata", function() {
+        _this.loadedMetadata = true;
+    })
 }
 
 Model.Playable.prototype = new Model.Element();
diff -r f9d51dd4a3fe -r 7b65bf78873a src/widgets/AdaptivePlayer.js
--- a/src/widgets/AdaptivePlayer.js	Wed Dec 19 19:02:52 2012 +0100
+++ b/src/widgets/AdaptivePlayer.js	Thu Jan 17 17:25:46 2013 +0100
@@ -6,7 +6,7 @@
 
 IriSP.Widgets.AdaptivePlayer.prototype.defaults = {
     mime_type: "video/mp4",
-    normal_player: "PopcornPlayer",
+    normal_player: "HtmlPlayer",
     fallback_player: "JwpPlayer"
 }
 
diff -r f9d51dd4a3fe -r 7b65bf78873a src/widgets/AutoPlayer.js
--- a/src/widgets/AutoPlayer.js	Wed Dec 19 19:02:52 2012 +0100
+++ b/src/widgets/AutoPlayer.js	Thu Jan 17 17:25:46 2013 +0100
@@ -27,7 +27,7 @@
             },
             {
                 regexp: /\.(ogg|ogv|webm)$/,
-                type: "PopcornPlayer"
+                type: "HtmlPlayer"
             },
             {
                 regexp: /^(https?:\/\/)?(www\.)?youtube\.com/,
@@ -57,7 +57,7 @@
     
     if (_opts.type === "AdaptivePlayer") {
         var _canPlayType = document.createElement('video').canPlayType("video/mp4");
-        _opts.type = (_canPlayType == "maybe" || _canPlayType == "probably") ? "PopcornPlayer" : "JwpPlayer";
+        _opts.type = (_canPlayType == "maybe" || _canPlayType == "probably") ? "HtmlPlayer" : "JwpPlayer";
     }
     
     if (_rtmprgx.test(this.video)) {
diff -r f9d51dd4a3fe -r 7b65bf78873a src/widgets/HtmlPlayer.js
--- a/src/widgets/HtmlPlayer.js	Wed Dec 19 19:02:52 2012 +0100
+++ b/src/widgets/HtmlPlayer.js	Thu Jan 17 17:25:46 2013 +0100
@@ -6,7 +6,6 @@
 
 
 IriSP.Widgets.HtmlPlayer.prototype.defaults = {
-    aspect_ratio: 14/9
 }
 
 IriSP.Widgets.HtmlPlayer.prototype.draw = function() {
@@ -19,19 +18,11 @@
     if (this.url_transform) {
         this.video = this.url_transform(this.video);
     }
-    
-    if (!this.height) {
-        this.height = Math.floor(this.width/this.aspect_ratio);
-        this.$.css({
-                height: this.height
-            });
-    }
         
     var videoEl = IriSP.jQuery('<video>');
     videoEl.attr({
-        id : _tmpId,
         width : this.width,
-        height : this.height
+        height : this.height || undefined
     });
     if(typeof this.video === "string"){
         videoEl.attr("src",this.video);
diff -r f9d51dd4a3fe -r 7b65bf78873a src/widgets/JwpPlayer.js
--- a/src/widgets/JwpPlayer.js	Wed Dec 19 19:02:52 2012 +0100
+++ b/src/widgets/JwpPlayer.js	Thu Jan 17 17:25:46 2013 +0100
@@ -36,7 +36,9 @@
     _opts.flashplayer = IriSP.getLib("jwPlayerSWF");
     _opts["controlbar.position"] = "none";
     _opts.width = this.width;
-    _opts.height = this.height || Math.floor(.643*this.width);
+    if (this.height) {
+        _opts.height = this.height;
+    }
     
     for (var i = 0; i < _props.length; i++) {
         if (typeof this[_props[i]] !== "undefined") {
diff -r f9d51dd4a3fe -r 7b65bf78873a src/widgets/Mediafragment.js
--- a/src/widgets/Mediafragment.js	Wed Dec 19 19:02:52 2012 +0100
+++ b/src/widgets/Mediafragment.js	Thu Jan 17 17:25:46 2013 +0100
@@ -18,16 +18,18 @@
 IriSP.Widgets.Mediafragment.prototype = new IriSP.Widgets.Widget();
 
 IriSP.Widgets.Mediafragment.prototype.draw = function() {
-    this.onMediaEvent("pause","setHashToTime");
+    this.onMediaEvent("setpause","setHashToTime");
     var _this = this;
     this.getWidgetAnnotations().forEach(function(_annotation) {
         _annotation.on("click", function() {
             _this.setHashToAnnotation(_annotation.id);
         })
     });
-    this.player.on("widgets-loaded", function() {
-        _this.goToHash();
-    });
+    if (this.media.loadedMetadata) {
+        this.goToHash();
+    } else {
+        this.onMediaEvent("loadedmetadata","goToHash");
+    }
 }
 
 IriSP.Widgets.Mediafragment.prototype.setWindowHash = function(_hash) {
diff -r f9d51dd4a3fe -r 7b65bf78873a src/widgets/Polemic.js
--- a/src/widgets/Polemic.js	Wed Dec 19 19:02:52 2012 +0100
+++ b/src/widgets/Polemic.js	Thu Jan 17 17:25:46 2013 +0100
@@ -19,7 +19,7 @@
 IriSP.Widgets.Polemic.prototype.defaults = {
     element_width : 5,
     element_height : 5,
-    max_elements : 15,
+    max_elements: 20,
     annotation_type : "tweet",
     defaultcolor : "#585858",
     foundcolor : "#fc00ff",
@@ -137,8 +137,8 @@
                 _annotation.on("select", function() {
                     if (_this.tooltip) {
                         _this.tooltip.show(
-                            Math.floor(_elx + (_this.element_width - 1) / 2),
-                            _ely,
+                            + Math.floor(_elx + (_this.element_width - 1) / 2),
+                            + _ely,
                             _annotation.title,
                             _col
                         );
@@ -272,10 +272,10 @@
                     _html = '<p>' + _this.l10n.from_ + _el.attr("begin-time") + _this.l10n._to_ + _el.attr("end-time") + '</p>';
                 for (var _i = 0; _i <= _this.polemics.length; _i++) {
                     var _color = _i ? _this.polemics[_i - 1].color : _this.defaultcolor;
-                    _html += '<div class="Ldt-Tooltip-Color" style="background: ' + _color + '"></div><p>' + _nums[_i] + _this.l10n._annotations + '</p>'
+                    _html += '<div class="Ldt-Tooltip-AltColor" style="background: ' + _color + '"></div><p>' + _nums[_i] + _this.l10n._annotations + '</p>'
                 }
                 if (_this.tooltip) {
-                    _this.tooltip.show(_el.attr("pos-x"), _el.attr("pos-y"), _html);
+                    _this.tooltip.show(+ _el.attr("pos-x"), + _el.attr("pos-y"), _html);
                 }
             })
             .mouseout(function() {
diff -r f9d51dd4a3fe -r 7b65bf78873a src/widgets/PopcornPlayer.js
--- a/src/widgets/PopcornPlayer.js	Wed Dec 19 19:02:52 2012 +0100
+++ b/src/widgets/PopcornPlayer.js	Thu Jan 17 17:25:46 2013 +0100
@@ -7,7 +7,6 @@
 /* A Popcorn-based player for HTML5 Video, Youtube and Vimeo */
 
 IriSP.Widgets.PopcornPlayer.prototype.defaults = {
-    aspect_ratio: 14/9
 }
 
 IriSP.Widgets.PopcornPlayer.prototype.draw = function() {
@@ -21,13 +20,6 @@
         this.video = this.url_transform(this.video);
     }
     
-    if (!this.height) {
-        this.height = Math.floor(this.width/this.aspect_ratio);
-        this.$.css({
-                height: this.height
-            });
-    }
-    
     if (/^(https?:\/\/)?(www\.)?vimeo\.com/.test(this.video)) {
         
         /* VIMEO */
@@ -62,7 +54,7 @@
         _videoEl.attr({
             id : _tmpId,
             width : this.width,
-            height : this.height
+            height : this.height || undefined
         });
         if(typeof this.video === "string"){
             _videoEl.attr("src",this.video);
diff -r f9d51dd4a3fe -r 7b65bf78873a src/widgets/Tooltip.css
--- a/src/widgets/Tooltip.css	Wed Dec 19 19:02:52 2012 +0100
+++ b/src/widgets/Tooltip.css	Thu Jan 17 17:25:46 2013 +0100
@@ -108,6 +108,10 @@
     float: left; margin: 8px 2px 2px 8px; width: 10px; height: 10px;
 }
 
+.Ldt-Tooltip-AltColor {
+    float: left; margin: 2px 2px 2px 3px; width: 10px; height: 10px;
+}
+
 .Ldt-Tooltip img {
     max-width: 140px; max-height: 80px; margin: 2px 20px;
 }
diff -r f9d51dd4a3fe -r 7b65bf78873a src/widgets/Tooltip.js
--- a/src/widgets/Tooltip.js	Wed Dec 19 19:02:52 2012 +0100
+++ b/src/widgets/Tooltip.js	Thu Jan 17 17:25:46 2013 +0100
@@ -56,8 +56,8 @@
         shift = Math.max(x - this.__halfWidth - this.min_x, - this.__maxShift);
     }
     
-    if (typeof this.max_x !== "undefined" && (x + this.__halfWidth > this.max_x)) {
-        shift = Math.min(x + this.__halfWidth - this.max_x, this.__maxShift);
+    if (typeof this.max_x !== "undefined" && (+x + this.__halfWidth > this.max_x)) {
+        shift = Math.min(+ x + this.__halfWidth - this.max_x, this.__maxShift);
     }
     
     this.$tooltip.css({
diff -r f9d51dd4a3fe -r 7b65bf78873a src/widgets/Tweet.js
--- a/src/widgets/Tweet.js	Wed Dec 19 19:02:52 2012 +0100
+++ b/src/widgets/Tweet.js	Thu Jan 17 17:25:46 2013 +0100
@@ -6,7 +6,7 @@
 IriSP.Widgets.Tweet.prototype = new IriSP.Widgets.Widget();
 
 IriSP.Widgets.Tweet.prototype.defaults = {
-    hide_timeout: 5000,
+    hide_timeout: 10000,
     polemics : [
         {
             "keywords" : [ "++" ],
diff -r f9d51dd4a3fe -r 7b65bf78873a test/youtube.htm
--- a/test/youtube.htm	Wed Dec 19 19:02:52 2012 +0100
+++ b/test/youtube.htm	Thu Jan 17 17:25:46 2013 +0100
@@ -18,7 +18,8 @@
 IriSP.libFiles.defaultDir = "libs/";
 IriSP.widgetsDir = "metadataplayer";
 var _metadata = {
-    url: "json/ldt-youtube.json",
+//    url: "json/ldt-youtube.json",
+    url: "http://ldt.iri.centrepompidou.fr/ldtplatform/ldt/cljson/id/8f7e4b42-4838-11e2-ac61-00145ea4a2be",
     format: 'ldt'
 };
 var _config = {