Changeset 2180

Timestamp:

05/02/12 09:37:17 (13 months ago)

Author:

pablo

Message:

Updates for iOS compatibility, styling changes

Location:

branches/jw6

Files:

• bin-debug/jwplayer.js (modified) (95 diffs)
• jwplayer.min.js (modified) (1 diff)
• src/js/html5/jwplayer.html5.controlbar.js (modified) (35 diffs)
• src/js/html5/jwplayer.html5.controller.js (modified) (3 diffs)
• src/js/html5/jwplayer.html5.display.js (modified) (16 diffs)
• src/js/html5/jwplayer.html5.model.js (modified) (2 diffs)
• src/js/html5/jwplayer.html5.player.js (modified) (3 diffs)
• src/js/html5/jwplayer.html5.setup.js (modified) (6 diffs)
• src/js/html5/jwplayer.html5.video.js (modified) (10 diffs)
• src/js/html5/jwplayer.html5.view.js (modified) (15 diffs)
• src/js/utils/jwplayer.utils.js (modified) (4 diffs)
• src/js/utils/jwplayer.utils.strings.js (modified) (1 diff)
• test/animations.html (deleted)
• test/controller.html (modified) (1 diff)

branches/jw6/bin-debug/jwplayer.js

@@ -57 +57 @@
         }
 
-        var _styleSheet;
-        var _rules = {}
-        
-        /**
-         * @param {Object} or {String} domelement If domelement is a string, create a document-wide CSS rule for that string 
-         * @param {Object} styles
-         */
-        utils.css = function(domelement, styles) {
-                if (utils.exists(domelement)) {
-                        for (var style in styles) {
-                                try {
-                                        if (typeof styles[style] === "undefined") {
-                                                continue;
-                                        } else if (typeof styles[style] == "number" && !(style == "zIndex" || style == "opacity")) {
-                                                if (isNaN(styles[style])) {
-                                                        continue;
-                                                }
-                                                if (style.match(/color/i)) {
-                                                        styles[style] = "#" + utils.strings.pad(styles[style].toString(16), 6);
-                                                } else {
-                                                        styles[style] = Math.ceil(styles[style]) + "px";
-                                                }
-                                        }
-                                        if (styles[style]) {
-                                                domelement.style[style] = styles[style];
-                                        }
-                                } catch (err) {
-                                }
-                        }
-                }
-        };
-        
-        var foo =false;
-        
-        utils.appendStylesheet = function(selector, styles) {
-                if (!_styleSheet) {
-                        _styleSheet = DOCUMENT.createElement("style");
-                        _styleSheet.type = "text/css";
-                        DOCUMENT.getElementsByTagName('head')[0].appendChild(_styleSheet);
+        var _styleSheets={},
+                _rules = {};
+        
+        utils.css = function(selector, styles) {
+                if (!_styleSheets[selector]) {
+                        var styleSheet = DOCUMENT.createElement("style");
+                        styleSheet.type = "text/css";
+                        DOCUMENT.getElementsByTagName('head')[0].appendChild(styleSheet);
+                        _styleSheets[selector] = styleSheet;
                 }
 
@@ -111 +81 @@
                 }
 
-                _updateStylesheet();
+                _updateStylesheet(selector);
         }
         
@@ -141 +111 @@
         }
         
-        function _updateStylesheet() {
-                if (_styleSheet) {
-                        var ruleText = "";
-                        for (var rule in _rules) {
-                                var styles = _rules[rule];
-                                ruleText += rule + "{\n";
-                                for (var style in styles) {
-                                        ruleText += "  "+style + ": " + styles[style] + ";\n";
-                                }
-                                ruleText += "}\n";
-                        }
-                        _styleSheet.innerHTML = ruleText;
+        function _updateStylesheet(selector) {
+                if (_styleSheets[selector]) {
+                        var ruleText = selector + "{\n";
+                        var styles = _rules[selector];
+                        for (var style in styles) {
+                                ruleText += "  "+style + ": " + styles[style] + ";\n";
+                        }
+                        ruleText += "}\n";
+                        _styleSheets[selector].innerHTML = ruleText;
                 }
         }
@@ -166 +133 @@
                         }
                 }
-                _updateStylesheet();
+                for (var selector in _styleSheets) {
+                        if (selector.indexOf(filter) >= 0) {
+                                _styleSheets[selector].innerHTML = '';
+                        }
+                }
         }
         
@@ -617 +588 @@
                         }
                 }
-        }
-        
+        };
+        
+        /** Returns the extension of a file name * */
+        strings.extension = function(path) {
+                if (!path) { return ""; }
+                path = path.substring(path.lastIndexOf("/") + 1, path.length).split("?")[0];
+                if (path.lastIndexOf('.') > -1) {
+                        return path.substr(path.lastIndexOf('.') + 1, path.length).toLowerCase();
+                }
+        };
+
 })(jwplayer.utils);
 /**
@@ -1201 +1181 @@
                 _events = jwplayer.events,
                 _states = jwplayer.events.state,
-                _style = _utils.appendStylesheet,
+                _css = _utils.css,
 
                 /** Controlbar element types **/
@@ -1219 +1199 @@
                 JW_CSS_RIGHT = "right",
                 JW_CSS_100PCT = "100%",
-                JW_CSS_SMOOTH_EASE = "width .25s linear, left .25s linear, opacity .25s, background .25s"
+                JW_CSS_SMOOTH_EASE = "width .25s linear, left .25s linear, opacity .25s, background .25s",
                 
                 CB_CLASS = '.jwcontrolbar',
@@ -1239 +1219 @@
                                 // buttoncolor : parseInt("ffffff", 16),
                                 // position : html5.view.positions.BOTTOM,
-                                // position: "OVER",
                                 // idlehide : false,
                                 // hideplaylistcontrols : false,
@@ -1311 +1290 @@
                         _duration,
                         _currentVolume,
+                        _dragging = false,
+                        _lastSeekTime = 0,
                         
                         _toggles = {
@@ -1336 +1317 @@
                                 volume: _volume
                         };
-                
-                
 
                 function _init() {
@@ -1394 +1373 @@
                         case _states.BUFFERING:
                         case _states.PLAYING:
-                                if (_elements['timeSliderThumb']) {
-                                        _elements['timeSliderThumb'].style.opacity = 1;
-                                }
+                                _css(_internalSelector('.jwtimeSliderThumb'), { opacity: 1 });
                                 _toggleButton("play", true);
                                 break;
@@ -1406 +1383 @@
                         case _states.IDLE:
                                 _toggleButton("play", false);
-                                if (_elements['timeSliderThumb']) {
-                                        _elements['timeSliderThumb'].style.opacity = 0;
-                                }
+                                _css(_internalSelector('.jwtimeSliderThumb'), { opacity: 0 });
                                 if (_elements["timeRail"]) {
                                         _elements["timeRail"].className = "jwrail";
@@ -1420 +1395 @@
                                 break;
                         case _states.COMPLETED:
-                                _controlbar.style.opacity = 0;
+                                _css(_internalSelector(), { opacity: 0 });
                                 break;
                         }
@@ -1448 +1423 @@
                 function _createStyles() {
                         _utils.clearCss('#'+_id);
-                        
-                        _style('#'+_id, {
+
+                        _css('#'+_id, {
                                 height: _getSkinElement("background").height,
-                                bottom: _settings.position == "OVER" ? _settings.margin : 0,
-                                left: _settings.position == "OVER" ? _settings.margin : 0,
-                                right: _settings.position == "OVER" ? _settings.margin : 0
+                                bottom: _settings.margin ? _settings.margin : 0,
+                                left: _settings.margin ? _settings.margin : 0,
+                                right: _settings.margin ? _settings.margin : 0
                         });
                         
-                        _style(_internalSelector(".jwtext"), {
+                        _css(_internalSelector(".jwtext"), {
                                 font: _settings.fontsize + "px/" + _getSkinElement("background").height + "px " + _settings.font,
                                 color: _settings.fontcolor,
@@ -1535 +1510 @@
                         }
                         
-                        _style(_internalSelector('.jw'+name), _utils.extend(newStyle, style));
+                        _css(_internalSelector('.jw'+name), _utils.extend(newStyle, style));
                         _elements[name] = element;
                         return element;
@@ -1570 +1545 @@
                         }
                         
-                        _style(selector, { 
+                        _css(selector, { 
                                 width: out.width,
                                 background: 'url('+ out.src +') center no-repeat'
@@ -1576 +1551 @@
                         
                         if (over.src) {
-                                _style(selector + ':hover', { 
+                                _css(selector + ':hover', { 
                                         background: 'url('+ over.src +') center no-repeat'
                                 });
@@ -1612 +1587 @@
                 
                 function _seek(pct) {
-                        if (!_dragging) {
-                                _api.jwPlay();
-                        }
                         _api.jwSeek(pct * _duration);
                 }
@@ -1661 +1633 @@
                         }
 
-                        _style(_internalSelector('.jw'+name), css);
+                        _css(_internalSelector('.jw'+name), css);
                         element.innerHTML = "00:00";
                         _elements[name] = element;
@@ -1671 +1643 @@
                                 var element = _createSpan();
                                 element.className = "jwblankDivider";
-                                _style(element, {
+                                _css(element, {
                                         width: parseInt(divider.width)
                                 });
@@ -1697 +1669 @@
                         if (capLeft) slider.appendChild(capRight);
 
-                        _style(_internalSelector(".jw" + name + " .jwrail"), {
+                        _css(_internalSelector(".jw" + name + " .jwrail"), {
                                 left: _getSkinElement(name+"SliderCapLeft").width,
                                 right: _getSkinElement(name+"SliderCapRight").width,
@@ -1732 +1704 @@
                         var thumb = _buildImage(name + "SliderThumb");
                         if (thumb) {
+                                _css(_internalSelector('.'+thumb.className), { opacity: 0 });
                                 thumb.className += " jwthumb";
-                                thumb.style.opacity = 0;
                                 rail.appendChild(thumb);
                         }
@@ -1744 +1716 @@
                 }
                 
-                var _dragging;
-                
+                function _idle() {
+                        var currentState = _api.jwGetState();
+                        return (currentState == _states.IDLE || currentState == _states.COMPLETED); 
+                }
+
                 function _sliderMouseDown(name) {
                         return (function(evt) {
@@ -1755 +1730 @@
                                 if (name == "time") {
                                         if (!_idle()) {
+                                                _api.jwSeekDrag(true);
                                                 _dragging = name;
                                         }
@@ -1763 +1739 @@
                 }
                 
-                function _idle() {
-                        var currentState = _api.jwGetState();
-                        return (currentState == _states.IDLE || currentState == _states.COMPLETED); 
-                }
-                
-                var _lastSeekTime = 0;
-                
                 function _sliderMouseEvent(evt) {
                         if (!_dragging || evt.button != 0) {
@@ -1781 +1750 @@
                         if (evt.type == 'mouseup') {
                                 var name = _dragging;
+                                
+                                if (name == "time") {
+                                        _api.jwSeekDrag(false);
+                                }
+
                                 _elements[name+'Rail'].className = "jwrail jwsmooth";
                                 _dragging = null;
@@ -1792 +1766 @@
                                 var currentTime = (new Date()).getTime();
                                 if (currentTime - _lastSeekTime > 500) {
-                                        _api.jwPause();
                                         _lastSeekTime = currentTime;
                                         _sliderMapping[_dragging](pct);
@@ -1802 +1775 @@
                 function _styleTimeSlider(slider) {
                         if (_elements['timeSliderThumb']) {
-                                _style(_internalSelector(".jwtimeSliderThumb"), {
+                                _css(_internalSelector(".jwtimeSliderThumb"), {
                                         'margin-left': (_getSkinElement("timeSliderThumb").width/-2)
                                 });
@@ -1817 +1790 @@
                                 railWidth = _getSkinElement("volumeSliderRail").width;
                         
-                        _style(_internalSelector(".jwvolume"), {
+                        _css(_internalSelector(".jwvolume"), {
                                 width: (capLeftWidth + railWidth + capRightWidth)
                         });
@@ -1832 +1805 @@
                         _controlbar.appendChild(_groups.right);
                         
-                        _style(_internalSelector(".jwright"), {
+                        _css(_internalSelector(".jwright"), {
                                 right: _getSkinElement("capRight").width
                         });
@@ -1859 +1832 @@
 
                 var _resize = this.resize = function(width, height) {
-                        _style(_internalSelector('.jwgroup.jwcenter'), {
+                        _css(_internalSelector('.jwgroup.jwcenter'), {
                                 left: Math.round(_utils.parseDimension(_groups.left.offsetWidth) + _getSkinElement("capLeft").width),
                                 right: Math.round(_utils.parseDimension(_groups.right.offsetWidth) + _getSkinElement("capRight").width)
@@ -1871 +1844 @@
                 function _setBuffer(pct) {
                         pct = Math.min(Math.max(0, pct), 1);
-                        _elements['timeSliderBuffer'].style.width = pct * 100 + "%";
-                }
-
-                function _sliderPercent(name, pct, fixedWidth) {
-                        if (!_elements[name]) return;
-
-                        pct = Math.min(Math.max(0, pct), 1);
-                        
-                        var progress = _elements[name+'SliderProgress'];
-                        var thumb = _elements[name+'SliderThumb'];
-                        var width = 100 * pct + "%";
-                
-                        if (progress) {
-                                progress.style.width = width; 
-                        }
-                        if (thumb) {
-                                thumb.style.left = width;
-                        }
+                        _css(_internalSelector('.jwtimeSliderBuffer'), { width: pct * 100 + "%" });
+                }
+
+                function _sliderPercent(prefix, pct, fixedWidth) {
+                        var width = 100 * Math.min(Math.max(0, pct), 1) + "%";
+                        _css(_internalSelector(prefix+'Progress'), { width: width });
+                        _css(_internalSelector(prefix+'Thumb'), { left: width });
                 }
                 
                 function _setVolume (pct) {
-                        _sliderPercent('volume', pct, true);
+                        _sliderPercent('.jwvolumeSlider', pct, true);
                 }
 
                 function _setProgress(pct) {
-                        _sliderPercent('time', pct);
+                        _sliderPercent('.jwtimeSlider', pct);
                 }
 
@@ -1914 +1876 @@
                 }
                 
+                this.show = function() {
+                        _css(_internalSelector(), { opacity: 1 });
+                }
+                
+                this.hide = function() {
+                        _css(_internalSelector(), { opacity: 0 });
+                }
+                
                 // Call constructor
                 _init();
@@ -1924 +1894 @@
          *************************************************************/
 
-        _style(CB_CLASS, {
+        _css(CB_CLASS, {
                 position: JW_CSS_ABSOLUTE,
                 overflow: 'hidden',
@@ -1932 +1902 @@
         })
         
-        _style(CB_CLASS+' span',{
+        _css(CB_CLASS+' span',{
                 height: JW_CSS_100PCT,
                 '-webkit-user-select': JW_CSS_NONE,
@@ -1940 +1910 @@
         });
         
-    _style(CB_CLASS+' .jwgroup', {
+    _css(CB_CLASS+' .jwgroup', {
         display: JW_CSS_INLINE
     });
     
-    _style(CB_CLASS+' span, '+CB_CLASS+' .jwgroup button,'+CB_CLASS+' .jwleft', {
+    _css(CB_CLASS+' span, '+CB_CLASS+' .jwgroup button,'+CB_CLASS+' .jwleft', {
         position: JW_CSS_RELATIVE,
                 'float': JW_CSS_LEFT
     });
     
-        _style(CB_CLASS+' .jwright', {
+        _css(CB_CLASS+' .jwright', {
                 position: JW_CSS_ABSOLUTE
         });
         
-    _style(CB_CLASS+' .jwcenter', {
+    _css(CB_CLASS+' .jwcenter', {
         position: JW_CSS_ABSOLUTE
     });
     
-    _style(CB_CLASS+' button', {
+    _css(CB_CLASS+' button', {
         display: JW_CSS_INLINE_BLOCK,
         height: JW_CSS_100PCT,
@@ -1967 +1937 @@
     });
     
-    _style(CB_CLASS+' .jwcapRight', { 
+    _css(CB_CLASS+' .jwcapRight', { 
                 right: 0,
                 position: JW_CSS_ABSOLUTE
         });
     
-    _style(CB_CLASS+' .jwtime,' + CB_CLASS + ' .jwgroup span.jwstretch', {
+    _css(CB_CLASS+' .jwtime,' + CB_CLASS + ' .jwgroup span.jwstretch', {
         position: JW_CSS_ABSOLUTE,
         height: JW_CSS_100PCT,
@@ -1981 +1951 @@
    
     
-    _style(CB_CLASS+' .jwrail,' + CB_CLASS + ' .jwthumb', {
+    _css(CB_CLASS+' .jwrail,' + CB_CLASS + ' .jwthumb', {
         position: JW_CSS_ABSOLUTE,
         height: JW_CSS_100PCT,
@@ -1987 +1957 @@
     });
     
-    _style(CB_CLASS + ' .jwtime .jwsmooth span', {
+    _css(CB_CLASS + ' .jwtime .jwsmooth span', {
         '-webkit-transition': JW_CSS_SMOOTH_EASE,
         '-moz-transition': JW_CSS_SMOOTH_EASE,
@@ -1993 +1963 @@
     });
     
-    _style(CB_CLASS + ' .jwdivider+.jwdivider', {
+    _css(CB_CLASS + ' .jwdivider+.jwdivider', {
         display: JW_CSS_NONE
     });
     
-    _style(CB_CLASS + ' .jwtext', {
+    _css(CB_CLASS + ' .jwtext', {
                 padding: '0 5px',
                 'text-align': 'center'
         });
     
-    _style(CB_CLASS + ' .jwtoggling', {
+    _css(CB_CLASS + ' .jwtoggling', {
         '-webkit-transition': JW_CSS_NONE,
         '-moz-transition': JW_CSS_NONE,
@@ -2041 +2011 @@
                 }
 
-                var file;
-                
                 function _load(item) {
-                        if (_model.state == _states.PLAYING || _model.state == _states.BUFFERING) {
-                                _video.stop();
-                        }
+                        _stop();
                         
                         switch (_utils.typeOf(item)) {
                         case "string":
-                                file = item;
+                                _model.setPlaylist(new html5.playlist({file:item}));
+                                _model.setItem(0);
                                 break;
                         case "object":
-                                file = item.file;
+                        case "array":
+                                _model.setPlaylist(new html5.playlist(item));
+                                _model.setItem(0);
                                 break;
                         case "number":
-                                file = _model.playlist[item].file;
+                                _model.setItem(item);
                                 break;
-                        default:
-                                file = _model.playlist[_model.item].file;
                         }
                                 
-//                      if (_video.getTag().canPlayType("video/mp4")) {
-//                              file = "http://playertest.longtailvideo.com/bunny.mp4";         
-//                      } else if (_video.getTag().canPlayType("video/webm")) {
-//                              file = "http://playertest.longtailvideo.com/bunny.webm";                
-//                      } else {
-//                              file = "http://playertest.longtailvideo.com/bunny.ogv";         
-//                      }
-//                      if (_utils.isMobile()) {
-//                              _video.load(file);
-//                      }
                 }
                 
                 function _play() {
                         if (_model.state == _states.IDLE) {
-                                _video.load(file);
+                                _video.load(_model.playlist[_model.item]);
                         } else if (_model.state == _states.PAUSED) {
                                 _video.play();
@@ -2109 +2066 @@
                 }
 
-                
-                function _item(item) {
-                        _stop();
-                        _model.setItem(item);
+                function _setStretching(stretching) {
+                        _model.stretching = stretching;
+                        _view.resize();
+                }
+
+                function _item(index) {
                         _load(_model.item);
                         _play();
@@ -2144 +2103 @@
                 this.setMute = _waitForReady(_setMute);
                 this.setFullscreen = _waitForReady(_setFullscreen);
+                this.setStretching = _waitForReady(_setStretching);
                 
 /*              this.playerReady = _playerReady;
@@ -2191 +2151 @@
         var _utils = jwplayer.utils,
                 _css = _utils.css,
-                _style = _utils.appendStylesheet,
                 _events = jwplayer.events,
                 _states = _events.state,
                 _rotate = html5.utils.animations.rotate,
-
+                
+
+                DOCUMENT = document,
                 D_CLASS = ".jwdisplay",
+                D_PREVIEW_CLASS = ".jwpreview",
 
                 /** Some CSS constants we should use for minimization **/
@@ -2208 +2170 @@
                 //JW_CSS_RIGHT = "right",
                 JW_CSS_100PCT = "100%",
-                JW_CSS_SMOOTH_EASE = "opacity .5s, background .5s";
+                JW_CSS_SMOOTH_EASE = "opacity .25s";
 
         
@@ -2214 +2176 @@
                 var _api = api,
                         _skin = api.skin,
-                        _display,
-                        _config = config ? config : {},
-                        _image, _imageWidth, _imageHeight,
+                        _display, _preview,
+                        _image, _imageWidth, _imageHeight, _imageURL,
                         _icons = {},
                         _hiding,
@@ -2222 +2183 @@
                         _degreesRotated, 
                         _rotationInterval, 
-                        _bufferRotation = !_utils.exists(config.bufferrotation) ? 15 : parseInt(config.bufferrotation, 10), 
-                        _bufferInterval = !_utils.exists(config.bufferinterval) ? 100 : parseInt(config.bufferinterval, 10);
+                        _config = _utils.extend({
+                                backgroundcolor: '#000'
+                        }, config);
+                        _bufferRotation = !_utils.exists(_config.bufferrotation) ? 15 : parseInt(_config.bufferrotation, 10), 
+                        _bufferInterval = !_utils.exists(_config.bufferinterval) ? 100 : parseInt(_config.bufferinterval, 10);
                         
                 function _init() {
@@ -2230 +2194 @@
                         _display.className = "jwdisplay";
                         
+                        _preview = DOCUMENT.createElement("div");
+                        _preview.className = "jwpreview";
+                        _display.appendChild(_preview);
+                        
                         _api.jwAddEventListener(_events.JWPLAYER_PLAYER_STATE, _stateHandler);
                         _api.jwAddEventListener(_events.JWPLAYER_PLAYLIST_ITEM, _itemHandler);
@@ -2238 +2206 @@
                         
                         _stateHandler({newstate:_states.IDLE});
-                        
                 }
                 
@@ -2304 +2271 @@
                         }
                         
-                        _style(selector, { 
+                        _css(selector, { 
                                 width: out.width,
                                 height: out.height,
@@ -2313 +2280 @@
 
                         if (over && over.src) {
-                                _style(selector + ".jwhover", {
+                                _css(selector + ".jwhover", {
                                         background: 'url('+ over.src +') center no-repeat'
                                 });
@@ -2329 +2296 @@
                 }
 
-                function _itemHandler(evt) {
+                function _itemHandler() {
                         var item = _api.jwGetPlaylist()[_api.jwGetPlaylistIndex()];
-                        _image = item ? item.image : "";
-                        _getImageDimensions();
-                        _style('#' + _display.id, {
-                                'background': 'url('+_image+') no-repeat center' 
-                        });
+                        var newImage = item ? item.image : "";
+                        if (_image != newImage) {
+                                _image = newImage;
+                                _setVisibility(D_PREVIEW_CLASS, false);
+                                _getImage();
+                        }
                 }
                 
@@ -2345 +2313 @@
                         case _states.IDLE:
                                 _setIcon('play');
-                                if (_image) {
-                                        _style('#' + _display.id, {
-                                                'background': 'url('+_image+') no-repeat center' 
-                                        });
-                                }
+                                _setVisibility(D_PREVIEW_CLASS, true);
                                 break;
                         case _states.BUFFERING:
@@ -2361 +2325 @@
                         case _states.PLAYING:
                                 _setIcon();
-                                _style('#' + _display.id, {
-                                        'background': 'transparent'
-                                });
+                                _setVisibility(D_PREVIEW_CLASS, false);
                                 break;
                         case _states.PAUSED:
@@ -2375 +2337 @@
                 }
                 
-                function _getImageDimensions() {
+                function _internalSelector(selector) {
+                        return '#' + _display.id + ' ' + selector;
+                }
+                
+                function _getImage() {
                         if (_image) {
                                 // Find image size and stretch exactfit if close enough
-                                var img = DOCUMENT.createElement("img");
+                                var img = new Image();
                                 img.addEventListener('load', function() {
                                         _imageWidth = img.width;
                                         _imageHeight = img.height;
                                         _resize();
+                                        _css(_internalSelector(D_PREVIEW_CLASS), {
+                                                'background-image': _image ? ('url('+_image+')') : '',
+                                        });
+                                        _setVisibility(D_PREVIEW_CLASS, true);
                                 }, false);
                                 img.src = _image;
                         } else {
+                                _setVisibility(D_PREVIEW_CLASS, false);
                                 _imageWidth = _imageHeight = 0;
                         }
@@ -2397 +2368 @@
                         return null;
                 }
-
                 
                 function _resize() {
-                        _utils.stretch(_api.jwGetStretching(), _display, _display.clientWidth, _display.clientHeight, _imageWidth, _imageHeight);
+                        _utils.stretch(_api.jwGetStretching(), _preview, _display.clientWidth, _display.clientHeight, _imageWidth, _imageHeight);
                 }
 
                 this.resize = _resize;
+                
+                function _setVisibility(selector, state) {
+                        _css(_internalSelector(selector), {
+                                opacity: state ? 1 : 0
+                        });
+                }
+                
+                this.show = function() {
+                        _setVisibility('', true);
+                }
+                
+                this.hide = function() {
+                        _setVisibility('', false);
+                }
 
                 _init();
         };
         
-        _style(D_CLASS, {
+        _css(D_CLASS, {
                 position: JW_CSS_ABSOLUTE,
                 cursor: "pointer",
@@ -2415 +2399 @@
                 overflow: 'hidden'
         });
-        
-        _style(D_CLASS + ' *', {
+
+        _css(D_CLASS + ' .jwpreview', {
+                position: JW_CSS_ABSOLUTE,
+                width: JW_CSS_100PCT,
+                height: JW_CSS_100PCT,
+                'background-repeat': 'no-repeat',
+                'background-position': 'center',
+                overflow: 'hidden'
+        });
+
+        _css(D_CLASS +', '+D_CLASS + ' *', {
         '-webkit-transition': JW_CSS_SMOOTH_EASE,
         '-moz-transition': JW_CSS_SMOOTH_EASE,
@@ -2422 +2415 @@
         });
         
-    _style(D_CLASS+' button, ' + D_CLASS+' .jwicon', {
+    _css(D_CLASS+' button, ' + D_CLASS+' .jwicon', {
         border: JW_CSS_NONE,
         position: JW_CSS_ABSOLUTE,
@@ -2431 +2424 @@
     });
 
-    _style( {
-        position: JW_CSS_ABSOLUTE,
-        left: "50%",
-        top: "50%",
-        padding: 0,
-        cursor: 'pointer'
-    });
-
-        
 })(jwplayer.html5);/**
  * jwplayer.html5 model
@@ -2519 +2503 @@
                 }
                 
+                this.seekDrag = function(state) {
+                        _video.seekDrag(state);
+                }
+                
                 this.setFullscreen = function(state) {
                         if (state != _model.fullscreen) {
@@ -2524 +2512 @@
                                 _model.sendEvent(_events.JWPLAYER_FULLSCREEN, { fullscreen: state } );
                         }
+                }
+                
+                this.setPlaylist = function(playlist) {
+                        _model.item = -1;
+                        _model.playlist = playlist;
+                        _model.sendEvent(_events.JWPLAYER_PLAYLIST_LOADED, {
+                                playlist: playlist
+                        });
                 }
                 
@@ -2562 +2558 @@
                         _api.id = _model.id;
                         
-//                      _controller.load();
-/*                      
-                        (new html5.skinloader(config.skin, function(skin) {
-                                _api.skin = skin;
-                                _view.setup();
-                        }, function(err) { _utils.log(err); }));
-*/
                         var setup = new html5.setup(_model, _view, _controller);
                         setup.addEventListener(jwplayer.events.JWPLAYER_READY, _readyHandler);
@@ -2576 +2565 @@
                 
                 function _readyHandler(evt) {
+                        _view.completeSetup();
                         _controller.sendEvent(evt.type, evt);
                         _controller.sendEvent(jwplayer.events.JWPLAYER_PLAYLIST_LOADED, {playlist: _model.playlist});
@@ -2602 +2592 @@
                 this.jwPlaylistItem = _controller.item;
                 this.jwSetFullscreen = _controller.setFullscreen;
-                this.jwResize = _view.resize;
+                this.jwResize = _view.resize;           
+                this.jwSeekDrag = _model.seekDrag;
+                this.jwSetStretching = _controller.setStretching;
+
                 
 
@@ -2786 +2779 @@
         var _jw = jwplayer, _utils = _jw.utils, _events = _jw.events,
         
-                PARSE_CONFIG = "config",
-                LOAD_SKIN = "skin",
-                LOAD_PLAYLIST = "playlist",
-                LOAD_PREVIEW = "preview",
-                SETUP_COMPONENTS = "components",
-                INIT_PLUGINS = "plugins",
-                SEND_READY = "ready";
+                PARSE_CONFIG = 1,
+                LOAD_SKIN = 2,
+                LOAD_PLAYLIST = 3,
+                LOAD_PREVIEW = 4,
+                SETUP_COMPONENTS = 5,
+                INIT_PLUGINS = 6,
+                SEND_READY = 7;
 
         html5.setup = function(model, view, controller) {
@@ -2810 +2803 @@
                         _addTask(LOAD_PLAYLIST, _loadPlaylist, PARSE_CONFIG);
                         _addTask(LOAD_PREVIEW, _loadPreview, LOAD_PLAYLIST);
-                        _addTask(SETUP_COMPONENTS, _setupComponents, LOAD_SKIN);
+                        _addTask(SETUP_COMPONENTS, _setupComponents, LOAD_PREVIEW + "," + LOAD_SKIN);
                         _addTask(INIT_PLUGINS, _initPlugins, SETUP_COMPONENTS + "," + LOAD_PLAYLIST);
                         _addTask(SEND_READY, _sendReady, INIT_PLUGINS);
@@ -2841 +2834 @@
                 function _allComplete(dependencies) {
                         if (!dependencies) return true;
-                        var split = dependencies.split(",");
+                        var split = dependencies.toString().split(",");
                         for (var i=0; i<split.length; i++) {
                                 if (!_completed[split[i]])
@@ -2881 +2874 @@
                 
                 function _playlistLoaded(evt) {
-                        _model.playlist = evt.playlist;
+                        _model.setPlaylist(evt.playlist);
                         _taskComplete(LOAD_PLAYLIST);
                 }
@@ -2897 +2890 @@
                                 img.addEventListener('error', _previewLoaded, false);
                                 img.src = preview; 
+                        } else {
+                                _taskComplete(LOAD_PREVIEW);    
                         }
                 }
@@ -2908 +2903 @@
                         _taskComplete(SETUP_COMPONENTS);
                 }
-
+                
                 function _initPlugins() {
                         _taskComplete(INIT_PLUGINS);
@@ -3195 +3190 @@
                 _utils = _jw.utils, 
                 _events = _jw.events, 
-                _states = _events.state,
-                _isMobile = _utils.isMobile();
+                _states = _events.state;
         
 
@@ -3227 +3221 @@
                         "waiting" : _bufferStateHandler
                 },
-
+                
+                _extensions = {
+                        "mp4": "video/mp4",
+                        "webm": "video/webm",
+                        "m3u8": "audio/x-mpegurl"
+                },
+                
+
+                // Current playlist item
+                _item,
+                // Currently playing file
+                _file,
                 // Reference to the video tag
                 _video,
@@ -3238 +3243 @@
                 // Whether seeking is ready yet
                 _canSeek,
+                // Whether we have sent out the BUFFER_FULL event
+                _bufferFull,
                 // If we should seek on canplay
                 _delayedSeek,
+                // If we're currently dragging the seek bar
+                _dragging,
                 // Current media state
                 _state = _states.IDLE,
@@ -3284 +3293 @@
 
                 function _timeUpdateHandler(evt) {
-                        if (_state == _states.PLAYING) {
+                        if (_state == _states.PLAYING && !_dragging) {
                                 _position = _video.currentTime;
                                 _sendEvent(_events.JWPLAYER_MEDIA_TIME, {
@@ -3299 +3308 @@
                         if (!_canSeek) {
                                 _canSeek = true;
-                                _sendEvent(_events.JWPLAYER_MEDIA_BUFFER_FULL);
+                                _sendBufferFull();
                                 if (_delayedSeek > 0) {
                                         _seek(_delayedSeek);
@@ -3305 +3314 @@
                         }
                 }
+                
+                function _sendBufferFull() {
+                        if (!_bufferFull) {
+                                _bufferFull = true;
+                                _sendEvent(_events.JWPLAYER_MEDIA_BUFFER_FULL);
+                        }
+                }
 
                 function _playHandler(evt) {
+                        if (_dragging) return;
+                        
                         if (_video.paused) {
                                 _setState(_states.PAUSED);
@@ -3323 +3341 @@
                 }
 
-                this.load = function(videoURL) {
+                function _canPlay(file) {
+                        var type = _extensions[_utils.strings.extension(file)];
+                        return (!!type && _video.canPlayType(type));
+                }
+                
+                /** Selects the appropriate file out of all available options **/
+                function _selectFile(item) {
+                        if (item.levels && item.levels.length > 0) {
+                                for (var i=0; i<item.levels.length; i++) {
+                                        if (_canPlay(item.levels[i].file))
+                                                return item.levels[i].file;
+                                }
+                        } else if (item.file && _canPlay(item.file)) {
+                                return item.file;
+                        }
+                        return null;
+                }
+                
+                this.load = function(item) {
+                        _item = item;
                         _canSeek = false;
+                        _bufferFull = false;
                         _delayedSeek = 0;
                         _duration = 0;
                         _position = 0;
+                        
+                        _file = _selectFile(_item);
+                        
+                        if (!_file) {
+                                _utils.log("Could not find a file to play.");
+                                return;
+                        }
+                        
                         _setState(_states.BUFFERING); 
-                        _video.src = videoURL;
-                        
+                        _video.src = _file;
                         _video.load();
                         
                         _bufferInterval = setInterval(_sendBufferUpdate, 100);
 
-                        if (_isMobile) {
+                        // Use native browser controls on mobile
+                        if (_utils.isMobile()) {
                                 _video.controls = true;
-                                _video.style.opacity = 1;
+                        }
+                        
+                        if (_utils.isIPod()) {
+                                _sendBufferFull();
                         }
                 }
 
                 var _stop = this.stop = function() {
-                        // _video.src = "";
                         _video.removeAttribute("src");
                         _video.load();
-                        _video.style.opacity = 0;
                         clearInterval(_bufferInterval);
                         _setState(_states.IDLE);
@@ -3351 +3398 @@
 
                 this.play = function() {
-                        _video.style.opacity = 1;
                         _video.play();
                 }
@@ -3359 +3405 @@
                 }
 
+                this.seekDrag = function(state) {
+                        _dragging = state;
+                        if (state) _video.pause();
+                        else _video.play();
+                }
+                
                 var _seek = this.seek = function(pos) {
                         if (_canSeek) {
                                 _delayedSeek = 0;
-                                _sendEvent(_events.JWPLAYER_MEDIA_SEEK, {
-                                        position: _position,
-                                        offset: pos
-                                });
+                                if (!_dragging) {
+                                        _sendEvent(_events.JWPLAYER_MEDIA_SEEK, {
+                                                position: _position,
+                                                offset: pos
+                                        });
+                                }
                                 _video.currentTime = pos;
                         } else {
@@ -3404 +3458 @@
                                 return;
                         }
+                        
+                        // Ignore state changes while dragging the seekbar
+                        if (_dragging) return
 
                         if (_state != newstate) {
@@ -3459 +3516 @@
  */
 (function(html5) {
-        var _jw = jwplayer, _utils = _jw.utils, _style = _utils.appendStylesheet, _events = jwplayer.events, _states = _events.state;
-
-        DOCUMENT = document, 
-        VIEW_CONTAINER_CLASS = "jwplayer", 
-        VIEW_VIDEO_CONTAINER_CLASS = "jwvideocontainer", 
-        VIEW_CONTROLS_CONTAINER_CLASS = "jwcontrolscontainer";
+        var _jw = jwplayer, 
+                _utils = _jw.utils, 
+                _css = _utils.css, 
+                _events = jwplayer.events, 
+                _states = _events.state,
+
+                DOCUMENT = document, 
+                VIEW_CONTAINER_CLASS = "jwplayer", 
+                VIEW_VIDEO_CONTAINER_CLASS = "jwvideocontainer", 
+                VIEW_CONTROLS_CONTAINER_CLASS = "jwcontrolscontainer";
 
         html5.view = function(api, model) {
@@ -3503 +3564 @@
                         
                         _api.jwAddEventListener(_events.JWPLAYER_PLAYER_STATE, _stateHandler);
+
+                        _stateHandler({newstate:_states.IDLE});
                         
                         _container.addEventListener('mouseout', _fadeControls, false);
-                        
                         _container.addEventListener('mousemove', function(evt) {
                                 _showControls();
@@ -3523 +3585 @@
                 
                 function _setupControls() {
-                        var width = _api.jwGetWidth(),
-                                height = _api.jwGetHeight(),
+                        var width = _model.width,
+                                height = _model.height,
                                 cbSettings = _api.skin.getComponentSettings('controlbar'),
                                 displaySettings = _api.skin.getComponentSettings('display')
@@ -3536 +3598 @@
                         }
 
-                        _style('#'+_container.id, {
-                                'background-color': displaySettings.backgroundcolor ? displaySettings.backgroundcolor : 0,
-                                width: width,
-                                height: height
+                        _resize(width, height);
+                        
+                        _css('#'+_container.id, {
+                                'background-color': displaySettings.backgroundcolor ? displaySettings.backgroundcolor : 0
                         });
 
@@ -3559 +3621 @@
                         if (state) {
                                 if (!_model.fullscreen) {
-                                        _fakeFullscreen(true);
-                                        
                                         if (_container.requestFullScreen) {
                                                 _container.requestFullScreen();
                                         } else if (_container.mozRequestFullScreen) {
                                                 _container.mozRequestFullScreen();
-                                        } else if (_container.webkitRequestFullScreenWithKeys) {
-                                                _container.webkitRequestFullScreenWithKeys();
                                         } else if (_container.webkitRequestFullScreen) {
                                                 _container.webkitRequestFullScreen();
+                                        } else {
+                                                _fakeFullscreen(true);
                                         }
                                 }
@@ -3589 +3649 @@
                  */
                 function _resize(width, height) {
+                        if (_utils.exists(width) && _utils.exists(height)) {
+                                _css('#'+_container.id, {
+                                        width: width,
+                                        height: height
+                                });
+                                _model.width = width;
+                                _model.height = height;
+                        }
+
                         if (_controls.display) {
                                 _controls.display.resize(width, height);
@@ -3595 +3664 @@
                                 _controls.controlbar.resize(width, height);
                         }
-                        if (_container.style.opacity == 0) {
-                                _container.style.opacity = 1;
-                        }
+
                         return;
                 }
                 
                 this.resize = _resize;
-                
+
+                this.completeSetup = function() {
+                        _css('#'+_container.id, {opacity: 1});
+                }
                 
                 /**
@@ -3638 +3708 @@
                  */
                 function _isNativeFullscreen() {
-                        return (DOCUMENT.mozFullScreenElement == _container || 
-                                        DOCUMENT.webkitCurrentFullScreenElement == _container);
+                        if (DOCUMENT.mozFullScreenElement) return DOCUMENT.mozFullScreenElement.id == _container.id; 
+                        else if (DOCUMENT.webkitCurrentFullScreenElement) return DOCUMENT.webkitCurrentFullScreenElement.id == _container.id; 
+                        else return false;
                 }
                 
@@ -3651 +3722 @@
 
                 function _hideControls() {
-                        _controlsLayer.style.opacity = 0;
+                        if (_controls.controlbar) _controls.controlbar.hide();
+                        if (_controls.display) _controls.display.hide();
                 }
 
                 function _showControls() {
-                        _controlsLayer.style.opacity = 1;
+                        if (_controls.controlbar) _controls.controlbar.show();
+                        if (_controls.display) _controls.display.show();
                 }
 
@@ -3662 +3735 @@
                  */
                 function _stateHandler(evt) {
+                        var vidstyle = {};
                         switch(evt.newstate) {
                         case _states.PLAYING:
+                                if (_utils.isIPod) {
+                                        vidstyle.display = "block";
+                                }
+                                vidstyle.opacity = 1;
+                                _css('#'+_container.id+' .'+VIEW_VIDEO_CONTAINER_CLASS, vidstyle);
                                 _hideControls();
                                 break;
                         case _states.COMPLETED:
                         case _states.IDLE:
+                                if (_utils.isIPod) {
+                                        vidstyle.display = "none";
+                                }
+                                vidstyle.opacity = 0;
+                                _css('#'+_container.id+' .'+VIEW_VIDEO_CONTAINER_CLASS, vidstyle);
+                                _showControls();
+                                break;
                         case _states.BUFFERING:
                         case _states.PAUSED:
-                                _showControls();
+                                if (!_utils.isMobile()) {
+                                        _showControls();
+                                }
                                 break;
                         }
                 }
-
-
         }
 
@@ -3683 +3769 @@
          *************************************************************/
 
-        var JW_CSS_SMOOTH_EASE = "opacity .25s ease";
+        var JW_CSS_SMOOTH_EASE = "opacity .5s ease";
 
         
         // Container styles
-        _style('.' + VIEW_CONTAINER_CLASS, {
+        _css('.' + VIEW_CONTAINER_CLASS, {
                 position : "relative",
                 overflow: "hidden",
@@ -3696 +3782 @@
         });
 
-        _style('.' + VIEW_VIDEO_CONTAINER_CLASS + ' ,.'+ VIEW_CONTROLS_CONTAINER_CLASS, {
+        _css('.' + VIEW_VIDEO_CONTAINER_CLASS + ' ,.'+ VIEW_CONTROLS_CONTAINER_CLASS, {
                 position : "absolute",
                 width : "100%",
@@ -3705 +3791 @@
         });
 
-        _style('.' + VIEW_VIDEO_CONTAINER_CLASS + " video", {
+        _css('.' + VIEW_VIDEO_CONTAINER_CLASS + " video", {
                 background : "transparent",
                 width : "100%",
-                height : "100%",
-                opacity : 0,
-                '-webkit-transition' : 'opacity .15s ease'
+                height : "100%"
         });
 
@@ -3717 +3801 @@
         // Fullscreen styles
         
-        _style('.' + VIEW_CONTAINER_CLASS+':-webkit-full-screen', {
+        _css('.' + VIEW_CONTAINER_CLASS+':-webkit-full-screen', {
                 width: "100% !important",
                 height: "100% !important"
         });
         
-        _style('.' + VIEW_CONTAINER_CLASS+':-moz-full-screen', {
+        _css('.' + VIEW_CONTAINER_CLASS+':-moz-full-screen', {
                 width: "100% !important",
                 height: "100% !important"
         });
         
-        _style('.' + VIEW_CONTAINER_CLASS+'.jwfullscreen', {
+        _css('.' + VIEW_CONTAINER_CLASS+'.jwfullscreen', {
                 left: 0,
                 right: 0,
@@ -3736 +3820 @@
         });
 
-        _style('.' + VIEW_CONTAINER_CLASS+' .jwuniform', {
+        _css('.' + VIEW_CONTAINER_CLASS+' .jwuniform', {
                 'background-size': 'contain !important'
         });
 
-        _style('.' + VIEW_CONTAINER_CLASS+' .jwfill', {
+        _css('.' + VIEW_CONTAINER_CLASS+' .jwfill', {
                 'background-size': 'cover !important'
         });
 
-        _style('.' + VIEW_CONTAINER_CLASS+' .jwexactfit', {
+        _css('.' + VIEW_CONTAINER_CLASS+' .jwexactfit', {
                 'background-size': '100% 100% !important'
         });
 
-        _style('.' + VIEW_CONTAINER_CLASS+' .jwnone', {
+        _css('.' + VIEW_CONTAINER_CLASS+' .jwnone', {
                 'background-size': null
         });

branches/jw6/jwplayer.min.js

@@ -1 @@
-if(typeof jwplayer=="undefined"){jwplayer=function(a){if(jwplayer.api){return jwplayer.api.selectPlayer(a)}};var $jw=jwplayer;jwplayer.version="6.0";jwplayer.vid=document.createElement("video");jwplayer.audio=document.createElement("audio");jwplayer.source=document.createElement("source");(function(d){var i=document;var e=window;var k=d.utils=function(){};k.exists=function(p){switch(typeof(p)){case"string":return(p.length>0);break;case"object":return(p!==null);case"undefined":return false}return true};var j;var a={};k.css=function(p,s){if(k.exists(p)){for(var q in s){try{if(typeof s[q]==="undefined"){continue}else{if(typeof s[q]=="number"&&!(q=="zIndex"||q=="opacity")){if(isNaN(s[q])){continue}if(q.match(/color/i)){s[q]="#"+k.strings.pad(s[q].toString(16),6)}else{s[q]=Math.ceil(s[q])+"px"}}}if(s[q]){p.style[q]=s[q]}}catch(r){}}}};var g=false;k.appendStylesheet=function(p,r){if(!j){j=i.createElement("style");j.type="text/css";i.getElementsByTagName("head")[0].appendChild(j)}if(!a[p]){a[p]={}}for(var q in r){var s=o(q,r[q]);if(k.exists(a[p][q])&&!k.exists(s)){delete a[p][q]}else{a[p][q]=s}}f()};function o(p,q){if(typeof q==="undefined"){return undefined}if(typeof q=="number"){if(isNaN(q)){return undefined}switch(p){case"z-index":case"opacity":return q;break;default:if(p.match(/color/i)){return"#"+k.strings.pad(q.toString(16),6)}else{return Math.ceil(q)+"px"}break}}else{return q}}function f(){if(j){var p="";for(var s in a){var r=a[s];p+=s+"{\n";for(var q in r){p+="  "+q+": "+r[q]+";\n"}p+="}\n"}j.innerHTML=p}}k.clearCss=function(p){for(var q in a){if(q.indexOf(p)>=0){delete a[q]}}f()};k.getAbsolutePath=function(v,u){if(!k.exists(u)){u=i.location.href}if(!k.exists(v)){return undefined}if(b(v)){return v}var w=u.substring(0,u.indexOf("://")+3);var t=u.substring(w.length,u.indexOf("/",w.length+1));var q;if(v.indexOf("/")===0){q=v.split("/")}else{var r=u.split("?")[0];r=r.substring(w.length+t.length+1,r.lastIndexOf("/"));q=r.split("/").concat(v.split("/"))}var p=[];for(var s=0;s<q.length;s++){if(!q[s]||!k.exists(q[s])||q[s]=="."){continue}else{if(q[s]==".."){p.pop()}else{p.push(q[s])}}}return w+t+"/"+p.join("/")};function b(q){if(!k.exists(q)){return}var r=q.indexOf("://");var p=q.indexOf("?");return(r>0&&(p<0||(p>r)))}k.extend=function(){var p=k.extend["arguments"];if(p.length>1){for(var r=1;r<p.length;r++){for(var q in p[r]){p[0][q]=p[r][q]}}return p[0]}return null};k.parseDimension=function(p){if(typeof p=="string"){if(p===""){return 0}else{if(p.lastIndexOf("%")>-1){return p}else{return parseInt(p.replace("px",""),10)}}}return p};k.timeFormat=function(p){if(p>0){str=Math.floor(p/60)<10?"0"+Math.floor(p/60)+":":Math.floor(p/60)+":";str+=Math.floor(p%60)<10?"0"+Math.floor(p%60):Math.floor(p%60);return str}else{return"00:00"}};k.log=function(q,p){if(typeof console!="undefined"&&typeof console.log!="undefined"){if(p){console.log(q,p)}else{console.log(q)}}};k.getBoundingClientRect=function(p){if(typeof p.getBoundingClientRect=="function"){return p.getBoundingClientRect()}else{return{left:p.offsetLeft+i.body.scrollLeft,top:p.offsetTop+i.body.scrollTop,width:p.offsetWidth,height:p.offsetHeight}}};k.userAgentMatch=function(q){var p=navigator.userAgent.toLowerCase();return(p.match(q)!==null)};k.isMobile=function(){return k.userAgentMatch(/(iP(hone|ad|od))|android/i)};k.isIPod=function(){return d.utils.userAgentMatch(/iP(hone|od)/i)};k.saveCookie=function(p,q){i.cookie="jwplayer."+p+"="+q+"; path=/"};k.getCookies=function(){var s={};var r=i.cookie.split("; ");for(var q=0;q<r.length;q++){var p=r[q].split("=");if(p[0].indexOf("jwplayer.")==0){s[p[0].substring(9,p[0].length)]=p[1]}}return s};k.ajax=function(t,s,p){var r;if(c(t)&&k.exists(e.XDomainRequest)){r=new XDomainRequest();r.onload=n(r,t,s,p);r.onerror=m(p,t,r)}else{if(k.exists(e.XMLHttpRequest)){r=new XMLHttpRequest();r.onreadystatechange=h(r,t,s,p);r.onerror=m(p,t)}else{if(p){p()}}}try{r.open("GET",t,true);r.send(null)}catch(q){if(p){p(t)}}return r};function c(p){if(p&&p.indexOf("://")>=0){if(p.split("/")[2]!=window.location.href.split("/")[2]){return true}}return false}function m(p,r,q){return function(){p(r)}}function h(q,s,r,p){return function(){if(q.readyState===4){if(q.status==200){n(q,s,r,p)()}else{if(p){p(s)}}}}}function n(q,s,r,p){return function(){if(!k.exists(q.responseXML)){try{var t;if(e.DOMParser){t=(new DOMParser()).parseFromString(q.responseText,"text/xml")}else{t=new ActiveXObject("Microsoft.XMLDOM");t.async="false";t.loadXML(q.responseText)}if(t){q=d.utils.extend({},q,{responseXML:t})}}catch(u){if(p){p(s)}return}}r(q)}}k.typeOf=function(q){var p=typeof q;if(p==="object"){if(!q){return"null"}return(q instanceof Array)?"array":p}else{return p}};k.stretch=function(v,D,C,t,B,u,r){var q=(k.exists(C)&&k.exists(B))?C/B:0,s=(k.exists(t)&&k.exists(u))?t/u:0,A=0,z=0,p={},w;switch(v.toLowerCase()){case l.NONE:case l.FILL:case l.EXACTFIT:w="jw"+v.toLowerCase();break;case l.UNIFORM:w="jw"+v.toLowerCase();if(q>s){if((B*s)/C>0.95){w="jwexactfit"}}else{if((u*q)/t>0.95){w="jwexactfit"}}break;default:break}D.className=D.className.replace(/jw(none|exactfit|uniform|fill)/g,"");D.className+=" "+w};var l=k.stretching={NONE:"none",FILL:"fill",UNIFORM:"uniform",EXACTFIT:"exactfit"}})(jwplayer);(function(b){var a=b.strings=function(){};a.trim=function(c){return c.replace(/^\s*/,"").replace(/\s*$/,"")};a.pad=function(d,e,c){if(!c){c="0"}while(d.length<e){d=c+d}return d};a.serialize=function(c){if(c==null){return null}else{if(c=="true"){return true}else{if(c=="false"){return false}else{if(isNaN(Number(c))||c.length>5||c.length==0){return c}else{return Number(c)}}}}};a.seconds=function(e){e=e.replace(",",".");var c=e.split(":");var d=0;if(e.substr(-1)=="s"){d=Number(e.substr(0,e.length-1))}else{if(e.substr(-1)=="m"){d=Number(e.substr(0,e.length-1))*60}else{if(e.substr(-1)=="h"){d=Number(e.substr(0,e.length-1))*3600}else{if(c.length>1){d=Number(c[c.length-1]);d+=Number(c[c.length-2])*60;if(c.length==3){d+=Number(c[c.length-3])*3600}}else{d=Number(e)}}}}return d};a.xmlAttribute=function(c,d){for(var e=0;e<c.attributes.length;e++){if(c.attributes[e].name&&c.attributes[e].name.toLowerCase()==d.toLowerCase()){return c.attributes[e].value.toString()}}return""};a.jsonToString=function(g){var i=i||{};if(i&&i.stringify){return i.stringify(g)}var d=typeof(g);if(d!="object"||g===null){if(d=="string"){g='"'+g.replace(/"/g,'\\"')+'"'}else{return String(g)}}else{var h=[],c=(g&&g.constructor==Array);for(var e in g){var f=g[e];switch(typeof(f)){case"string":f='"'+f.replace(/"/g,'\\"')+'"';break;case"object":if(b.exists(f)){f=a.jsonToString(f)}break}if(c){if(typeof(f)!="function"){h.push(String(f))}}else{if(typeof(f)!="function"){h.push('"'+e+'":'+String(f))}}}if(c){return"["+String(h)+"]"}else{return"{"+String(h)+"}"}}}})(jwplayer.utils);(function(b){var d=new RegExp(/^(#|0x)[0-9a-fA-F]{3,6}/);b.typechecker=function(g,f){f=!b.exists(f)?c(g):f;return e(g,f)};function c(f){var g=["true","false","t","f"];if(g.toString().indexOf(f.toLowerCase().replace(" ",""))>=0){return"boolean"}else{if(d.test(f)){return"color"}else{if(!isNaN(parseInt(f,10))&&parseInt(f,10).toString().length==f.length){return"integer"}else{if(!isNaN(parseFloat(f))&&parseFloat(f).toString().length==f.length){return"float"}}}}return"string"}function e(g,f){if(!b.exists(f)){return g}switch(f){case"color":if(g.length>0){return a(g)}return null;case"integer":return parseInt(g,10);case"float":return parseFloat(g);case"boolean":if(g.toLowerCase()=="true"){return true}else{if(g=="1"){return true}}return false}return g}function a(f){f=f.replace(/(#|0x)?([0-9A-F]{3,6})$/gi,"$2");if(f.length==3){f=f.charAt(0)+f.charAt(0)+f.charAt(1)+f.charAt(1)+f.charAt(2)+f.charAt(2)}return parseInt(f,16)}})(jwplayer.utils);(function(a){a.events={COMPLETE:"COMPLETE",ERROR:"ERROR",API_READY:"jwplayerAPIReady",JWPLAYER_READY:"jwplayerReady",JWPLAYER_FULLSCREEN:"jwplayerFullscreen",JWPLAYER_RESIZE:"jwplayerResize",JWPLAYER_ERROR:"jwplayerError",JWPLAYER_MEDIA_BEFOREPLAY:"jwplayerMediaBeforePlay",JWPLAYER_MEDIA_BEFORECOMPLETE:"jwplayerMediaBeforeComplete",JWPLAYER_COMPONENT_SHOW:"jwplayerComponentShow",JWPLAYER_COMPONENT_HIDE:"jwplayerComponentHide",JWPLAYER_MEDIA_BUFFER:"jwplayerMediaBuffer",JWPLAYER_MEDIA_BUFFER_FULL:"jwplayerMediaBufferFull",JWPLAYER_MEDIA_ERROR:"jwplayerMediaError",JWPLAYER_MEDIA_LOADED:"jwplayerMediaLoaded",JWPLAYER_MEDIA_COMPLETE:"jwplayerMediaComplete",JWPLAYER_MEDIA_SEEK:"jwplayerMediaSeek",JWPLAYER_MEDIA_TIME:"jwplayerMediaTime",JWPLAYER_MEDIA_VOLUME:"jwplayerMediaVolume",JWPLAYER_MEDIA_META:"jwplayerMediaMeta",JWPLAYER_MEDIA_MUTE:"jwplayerMediaMute",JWPLAYER_PLAYER_STATE:"jwplayerPlayerState",state:{BUFFERING:"BUFFERING",IDLE:"IDLE",PAUSED:"PAUSED",PLAYING:"PLAYING",COMPLETED:"COMPLETED"},JWPLAYER_PLAYLIST_LOADED:"jwplayerPlaylistLoaded",JWPLAYER_PLAYLIST_ITEM:"jwplayerPlaylistItem",JWPLAYER_INSTREAM_CLICK:"jwplayerInstreamClicked",JWPLAYER_INSTREAM_DESTROYED:"jwplayerInstreamDestroyed"}})(jwplayer);(function(a){var b=jwplayer.utils;a.eventdispatcher=function(h,c){var e=h,g=c,f,d;this.resetEventListeners=function(){f={};d=[]};this.resetEventListeners();this.addEventListener=function(i,l,k){try{if(!b.exists(f[i])){f[i]=[]}if(b.typeOf(l)=="string"){l=(new Function("return "+l))()}f[i].push({listener:l,count:k})}catch(j){b.log("error",j)}return false};this.removeEventListener=function(j,l){if(!f[j]){return}try{for(var i=0;i<f[j].length;i++){if(f[j][i].listener.toString()==l.toString()){f[j].splice(i,1);break}}}catch(k){b.log("error",k)}return false};this.addGlobalListener=function(k,j){try{if(b.typeOf(k)=="string"){k=(new Function("return "+k))()}d.push({listener:k,count:j})}catch(i){b.log("error",i)}return false};this.removeGlobalListener=function(k){if(!k){return}try{for(var i=0;i<d.length;i++){if(d[i].listener.toString()==k.toString()){d.splice(i,1);break}}}catch(j){b.log("error",j)}return false};this.sendEvent=function(k,m){if(!b.exists(m)){m={}}b.extend(m,{id:e,version:jwplayer.version,type:k});if(g){b.log(k,m)}if(b.typeOf(f[k])!="undefined"){for(var j=0;j<f[k].length;j++){try{f[k][j].listener(m)}catch(l){b.log("There was an error while handling a listener: "+l.toString(),f[k][j].listener)}if(f[k][j]){if(f[k][j].count===1){delete f[k][j]}else{if(f[k][j].count>0){f[k][j].count=f[k][j].count-1}}}}}var i;for(i=0;i<d.length;i++){try{d[i].listener(m)}catch(l){b.log("There was an error while handling a listener: "+l.toString(),d[i].listener)}if(d[i]){if(d[i].count===1){delete d[i]}else{if(d[i].count>0){d[i].count=d[i].count-1}}}}}}})(jwplayer.events);(function(a){a.html5={}})(jwplayer);(function(a){a.utils={}})(jwplayer.html5);(function(a){var b=a.animations=function(){};b.transform=function(c,d){c.style.webkitTransform=d;c.style.MozTransform=d;c.style.OTransform=d;c.style.msTransform=d};b.transformOrigin=function(c,d){c.style.webkitTransformOrigin=d;c.style.MozTransformOrigin=d;c.style.OTransformOrigin=d;c.style.msTransformOrigin=d};b.rotate=function(c,d){b.transform(c,"rotate("+d+"deg)")}})(jwplayer.html5.utils);(function(a){a.parsers={localName:function(b){if(!b){return""}else{if(b.localName){return b.localName}else{if(b.baseName){return b.baseName}else{return""}}}},textContent:function(b){if(!b){return""}else{if(b.textContent){return b.textContent}else{if(b.text){return b.text}else{return""}}}},getChildNode:function(c,b){return c.childNodes[b]},numChildren:function(b){if(b.childNodes){return b.childNodes.length}else{return 0}}}})(jwplayer.html5);(function(b){var a=b.html5.parsers;var d=a.jwparser=function(){};var c="jwplayer";d.parseEntry=function(h,j){for(var f=0;f<h.childNodes.length;f++){var g=h.childNodes[f];if(g.prefix==c){var e=a.localName(g);j[e]=b.utils.strings.serialize(a.textContent(g));if(e=="file"&&j.levels){delete j.levels}}if(!j.file){j.file=j.link}}return j}})(jwplayer);(function(d){var h=jwplayer.utils.strings,g=h.xmlAttribute,b=d.localName,a=d.textContent,c=d.numChildren;var f=d.mediaparser=function(){};var e="media";f.parseGroup=function(m,n){for(var k=0;k<c(m);k++){var l=m.childNodes[k];if(l.prefix==e){if(!b(l)){continue}switch(b(l).toLowerCase()){case"content":n.file=g(l,"url");if(g(l,"duration")){n.duration=h.seconds(g(l,"duration"))}if(g(l,"start")){n.start=h.seconds(g(l,"start"))}if(c(l)>0){n=f.parseGroup(l,n)}if(g(l,"width")||g(l,"bitrate")||g(l,"url")){if(!n.levels){n.levels=[]}n.levels.push({width:g(l,"width"),bitrate:g(l,"bitrate"),file:g(l,"url")})}break;case"title":n.title=a(l);break;case"description":n.description=a(l);break;case"keywords":n.tags=a(l);break;case"thumbnail":n.image=g(l,"url");break;case"credit":n.author=a(l);break;case"player":var j=l.url;break;case"group":f.parseGroup(l,n);break}}}return n}})(jwplayer.html5.parsers);(function(f){var g=jwplayer.utils,a=f.textContent,d=f.getChildNode,e=f.numChildren,c=f.localName;f.rssparser={};f.rssparser.parse=function(o){var h=[];for(var m=0;m<e(o);m++){var n=d(o,m),k=c(n).toLowerCase();if(k=="channel"){for(var l=0;l<e(n);l++){var p=d(n,l);if(c(p).toLowerCase()=="item"){h.push(b(p))}}}}return h};function b(l){var m={};for(var j=0;j<l.childNodes.length;j++){var k=l.childNodes[j];var h=c(k);if(!h){continue}switch(h.toLowerCase()){case"enclosure":m.file=g.strings.xmlAttribute(k,"url");break;case"title":m.title=a(k);break;case"pubdate":m.date=a(k);break;case"description":m.description=a(k);break;case"link":m.link=a(k);break;case"category":if(m.tags){m.tags+=a(k)}else{m.tags=a(k)}break}}m=f.mediaparser.parseGroup(l,m);m=f.jwparser.parseEntry(l,m);return new jwplayer.html5.playlistitem(m)}})(jwplayer.html5.parsers);(function(l){var s=l.html5,h=l.utils,i=l.events,o=l.events.state,g=h.appendStylesheet,b="button",n="text",d="divider",p="slider",e="relative",f="absolute",a="none",m="block",r="inline",k="inline-block",c="left",t="right",j="100%",q="width .25s linear, left .25s linear, opacity .25s, background .25s";CB_CLASS=".jwcontrolbar",DOCUMENT=document;s.controlbar=function(A,an){var y,Q,z={margin:10,font:"Arial,sans-serif",fontsize:10,fontcolor:parseInt("000000",16),fontstyle:"normal",fontweight:"bold",layout:{left:{position:"left",elements:[{name:"play",type:b},{name:"divider",type:d},{name:"prev",type:b},{name:"divider",type:d},{name:"next",type:b},{name:"divider",type:d},{name:"elapsed",type:n}]},center:{position:"center",elements:[{name:"time",type:p}]},right:{position:"right",elements:[{name:"duration",type:n},{name:"blank",type:b},{name:"divider",type:d},{name:"mute",type:b},{name:"volume",type:p},{name:"divider",type:d},{name:"fullscreen",type:b}]}}},P,aw,ah,au,ak,aE,J,U={play:"pause",mute:"unmute",fullscreen:"normalscreen"},av={play:false,mute:false,fullscreen:false},x={play:Z,mute:K,fullscreen:W,next:w,prev:ac},B={time:T,volume:az};function ay(){ah={};y=A;ak=y.id+"_controlbar";aE=0;au=L();au.id=ak;au.className="jwcontrolbar";window.addEventListener("mousemove",aD,false);window.addEventListener("mouseup",aD,false);Q=y.skin;P=h.extend({},z,an);aw=Q.getComponentLayout("controlbar");if(!aw){aw=z.layout}S();ap();u()}function u(){y.jwAddEventListener(l.events.JWPLAYER_MEDIA_TIME,aF);y.jwAddEventListener(l.events.JWPLAYER_PLAYER_STATE,E);y.jwAddEventListener(l.events.JWPLAYER_MEDIA_MUTE,aA);y.jwAddEventListener(l.events.JWPLAYER_MEDIA_VOLUME,C);y.jwAddEventListener(l.events.JWPLAYER_MEDIA_BUFFER,H);y.jwAddEventListener(l.events.JWPLAYER_FULLSCREEN,D)}function aF(aG){aE=aG.duration;if(ah.elapsed){ah.elapsed.innerHTML=h.timeFormat(aG.position)}if(ah.duration){ah.duration.innerHTML=h.timeFormat(aG.duration)}if(aG.duration>0){at(aG.position/aG.duration)}else{at(0)}}function E(aG){switch(aG.newstate){case o.BUFFERING:case o.PLAYING:if(ah.timeSliderThumb){ah.timeSliderThumb.style.opacity=1}O("play",true);break;case o.PAUSED:if(!ae){O("play",false)}break;case o.IDLE:O("play",false);if(ah.timeSliderThumb){ah.timeSliderThumb.style.opacity=0}if(ah.timeRail){ah.timeRail.className="jwrail";setTimeout(function(){ah.timeRail.className+=" jwsmooth"},100)}ax(0);aF({position:0,duration:0});break;case o.COMPLETED:au.style.opacity=0;break}}function aA(aG){O("mute",aG.mute);v(aG.mute?0:J)}function C(aG){J=aG.volume/100;v(J)}function H(aG){ax(aG.bufferPercent/100)}function D(aG){O("fullscreen",aG.fullscreen)}function S(){h.clearCss("#"+ak);g("#"+ak,{height:Y("background").height,bottom:P.position=="OVER"?P.margin:0,left:P.position=="OVER"?P.margin:0,right:P.position=="OVER"?P.margin:0});g(ao(".jwtext"),{font:P.fontsize+"px/"+Y("background").height+"px "+P.font,color:P.fontcolor,"font-weight":P.fontweight,"font-style":P.fontstyle,"text-align":"center",padding:"0 5px"})}function ao(aG){return"#"+ak+" "+aG}function L(){return DOCUMENT.createElement("span")}function ap(){var aI=ai("capLeft");var aH=ai("capRight");var aG=ai("background",{position:f,left:Y("capLeft").width,right:Y("capRight").width,"background-repeat":"repeat-x"},true);if(aG){au.appendChild(aG)}if(aI){au.appendChild(aI)}aq();if(aH){au.appendChild(aH)}}function M(aG){switch(aG.type){case d:return ab(aG);break;case n:return aj(aG.name);break;case b:if(aG.name!="blank"){return aa(aG.name)}break;case p:return N(aG.name);break}}function ai(aI,aL,aH,aN){var aK=L();aK.className="jw"+aI;var aG=aN?" left center":" center";var aJ=Y(aI);aK.innerHTML="&nbsp;";if(!aJ||aJ.src==""){return}var aM;if(aH){aM={background:"url('"+aJ.src+"') repeat-x "+aG}}else{aM={background:"url('"+aJ.src+"') no-repeat"+aG,width:aJ.width}}g(ao(".jw"+aI),h.extend(aM,aL));ah[aI]=aK;return aK}function aa(aI){if(!Y(aI+"Button").src){return null}var aJ=DOCUMENT.createElement("button");aJ.className="jw"+aI;aJ.addEventListener("click",af(aI),false);var aK=Y(aI+"Button");var aH=Y(aI+"ButtonOver");aJ.innerHTML="&nbsp;";R(ao(".jw"+aI),aK,aH);var aG=U[aI];if(aG){R(ao(".jw"+aI+".jwtoggle"),Y(aG+"Button"),Y(aG+"ButtonOver"))}ah[aI]=aJ;return aJ}function R(aG,aH,aI){if(!aH.src){return}g(aG,{width:aH.width,background:"url("+aH.src+") center no-repeat"});if(aI.src){g(aG+":hover",{background:"url("+aI.src+") center no-repeat"})}}function af(aG){return function(){if(x[aG]){x[aG]()}}}function Z(){if(av.play){y.jwPause()}else{y.jwPlay()}}function K(){y.jwSetMute();aA({mute:av.mute})}function az(aG){if(aG<0.1){aG=0}if(aG>0.9){aG=1}y.jwSetVolume(aG*100);v(aG)}function T(aG){if(!ae){y.jwPlay()}y.jwSeek(aG*aE)}function W(){y.jwSetFullscreen()}function w(){y.jwPlaylistNext()}function ac(){y.jwPlaylistNext()}function O(aG,aH){if(!h.exists(aH)){aH=!av[aG]}if(ah[aG]){ah[aG].className="jw"+aG+(aH?" jwtoggle jwtoggling":" jwtoggling");setTimeout(function(){ah[aG].className=ah[aG].className.replace(" jwtoggling","")},100)}av[aG]=aH}function I(aG){return ak+"_"+aG}function aj(aG,aK){var aI=L();aI.id=I(aG);aI.className="jwtext jw"+aG;var aH={};var aJ=Y(aG+"Background");if(aJ.src){aH.background="url("+aJ.src+") no-repeat center";aH["background-size"]="100% "+Y("background").height+"px"}g(ao(".jw"+aG),aH);aI.innerHTML="00:00";ah[aG]=aI;return aI}function ab(aH){if(aH.width){var aG=L();aG.className="jwblankDivider";g(aG,{width:parseInt(aH.width)});return aG}else{if(aH.element){return ai(aH.element)}else{return ai(aH.name)}}}function N(aG){var aJ=L();aJ.className="jwslider jw"+aG;var aI=ai(aG+"SliderCapLeft");var aH=ai(aG+"SliderCapRight");if(aH){aH.className+=" jwcapRight"}var aK=al(aG);if(aI){aJ.appendChild(aI)}aJ.appendChild(aK);if(aI){aJ.appendChild(aH)}g(ao(".jw"+aG+" .jwrail"),{left:Y(aG+"SliderCapLeft").width,right:Y(aG+"SliderCapRight").width,});ah[aG]=aJ;if(aG=="time"){aC(aJ);at(0);ax(0)}else{if(aG=="volume"){ar(aJ)}}return aJ}function al(aI){var aL=L();aL.className="jwrail jwsmooth";var aG=["Rail","Buffer","Progress"];for(var aK=0;aK<aG.length;aK++){var aJ=ai(aI+"Slider"+aG[aK],null,true,(aI=="volume"));if(aJ){aJ.className+=" jwstretch";aL.appendChild(aJ)}}var aH=ai(aI+"SliderThumb");if(aH){aH.className+=" jwthumb";aH.style.opacity=0;aL.appendChild(aH)}aL.addEventListener("mousedown",G(aI),false);ah[aI+"Rail"]=aL;return aL}var ae;function G(aG){return(function(aH){if(aH.button!=0){return}ah[aG+"Rail"].className="jwrail";if(aG=="time"){if(!F()){ae=aG}}else{ae=aG}})}function F(){var aG=y.jwGetState();return(aG==o.IDLE||aG==o.COMPLETED)}var am=0;function aD(aG){if(!ae||aG.button!=0){return}var aK=ah[ae].getElementsByClassName("jwrail")[0],aL=h.getBoundingClientRect(aK),aJ=(aG.clientX-aL.left)/aL.width;if(aG.type=="mouseup"){var aH=ae;ah[aH+"Rail"].className="jwrail jwsmooth";ae=null;B[aH](aJ)}else{if(ae=="time"){at(aJ)}else{v(aJ)}var aI=(new Date()).getTime();if(aI-am>500){y.jwPause();am=aI;B[ae](aJ)}}}function aC(aG){if(ah.timeSliderThumb){g(ao(".jwtimeSliderThumb"),{"margin-left":(Y("timeSliderThumb").width/-2)})}ax(0);at(0)}function ar(aI){var aH=Y("volumeSliderCapLeft").width,aG=Y("volumeSliderCapRight").width,aJ=Y("volumeSliderRail").width;g(ao(".jwvolume"),{width:(aH+aJ+aG)})}var V={};function aq(){aB("left");aB("center");aB("right");au.appendChild(V.left);au.appendChild(V.center);au.appendChild(V.right);g(ao(".jwright"),{right:Y("capRight").width})}function aB(aH){var aG=L();aG.className="jwgroup jw"+aH;V[aH]=aG;if(aw[aH]){X(aw[aH],V[aH])}}function X(aJ,aG){if(aJ&&aJ.elements.length>0){for(var aI=0;aI<aJ.elements.length;aI++){var aH=M(aJ.elements[aI]);if(aH){aG.appendChild(aH)}}}}var ad=this.resize=function(aH,aG){g(ao(".jwgroup.jwcenter"),{left:Math.round(h.parseDimension(V.left.offsetWidth)+Y("capLeft").width),right:Math.round(h.parseDimension(V.right.offsetWidth)+Y("capRight").width)})};this.getDisplayElement=function(){return au};function ax(aG){aG=Math.min(Math.max(0,aG),1);ah.timeSliderBuffer.style.width=aG*100+"%"}function ag(aI,aK,aL){if(!ah[aI]){return}aK=Math.min(Math.max(0,aK),1);var aH=ah[aI+"SliderProgress"];var aG=ah[aI+"SliderThumb"];var aJ=100*aK+"%";if(aH){aH.style.width=aJ}if(aG){aG.style.left=aJ}}function v(aG){ag("volume",aG,true)}function at(aG){ag("time",aG)}function Y(aG){var aH=Q.getSkinElement("controlbar",aG);if(aH){return aH}else{return{width:0,height:0,src:"",image:undefined,ready:false}}}ay()};g(CB_CLASS,{position:f,overflow:"hidden","-webkit-transition":q,"-moz-transition":q,"-o-transition":q});g(CB_CLASS+" span",{height:j,"-webkit-user-select":a,"-webkit-user-drag":a,"user-select":a,"user-drag":a});g(CB_CLASS+" .jwgroup",{display:r});g(CB_CLASS+" span, "+CB_CLASS+" .jwgroup button,"+CB_CLASS+" .jwleft",{position:e,"float":c});g(CB_CLASS+" .jwright",{position:f});g(CB_CLASS+" .jwcenter",{position:f});g(CB_CLASS+" button",{display:k,height:j,border:a,cursor:"pointer","-webkit-transition":q,"-moz-transition":q,"-o-transition":q});g(CB_CLASS+" .jwcapRight",{right:0,position:f});g(CB_CLASS+" .jwtime,"+CB_CLASS+" .jwgroup span.jwstretch",{position:f,height:j,width:j,left:0});g(CB_CLASS+" .jwrail,"+CB_CLASS+" .jwthumb",{position:f,height:j,cursor:"pointer"});g(CB_CLASS+" .jwtime .jwsmooth span",{"-webkit-transition":q,"-moz-transition":q,"-o-transition":q});g(CB_CLASS+" .jwdivider+.jwdivider",{display:a});g(CB_CLASS+" .jwtext",{padding:"0 5px","text-align":"center"});g(CB_CLASS+" .jwtoggling",{"-webkit-transition":a,"-moz-transition":a,"-o-transition":a})})(jwplayer);(function(a){var e=jwplayer,c=e.utils,d=e.events,b=d.state;a.controller=function(g,q){var v=g,f=q,l=g.getVideo(),j=new d.eventdispatcher(v.id,v.config.debug);c.extend(this,j);function m(){v.addGlobalListener(y);v.addEventListener(d.JWPLAYER_MEDIA_BUFFER_FULL,s)}function y(B){j.sendEvent(B.type,B)}function s(B){l.play()}var z;function A(B){if(v.state==b.PLAYING||v.state==b.BUFFERING){l.stop()}switch(c.typeOf(B)){case"string":z=B;break;case"object":z=B.file;break;case"number":z=v.playlist[B].file;break;default:z=v.playlist[v.item].file}}function p(){if(v.state==b.IDLE){l.load(z)}else{if(v.state==b.PAUSED){l.play()}}}function k(){l.stop()}function x(){if(v.state==b.PLAYING||v.state==b.BUFFERING){l.pause()}}function t(B){l.seek(B)}function w(B){l.volume(B)}function n(B){if(!c.exists(B)){B=!v.mute}l.mute(B)}function r(B){f.fullscreen(B)}function o(B){k();v.setItem(B);A(v.item);p()}function h(){o(v.item-1)}function i(){o(v.item+1)}function u(B){return function(){B.apply(this,arguments)}}this.play=u(p);this.pause=u(x);this.seek=u(t);this.stop=u(k);this.load=u(A);this.next=u(i);this.prev=u(h);this.item=u(o);this.setVolume=u(w);this.setMute=u(n);this.setFullscreen=u(r);m()}})(jwplayer.html5);(function(a){a.html5.defaultskin=function(){this.text='<?xml version="1.0" ?><skin author="LongTail Video" name="Five" version="1.1"><components><component name="controlbar"><settings><setting name="margin" value="20"/><setting name="fontsize" value="11"/><setting name="fontcolor" value="0x000000"/></settings><layout><group position="left"><button name="play"/><divider name="divider"/><button name="prev"/><divider name="divider"/><button name="next"/><divider name="divider"/><text name="elapsed"/></group><group position="center"><slider name="time"/></group><group position="right"><text name="duration"/><divider name="divider"/><button name="blank"/><divider name="divider"/><button name="mute"/><slider name="volume"/><divider name="divider"/><button name="fullscreen"/></group></layout><elements><element name="background" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAIAAABvFaqvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAElJREFUOI3t1LERACAMQlFgGvcfxNIhHMK4gsUvUviOmgtNsiAZkBSEKxKEnCYkkQrJn/YwbUNiSDDYRZaQRDaShv+oX9GBZEIuK+8hXVLs+/YAAAAASUVORK5CYII="/><element name="blankButton" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAYCAYAAAAyJzegAAAAFElEQVQYV2P8//8/AzpgHBUc7oIAGZdH0RjKN8EAAAAASUVORK5CYII="/><element name="capLeft" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAYAAAA7zJfaAAAAQElEQVQIWz3LsRGAMADDQJ0XB5bMINABZ9GENGrszxhjT2WLSqxEJG2JQrTMdV2q5LpOAvyRaVmsi7WdeZ/7+AAaOTq7BVrfOQAAAABJRU5ErkJggg=="/><element name="capRight" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAYAAAA7zJfaAAAAQElEQVQIWz3LsRGAMADDQJ0XB5bMINABZ9GENGrszxhjT2WLSqxEJG2JQrTMdV2q5LpOAvyRaVmsi7WdeZ/7+AAaOTq7BVrfOQAAAABJRU5ErkJggg=="/><element name="divider" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUCB0FwcENgEAAw7Aq+893g8APUILNOQcbFRktVGqUVFRkWNz3xTa2sUaLNUosKlRUvvf5AdbWOTtzmzyWAAAAAElFTkSuQmCC"/><element name="playButton" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAYCAYAAAAVibZIAAAANUlEQVR42u2RsQkAAAjD/NTTPaW6dXLrINJA1kBpGPMAjDWmOgp1HFQXx+b1KOefO4oxY57R73YnVYCQUCQAAAAASUVORK5CYII="/><element name="pauseButton" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAYCAYAAAAVibZIAAAAIUlEQVQ4jWNgGAWjYOiD/0gYG3/U0FFDB4Oho2AUDAYAAEwiL9HrpdMVAAAAAElFTkSuQmCC"/><element name="prevButton" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAYCAYAAAAVibZIAAAAQklEQVQ4y2NgGAWjYOiD/1AMA/JAfB5NjCJD/YH4PRaLyDa0H4lNNUP/DxlD59PCUBCIp3ZEwYA+NZLUKBgFgwEAAN+HLX9sB8u8AAAAAElFTkSuQmCC"/><element name="nextButton" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAYCAYAAAAVibZIAAAAQElEQVQ4y2NgGAWjYOiD/0B8Hojl0cT+U2ooCL8HYn9qGwrD/bQw9P+QMXQ+tSMqnpoRBUpS+tRMUqNgFAwGAADxZy1/mHvFnAAAAABJRU5ErkJggg=="/><element name="timeSliderRail" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAOElEQVRIDe3BwQkAIRADwAhhw/nU/kWwUK+KPITMABFh19Y+F0acY8CJvX9wYpXgRElwolSIiMf9ZWEDhtwurFsAAAAASUVORK5CYII="/><element name="timeSliderBuffer" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAN0lEQVRIDe3BwQkAMQwDMBcc55mRe9zi7RR+FCwBEWG39vcfGHFm4MTuhhMlwYlVBSdKhYh43AW/LQMKm1spzwAAAABJRU5ErkJggg=="/><element name="timeSliderProgress" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAIElEQVRIiWNgGAWjYBTQBfynMR61YCRYMApGwSigMQAAiVWPcbq6UkIAAAAASUVORK5CYII="/><element name="timeSliderThumb" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAYCAYAAAA/OUfnAAAAO0lEQVQYlWP4//8/Awwz0JgDBP/BeN6Cxf/hnI2btiI4u/fsQ3AOHjqK4Jw4eQbBOX/hEoKDYjSd/AMA4cS4mfLsorgAAAAASUVORK5CYII="/><element name="muteButton" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAYCAYAAADKx8xXAAAAJklEQVQ4y2NgGAUjDcwH4v/kaPxPikZkxcNVI9mBQ5XoGAWDFwAAsKAXKQQmfbUAAAAASUVORK5CYII="/><element name="unmuteButton" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAYCAYAAADKx8xXAAAAMklEQVQ4y2NgGAWDHPyntub5xBr6Hwv/Pzk2/yfVG/8psRFE25Oq8T+tQnsIaB4FVAcAi2YVysVY52AAAAAASUVORK5CYII="/><element name="volumeSliderRail" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYAgMAAACdGdVrAAAACVBMVEUAAACmpqampqbBXAu8AAAAAnRSTlMAgJsrThgAAAArSURBVAhbY2AgErBAyA4I2QEhOyBkB4TsYOhAoaCCUCUwDTDtMMNgRuMHAFB5FoGH5T0UAAAAAElFTkSuQmCC"/><element name="volumeSliderProgress" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYAgMAAACdGdVrAAAACVBMVEUAAAAAAAAAAACDY+nAAAAAAnRSTlMAgJsrThgAAAArSURBVAhbY2AgErBAyA4I2QEhOyBkB4TsYOhAoaCCUCUwDTDtMMNgRuMHAFB5FoGH5T0UAAAAAElFTkSuQmCC"/><element name="volumeSliderCapRight" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAYCAYAAAAyJzegAAAAFElEQVQYV2P8//8/AzpgHBUc7oIAGZdH0RjKN8EAAAAASUVORK5CYII="/><element name="fullscreenButton" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAQklEQVRIiWNgGAWjYMiD/0iYFDmSLbDHImdPLQtgBpEiR7Zl2NijAA5oEkT/0Whi5UiyAJ8BVMsHNMtoo2AUDAIAAGdcIN3IDNXoAAAAAElFTkSuQmCC"/><element name="normalscreenButton" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAP0lEQVRIx2NgGAWjYMiD/1RSQ5QB/wmIUWzJfzx8qhj+n4DYCAY0DyJ7PBbYU8sHMEvwiZFtODXUjIJRMJgBACpWIN2ZxdPTAAAAAElFTkSuQmCC"/></elements></component><component name="display"><elements><element name="background" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyAQMAAAAk8RryAAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlOZpuml+rYAAAASSURBVBhXY2AYJuA/GBwY6jQAyDyoK8QcL4QAAAAASUVORK5CYII="/><element name="playIcon" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAiUlEQVR42u3XSw2AMBREURwgAQlIQAISKgUpSEFKJeCg5b0E0kWBTVcD9ySTsL0Jn9IBAAAA+K2UUrBlW/Rr5ZDoIeeuoFkxJD9ss03aIXXQqB9SttoG7ZA6qNcOKdttiwcJh9RB+iFl4SshkRBuLR72+9cvH0SOKI2HRo7x/Fi1/uoCAAAAwLsD8ki99IlO2dQAAAAASUVORK5CYII="/><element name="muteIcon" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAVUlEQVR42u3WMQrAIAxAUW/g/SdvGmvpoOBeSHgPsjj5QTANAACARCJilIhYM0tEvJM+Ik3Id9E957kQIb+F3OdCPC0hPkQriqWx9hp/x/QGAABQyAPLB22VGrpLDgAAAABJRU5ErkJggg=="/><element name="errorIcon" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAA/0lEQVR42u2U0QmEMBAF7cASLMESUoIlpARLSCkpwRJSgiWkhOvAXD4WsgRkyaG5DbyB+Yvg8KITAAAAAAAYk+u61mwk15EjPtlEfihmqIiZR1Qx80ghjgdUuiHXGHSVsoag0x6x8DUoyjD5KovmEJ9NTDMRPIT0mtdIUkjlonuNohO+Ha99DTmkuGgKCTcvebAzx82ZoCWC3/3aIMWSRucaxcjORSFY4xpFdjYJGp1rFGcyCYZ/RVh6AUnfcNZ2zih3/mGj1jVCdiNDwyrq1rA/xMdeEXvDVdnYc1vDc3uPkDObXrlaxbNHSOohQhr/WOeLEWfWTgAAAAAAADzNF9sHJ7PJ57MlAAAAAElFTkSuQmCC"/><element name="bufferIcon" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAACBklEQVR42u3Zv0sCYRzH8USTzOsHHEWGkC1HgaDgkktGDjUYtDQ01RDSljQ1BLU02+rk1NTm2NLq4Nx/0L/h9fnCd3j4cnZe1/U8xiO8h3uurufF0/3COd/3/0UWYiEWYiEWYiGJQ+J8xuPxKhXjEMZANinjIZhkGuVRNioE4wVURo4JkHm0xKWmhRAc1bh1EyCUw5BcBIjHiApKa4CErko6DEJwuRo6IRKzyJD8FJAyI3Zp2zRImiBcRhlfo5RtlxCcE3CcDNpGrhYIT2IhAJKilO0VRmzJ32fAMTpBTS0QMfGwlcuKMRftE0DJ0wCJdcOsCkBdXP3Mh9CEFUBTPS9mDZJBG6io4aqVzMdCokCw9H3kT6j/C/9iDdSeUMNC7DkyyxAs/Rk6Qss8FPWRZgdVtUH4DjxEn1zxh+/zj1wHlf4MQhNGrwqA6sY40U8JonRJwEQh+AO3AvCG6gHv4U7IY4krxkroWoAOkoQMGfCBrgIm+YBGqPENpIJ66CJg3x66Y0gnSUidAEEnNr9jjLiWMn5DiWP0OC/oAsCgkq43xBdGDMQr7YASP/vEkHvdl1+JOCcEV5sC4hGEOzTlPuKgd0b0xD4JkRcOgnRRTjdErkYhAsQVq6IdUuPJtmk7BCL3t/h88cx91pKQkI/pkDx6pmYTIjEoxiHsN1YWYiEWYiEWknhflZ5IErA5nr8AAAAASUVORK5CYII="/></elements></component><component name="dock"><settings><setting name="fontcolor" value="0xffffff"/></settings><elements><element name="button" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyAQMAAAAk8RryAAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlOZpuml+rYAAAASSURBVBhXY2AYJuA/GBwY6jQAyDyoK8QcL4QAAAAASUVORK5CYII="/></elements></component><component name="playlist"><settings><setting name="backgroundcolor" value="0xe8e8e8"/></settings><elements><element name="item" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAIAAAC1nk4lAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHBJREFUaN7t2MENwCAMBEEe9N8wSKYC/D8YV7CyJoRkVtVImxkZPQInMxoP0XiIxkM0HsGbjjSNBx544IEHHnjggUe/6UQeey0PIh7XTftGxKPj4eXCtLsHHh+ZxkO0Iw8PR55Ni8ZD9Hu/EAoP0dc5RRg9qeRjVF8AAAAASUVORK5CYII="/><element name="sliderCapTop" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAHCAYAAADnCQYGAAAAFUlEQVQokWP8//8/A7UB46ihI9hQAKt6FPPXhVGHAAAAAElFTkSuQmCC"/><element name="sliderRail" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAUCAYAAABiS3YzAAAAKElEQVQ4y2P4//8/Az68bNmy/+iYkB6GUUNHDR01dNTQUUNHDaXcUABUDOKhcxnsSwAAAABJRU5ErkJggg=="/><element name="sliderThumb" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAUCAYAAABiS3YzAAAAJUlEQVQ4T2P4//8/Ay4MBP9xYbz6Rg0dNXTU0FFDRw0dNZRyQwHH4NBa7GJsXAAAAABJRU5ErkJggg=="/><element name="sliderCapBottom" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAHCAYAAADnCQYGAAAAFUlEQVQokWP8//8/A7UB46ihI9hQAKt6FPPXhVGHAAAAAElFTkSuQmCC"/></elements></component></components></skin>';this.xml=null;if(window.DOMParser){parser=new DOMParser();this.xml=parser.parseFromString(this.text,"text/xml")}else{this.xml=new ActiveXObject("Microsoft.XMLDOM");this.xml.async="false";this.xml.loadXML(this.text)}return this}})(jwplayer);(function(h){var l=jwplayer.utils,j=l.css,d=l.appendStylesheet,e=jwplayer.events,f=e.state,k=h.utils.animations.rotate,a=".jwdisplay",b="absolute",c="none",i="100%",g="opacity .5s, background .5s";h.display=function(B,M){var H=B,w=B.skin,p,t=M?M:{},o,u,I,A={},m,y,K,E,z=!l.exists(M.bufferrotation)?15:parseInt(M.bufferrotation,10),q=!l.exists(M.bufferinterval)?100:parseInt(M.bufferinterval,10);function x(){p=DOCUMENT.createElement("div");p.id=H.id+"_display";p.className="jwdisplay";H.jwAddEventListener(e.JWPLAYER_PLAYER_STATE,v);H.jwAddEventListener(e.JWPLAYER_PLAYLIST_ITEM,G);p.addEventListener("click",J,false);n();v({newstate:f.IDLE})}function J(O){switch(H.jwGetState()){case f.PLAYING:case f.BUFFERING:H.jwPause();break;default:H.jwPlay();break}}function n(){var O=["play","buffer"];for(var R=0;R<O.length;R++){var V=O[R],T=C(V+"Icon"),Q=C(V+"IconOver"),S=DOCUMENT.createElement("div"),P=C("background"),U=C("backgroundOver");button=DOCUMENT.createElement("button");if(T){button.className="jw"+V;S.className="jwicon";button.appendChild(S);r("#"+p.id+" ."+button.className,P,U);r("#"+p.id+" ."+button.className+" div",T,Q);if(U||Q){button.addEventListener("mouseover",D(button),false);button.addEventListener("mouseout",F(button),false)}A[V]=button}}}function D(O){return function(P){if(O.className.indexOf("jwhover")<0){O.className+=" jwhover"}if(O.childNodes[0].className.indexOf("jwhover")<0){O.childNodes[0].className+=" jwhover"}}}function F(O){return function(P){O.className=O.className.replace(" jwhover","");O.childNodes[0].className=O.childNodes[0].className.replace(" jwhover","")}}function r(O,P,Q){if(!(P&&P.src)){return}d(O,{width:P.width,height:P.height,"margin-left":P.width/-2,"margin-top":P.height/-2,background:"url("+P.src+") center no-repeat"});if(Q&&Q.src){d(O+".jwhover",{background:"url("+Q.src+") center no-repeat"})}}function N(O){if(y){p.removeChild(y)}y=A[O];if(y){p.appendChild(y)}}function G(O){var P=H.jwGetPlaylist()[H.jwGetPlaylistIndex()];o=P?P.image:"";L();d("#"+p.id,{background:"url("+o+") no-repeat center"})}function v(O){clearInterval(E);switch(O.newstate){case f.COMPLETED:case f.IDLE:N("play");if(o){d("#"+p.id,{background:"url("+o+") no-repeat center"})}break;case f.BUFFERING:N("buffer");K=0;E=setInterval(function(){K+=z;k(y.childNodes[0],K%360)},q);break;case f.PLAYING:N();d("#"+p.id,{background:"transparent"});break;case f.PAUSED:N("play");break}}this.getDisplayElement=function(){return p};function L(){if(o){var O=DOCUMENT.createElement("img");O.addEventListener("load",function(){u=O.width;I=O.height;s()},false);O.src=o}else{u=I=0}}function C(O){var P=w.getSkinElement("display",O);if(P){return P}return null}function s(){l.stretch(H.jwGetStretching(),p,p.clientWidth,p.clientHeight,u,I)}this.resize=s;x()};d(a,{position:b,cursor:"pointer",width:i,height:i,overflow:"hidden"});d(a+" *",{"-webkit-transition":g,"-moz-transition":g,"-o-transition":g});d(a+" button, "+a+" .jwicon",{border:c,position:b,left:"50%",top:"50%",padding:0,cursor:"pointer"});d({position:b,left:"50%",top:"50%",padding:0,cursor:"pointer"})})(jwplayer.html5);(function(a){var b=jwplayer.utils,c=jwplayer.events;a.model=function(d){var j=this,f,l,m=b.getCookies(),h={width:480,height:320,item:0,playlist:[],skin:undefined,volume:90,mute:false,repeat:"",stretching:b.stretching.UNIFORM,autostart:false,debug:undefined};function i(n){return n}function k(){b.extend(j,new c.eventdispatcher());j.config=b.extend({},h,m,i(d));b.extend(j,{id:d.id,state:c.state.IDLE,position:0,buffer:0,},j.config);j.setItem(j.config.item);l=document.createElement("video");f=new a.video(l);f.addGlobalListener(e)}var g={};g[c.JWPLAYER_MEDIA_MUTE]="mute";g[c.JWPLAYER_MEDIA_VOLUME]="volume";g[c.JWPLAYER_PLAYER_STATE]="newstate->state";g[c.JWPLAYER_MEDIA_BUFFER]="bufferPercent->buffer";g[c.JWPLAYER_MEDIA_TIME]="position";function e(n){var p=g[n.type];if(p){var q=p.split("->"),r=q[0],o=q[1]?q[1]:r;if(j[o]!=n[r]){j[o]=n[r];j.sendEvent(n.type,n)}}else{j.sendEvent(n.type,n)}}this.getVideo=function(){return f};this.setFullscreen=function(n){if(n!=j.fullscreen){j.fullscreen=n;j.sendEvent(c.JWPLAYER_FULLSCREEN,{fullscreen:n})}};this.setItem=function(n){var o;if(n==j.playlist.length||n<-1){o=0}else{if(n==-1||n>j.playlist.length){o=j.playlist.length-1}else{o=n}}if(o!=j.item){j.item=o;j.sendEvent(c.JWPLAYER_PLAYLIST_ITEM,{index:j.item})}};k()}})(jwplayer.html5);(function(a){a.player=function(b){var j=this,h=new a.model(b),e=new a.view(this,h),f=new a.controller(h,e);function i(){j.id=h.id;var k=new a.setup(h,e,f);k.addEventListener(jwplayer.events.JWPLAYER_READY,c);k.addEventListener(jwplayer.events.JWPLAYER_ERROR,g);k.start()}function c(k){f.sendEvent(k.type,k);f.sendEvent(jwplayer.events.JWPLAYER_PLAYLIST_LOADED,{playlist:h.playlist});f.sendEvent(jwplayer.events.JWPLAYER_PLAYLIST_ITEM,{index:h.item});f.load();setTimeout(e.resize,0)}function g(k){console.log(k);alert("Can't set up: "+k.message)}this.jwPlay=f.play;this.jwPause=f.pause;this.jwStop=f.stop;this.jwSeek=f.seek;this.jwSetVolume=f.setVolume;this.jwSetMute=f.setMute;this.jwLoad=f.load;this.jwPlaylistNext=f.next;this.jwPlaylistPrev=f.prev;this.jwPlaylistItem=f.item;this.jwSetFullscreen=f.setFullscreen;this.jwResize=e.resize;function d(k){return function(){return h[k]}}this.jwGetPlaylistIndex=d("item");this.jwGetPosition=d("position");this.jwGetDuration=d("duration");this.jwGetBuffer=d("buffer");this.jwGetWidth=d("width");this.jwGetHeight=d("height");this.jwGetFullscreen=d("fullscreen");this.jwGetVolume=d("volume");this.jwGetMute=d("mute");this.jwGetState=d("state");this.jwGetStretching=d("stretching");this.jwGetPlaylist=d("playlist");this.jwAddEventListener=f.addEventListener;this.jwRemoveEventListener=f.removeEventListener;i()}})(jwplayer.html5);(function(a){var b=jwplayer.utils;a.playlist=function(c){var e=[];if(c&&c instanceof Array&&c.length>0){for(var d in c){if(!isNaN(parseInt(d))){e.push(new a.playlistitem(c[d]))}}}else{e.push(new a.playlistitem(c))}return e}})(jwplayer.html5);(function(a){a.playlistitem=function(c){var d={description:"",image:"",link:"",mediaid:"",title:"",provider:"",file:"",duration:-1,start:0,currentLevel:-1,levels:[]};var b=jwplayer.utils.extend({},d,c);if(b.levels.length===0){b.levels[0]=new a.playlistitemlevel(b)}return b}})(jwplayer.html5);(function(a){a.html5.playlistitemlevel=function(b){var d={file:"",streamer:"",bitrate:0,width:0};for(var c in d){if(a.utils.exists(b[c])){d[c]=b[c]}}return d}})(jwplayer);(function(a){var d=jwplayer,b=d.utils,c=d.events;a.playlistloader=function(){var f=new c.eventdispatcher();b.extend(this,f);this.load=function(h){b.ajax(h,g,e)};function g(i){try{var k=i.responseXML.firstChild;if(a.parsers.localName(k)=="xml"){k=k.nextSibling}var h=a.parsers.rssparser.parse(k);f.sendEvent(c.JWPLAYER_PLAYLIST_LOADED,{playlist:new a.playlist(h)})}catch(j){e("Could not load the playlist.")}}function e(h){f.sendEvent(c.JWPLAYER_ERROR,{message:h?h:"Could not load playlist an unknown reason."})}}})(jwplayer.html5);(function(f){var h=jwplayer,k=h.utils,e=h.events,i="config",d="skin",c="playlist",j="preview",b="components",a="plugins",g="ready";f.setup=function(q,F,G){var J=q,o=F,D=G,s={},A={},y,x=new e.eventdispatcher(),t=false,u=[];function r(){p(i,n);p(d,N,i);p(c,w,i);p(j,I,c);p(b,M,d);p(a,H,b+","+c);p(g,B,a)}function p(O,Q,P){u.push({name:O,method:Q,depends:P})}function E(){for(var Q=0;Q<u.length;Q++){var O=u[Q];if(L(O.depends)){u.splice(Q,1);try{O.method();E()}catch(P){v(P.message)}return}}if(u.length>0&&!t){setTimeout(E,500)}}function L(Q){if(!Q){return true}var P=Q.split(",");for(var O=0;O<P.length;O++){if(!s[P[O]]){return false}}return true}function m(O){s[O]=true}function n(){m(i)}function N(){y=new f.skin();y.load(J.config.skin,z)}function z(O){m(d)}function w(){switch(k.typeOf(J.config.playlist)){case"string":var O=new f.playlistloader();O.addEventListener(e.JWPLAYER_PLAYLIST_LOADED,l);O.addEventListener(e.JWPLAYER_ERROR,C);O.load(J.config.playlist);break;case"array":J.playlist=new f.playlist(J.config.playlist);m(c)}}function l(O){J.playlist=O.playlist;m(c)}function C(O){v(O.message)}function I(){var P=J.playlist[J.item].image;if(P){var O=new Image();O.addEventListener("load",K,false);O.addEventListener("error",K,false);O.src=P}}function K(O){m(j)}function M(){o.setup(y);m(b)}function H(){m(a)}function B(){x.sendEvent(e.JWPLAYER_READY);m(g)}function v(O){t=true;x.sendEvent(e.JWPLAYER_ERROR,{message:O})}k.extend(this,x);this.start=E;r()}})(jwplayer.html5);(function(a){a.skin=function(){var b={};var c=false;this.load=function(d,e){new a.skinloader(d,function(f){c=true;b=f;e()},function(){new a.skinloader("",function(f){c=true;b=f;e()})})};this.getSkinElement=function(d,e){if(c){try{return b[d].elements[e]}catch(f){jwplayer.utils.log("No such skin component / element: ",[d,e])}}return null};this.getComponentSettings=function(d){if(c&&b&&b[d]){return b[d].settings}return null};this.getComponentLayout=function(d){if(c){var e=b[d].layout;if(e&&(e.left||e.right||e.center)){return b[d].layout}}return null}}})(jwplayer.html5);(function(a){var b=jwplayer.utils;a.skinloader=function(g,p,k){var o={};var d=p;var l=k;var f=true;var j;var n=g;var s=false;function m(){if(typeof n!="string"||n===""){e(a.defaultskin().xml)}else{b.ajax(b.getAbsolutePath(n),function(t){try{if(b.exists(t.responseXML)){e(t.responseXML);return}}catch(u){i()}e(a.defaultskin().xml)},function(t){e(a.defaultskin().xml)})}}function e(y){var E=y.getElementsByTagName("component");if(E.length===0){return}for(var H=0;H<E.length;H++){var C=E[H].getAttribute("name");var B={settings:{},elements:{},layout:{}};o[C]=B;var G=E[H].getElementsByTagName("elements")[0].getElementsByTagName("element");for(var F=0;F<G.length;F++){c(G[F],C)}var z=E[H].getElementsByTagName("settings")[0];if(z&&z.childNodes.length>0){var K=z.getElementsByTagName("setting");for(var P=0;P<K.length;P++){var Q=K[P].getAttribute("name");var I=K[P].getAttribute("value");var x=/color$/.test(Q)?"color":null;o[C].settings[Q]=b.typechecker(I,x)}}var L=E[H].getElementsByTagName("layout")[0];if(L&&L.childNodes.length>0){var M=L.getElementsByTagName("group");for(var w=0;w<M.length;w++){var A=M[w];o[C].layout[A.getAttribute("position")]={elements:[]};for(var O=0;O<A.attributes.length;O++){var D=A.attributes[O];o[C].layout[A.getAttribute("position")][D.name]=D.value}var N=A.getElementsByTagName("*");for(var v=0;v<N.length;v++){var t=N[v];o[C].layout[A.getAttribute("position")].elements.push({type:t.tagName});for(var u=0;u<t.attributes.length;u++){var J=t.attributes[u];o[C].layout[A.getAttribute("position")].elements[v][J.name]=J.value}if(!b.exists(o[C].layout[A.getAttribute("position")].elements[v].name)){o[C].layout[A.getAttribute("position")].elements[v].name=t.tagName}}}}f=false;r()}}function r(){clearInterval(j);if(!s){j=setInterval(function(){q()},100)}}function c(y,x){var w=new Image();var t=y.getAttribute("name");var v=y.getAttribute("src");var A;if(v.indexOf("data:image/png;base64,")===0){A=v}else{var u=b.getAbsolutePath(n);var z=u.substr(0,u.lastIndexOf("/"));A=[z,x,v].join("/")}o[x].elements[t]={height:0,width:0,src:"",ready:false,image:w};w.onload=function(B){h(w,t,x)};w.onerror=function(B){s=true;r();l()};w.src=A}function i(){for(var u in o){var w=o[u];for(var t in w.elements){var x=w.elements[t];var v=x.image;v.onload=null;v.onerror=null;delete x.image;delete w.elements[t]}delete o[u]}}function q(){for(var t in o){if(t!="properties"){for(var u in o[t].elements){if(!o[t].elements[u].ready){return}}}}if(f===false){clearInterval(j);d(o)}}function h(t,v,u){if(o[u]&&o[u].elements[v]){o[u].elements[v].height=t.height;o[u].elements[v].width=t.width;o[u].elements[v].src=t.src;o[u].elements[v].ready=true;r()}else{b.log("Loaded an image for a missing element: "+u+"."+v)}}m()}})(jwplayer.html5);(function(a){var f=jwplayer,d=f.utils,e=f.events,c=e.state,b=d.isMobile();a.video=function(D){var w={abort:t,canplay:J,canplaythrough:t,durationchange:h,emptied:t,ended:t,error:A,loadeddata:t,loadedmetadata:J,loadstart:t,pause:o,play:o,playing:o,progress:t,ratechange:t,readystatechange:t,seeked:t,seeking:t,stalled:t,suspend:t,timeupdate:k,volumechange:G,waiting:x},s,m,l,E,y,v,H=c.IDLE,r=0,n=-1,z=-1,p=new e.eventdispatcher();d.extend(this,p);function u(L){s=L;K();s.controls=true;s.controls=false}function K(){for(var L in w){s.addEventListener(L,w[L],false)}}function C(L,M){p.sendEvent(L,M)}function t(L){}function h(L){m=s.duration;k()}function k(L){if(H==c.PLAYING){l=s.currentTime;C(e.JWPLAYER_MEDIA_TIME,{position:l,duration:m});if(l>=m&&m>0){F()}}}function J(L){if(!y){y=true;C(e.JWPLAYER_MEDIA_BUFFER_FULL);if(v>0){B(v)}}}function o(L){if(s.paused){I(c.PAUSED)}else{I(c.PLAYING)}}function x(L){I(c.BUFFERING)}function A(L){d.log("Error: %o",s.error);I(c.IDLE)}this.load=function(L){y=false;v=0;m=0;l=0;I(c.BUFFERING);s.src=L;s.load();n=setInterval(i,100);if(b){s.controls=true;s.style.opacity=1}};var q=this.stop=function(){s.removeAttribute("src");s.load();s.style.opacity=0;clearInterval(n);I(c.IDLE)};this.play=function(){s.style.opacity=1;s.play()};this.pause=function(){s.pause()};var B=this.seek=function(L){if(y){v=0;C(e.JWPLAYER_MEDIA_SEEK,{position:l,offset:L});s.currentTime=L}else{v=L}};var j=this.volume=function(L){if(s.muted){s.muted=false}s.volume=L/100};function G(L){C(e.JWPLAYER_MEDIA_VOLUME,{volume:Math.round(s.volume*100)});C(e.JWPLAYER_MEDIA_MUTE,{mute:s.muted})}this.mute=function(L){if(!d.exists(L)){L=!s.mute}if(L){r=s.volume*100;j(0);s.muted=true}else{j(r)}};function I(L){if(L==c.PAUSED&&H==c.IDLE){return}if(H!=L){var M=H;H=L;C(e.JWPLAYER_PLAYER_STATE,{oldstate:M,newstate:L})}}function i(){var L=g();if(L!=z){z=L;C(e.JWPLAYER_MEDIA_BUFFER,{bufferPercent:Math.round(z*100)})}if(L>=1){clearInterval(n)}}function g(){if(s.buffered.length==0||s.duration==0){return 0}else{return s.buffered.end(s.buffered.length-1)/s.duration}}function F(){q();C(e.JWPLAYER_MEDIA_COMPLETE)}this.getTag=function(){return D};u(D)}})(jwplayer.html5);(function(c){var g=jwplayer,e=g.utils,b=e.appendStylesheet,f=jwplayer.events,d=f.state;DOCUMENT=document,VIEW_CONTAINER_CLASS="jwplayer",VIEW_VIDEO_CONTAINER_CLASS="jwvideocontainer",VIEW_CONTROLS_CONTAINER_CLASS="jwcontrolscontainer";c.view=function(t,j){var w=t,y=j,x={},p,B,h=0,u=2000,q;this.setup=function(D){w.skin=D;p=DOCUMENT.createElement("div");p.className=VIEW_CONTAINER_CLASS;p.id=w.id;var C=document.getElementById(w.id);C.parentNode.replaceChild(p,C);q=DOCUMENT.createElement("span");q.className=VIEW_VIDEO_CONTAINER_CLASS;q.appendChild(y.getVideo().getTag());B=DOCUMENT.createElement("span");B.className=VIEW_CONTROLS_CONTAINER_CLASS;s();p.appendChild(q);p.appendChild(B);DOCUMENT.addEventListener("webkitfullscreenchange",i,false);DOCUMENT.addEventListener("mozfullscreenchange",i,false);DOCUMENT.addEventListener("keydown",m,false);w.jwAddEventListener(f.JWPLAYER_PLAYER_STATE,o);p.addEventListener("mouseout",v,false);p.addEventListener("mousemove",function(E){l();clearTimeout(h);h=setTimeout(v,u)},false)};function v(){if(w.jwGetState()==d.PLAYING){r()}clearTimeout(h);h=0}function s(){var E=w.jwGetWidth(),C=w.jwGetHeight(),F=w.skin.getComponentSettings("controlbar"),D=w.skin.getComponentSettings("display");if(C>40||C.indexOf("%")){x.display=new c.display(w,D);B.appendChild(x.display.getDisplayElement())}else{D.backgroundcolor="transparent";F.margin=0}b("#"+p.id,{"background-color":D.backgroundcolor?D.backgroundcolor:0,width:E,height:C});if(!e.isMobile()){x.controlbar=new c.controlbar(w,F);B.appendChild(x.controlbar.getDisplayElement())}}var A=this.fullscreen=function(C){if(!e.exists(C)){C=!y.fullscreen}if(C){if(!y.fullscreen){k(true);if(p.requestFullScreen){p.requestFullScreen()}else{if(p.mozRequestFullScreen){p.mozRequestFullScreen()}else{if(p.webkitRequestFullScreenWithKeys){p.webkitRequestFullScreenWithKeys()}else{if(p.webkitRequestFullScreen){p.webkitRequestFullScreen()}}}}}y.setFullscreen(true)}else{k(false);if(DOCUMENT.cancelFullScreen){DOCUMENT.cancelFullScreen()}else{if(DOCUMENT.mozCancelFullScreen){DOCUMENT.mozCancelFullScreen()}else{if(DOCUMENT.webkitCancelFullScreen){DOCUMENT.webkitCancelFullScreen()}}}y.setFullscreen(false)}};function n(D,C){if(x.display){x.display.resize(D,C)}if(x.controlbar){x.controlbar.resize(D,C)}if(p.style.opacity==0){p.style.opacity=1}return}this.resize=n;function m(C){switch(C.keyCode){case 27:if(y.fullscreen){A(false)}break;case 32:w.jwPlay();break}}function k(C){if(C){p.className+=" jwfullscreen"}else{p.className=p.className.replace(/\s+jwfullscreen/,"")}}function z(){return(DOCUMENT.mozFullScreenElement==p||DOCUMENT.webkitCurrentFullScreenElement==p)}function i(C){y.setFullscreen(z());A(y.fullscreen)}function r(){B.style.opacity=0}function l(){B.style.opacity=1}function o(C){switch(C.newstate){case d.PLAYING:r();break;case d.COMPLETED:case d.IDLE:case d.BUFFERING:case d.PAUSED:l();break}}};var a="opacity .25s ease";b("."+VIEW_CONTAINER_CLASS,{position:"relative",overflow:"hidden",opacity:0,"-webkit-transition":a,"-moz-transition":a,"-o-transition":a});b("."+VIEW_VIDEO_CONTAINER_CLASS+" ,."+VIEW_CONTROLS_CONTAINER_CLASS,{position:"absolute",width:"100%",height:"100%","-webkit-transition":a,"-moz-transition":a,"-o-transition":a});b("."+VIEW_VIDEO_CONTAINER_CLASS+" video",{background:"transparent",width:"100%",height:"100%",opacity:0,"-webkit-transition":"opacity .15s ease"});b("."+VIEW_CONTAINER_CLASS+":-webkit-full-screen",{width:"100% !important",height:"100% !important"});b("."+VIEW_CONTAINER_CLASS+":-moz-full-screen",{width:"100% !important",height:"100% !important"});b("."+VIEW_CONTAINER_CLASS+".jwfullscreen",{left:0,right:0,top:0,bottom:0,"z-index":1000,position:"fixed !important"});b("."+VIEW_CONTAINER_CLASS+" .jwuniform",{"background-size":"contain !important"});b("."+VIEW_CONTAINER_CLASS+" .jwfill",{"background-size":"cover !important"});b("."+VIEW_CONTAINER_CLASS+" .jwexactfit",{"background-size":"100% 100% !important"});b("."+VIEW_CONTAINER_CLASS+" .jwnone",{"background-size":null})})(jwplayer.html5)};
+if(typeof jwplayer=="undefined"){jwplayer=function(a){if(jwplayer.api){return jwplayer.api.selectPlayer(a)}};var $jw=jwplayer;jwplayer.version="6.0";jwplayer.vid=document.createElement("video");jwplayer.audio=document.createElement("audio");jwplayer.source=document.createElement("source");(function(e){var i=document;var f=window;var j=e.utils=function(){};j.exists=function(o){switch(typeof(o)){case"string":return(o.length>0);break;case"object":return(o!==null);case"undefined":return false}return true};var a={},b={};j.css=function(o,q){if(!a[o]){var s=i.createElement("style");s.type="text/css";i.getElementsByTagName("head")[0].appendChild(s);a[o]=s}if(!b[o]){b[o]={}}for(var p in q){var r=n(p,q[p]);if(j.exists(b[o][p])&&!j.exists(r)){delete b[o][p]}else{b[o][p]=r}}g(o)};function n(o,p){if(typeof p==="undefined"){return undefined}if(typeof p=="number"){if(isNaN(p)){return undefined}switch(o){case"z-index":case"opacity":return p;break;default:if(o.match(/color/i)){return"#"+j.strings.pad(p.toString(16),6)}else{return Math.ceil(p)+"px"}break}}else{return p}}function g(o){if(a[o]){var p=o+"{\n";var r=b[o];for(var q in r){p+="  "+q+": "+r[q]+";\n"}p+="}\n";a[o].innerHTML=p}}j.clearCss=function(p){for(var q in b){if(q.indexOf(p)>=0){delete b[q]}}for(var o in a){if(o.indexOf(p)>=0){a[o].innerHTML=""}}};j.getAbsolutePath=function(u,t){if(!j.exists(t)){t=i.location.href}if(!j.exists(u)){return undefined}if(c(u)){return u}var v=t.substring(0,t.indexOf("://")+3);var s=t.substring(v.length,t.indexOf("/",v.length+1));var p;if(u.indexOf("/")===0){p=u.split("/")}else{var q=t.split("?")[0];q=q.substring(v.length+s.length+1,q.lastIndexOf("/"));p=q.split("/").concat(u.split("/"))}var o=[];for(var r=0;r<p.length;r++){if(!p[r]||!j.exists(p[r])||p[r]=="."){continue}else{if(p[r]==".."){o.pop()}else{o.push(p[r])}}}return v+s+"/"+o.join("/")};function c(p){if(!j.exists(p)){return}var q=p.indexOf("://");var o=p.indexOf("?");return(q>0&&(o<0||(o>q)))}j.extend=function(){var o=j.extend["arguments"];if(o.length>1){for(var q=1;q<o.length;q++){for(var p in o[q]){o[0][p]=o[q][p]}}return o[0]}return null};j.parseDimension=function(o){if(typeof o=="string"){if(o===""){return 0}else{if(o.lastIndexOf("%")>-1){return o}else{return parseInt(o.replace("px",""),10)}}}return o};j.timeFormat=function(o){if(o>0){str=Math.floor(o/60)<10?"0"+Math.floor(o/60)+":":Math.floor(o/60)+":";str+=Math.floor(o%60)<10?"0"+Math.floor(o%60):Math.floor(o%60);return str}else{return"00:00"}};j.log=function(p,o){if(typeof console!="undefined"&&typeof console.log!="undefined"){if(o){console.log(p,o)}else{console.log(p)}}};j.getBoundingClientRect=function(o){if(typeof o.getBoundingClientRect=="function"){return o.getBoundingClientRect()}else{return{left:o.offsetLeft+i.body.scrollLeft,top:o.offsetTop+i.body.scrollTop,width:o.offsetWidth,height:o.offsetHeight}}};j.userAgentMatch=function(p){var o=navigator.userAgent.toLowerCase();return(o.match(p)!==null)};j.isMobile=function(){return j.userAgentMatch(/(iP(hone|ad|od))|android/i)};j.isIPod=function(){return e.utils.userAgentMatch(/iP(hone|od)/i)};j.saveCookie=function(o,p){i.cookie="jwplayer."+o+"="+p+"; path=/"};j.getCookies=function(){var r={};var q=i.cookie.split("; ");for(var p=0;p<q.length;p++){var o=q[p].split("=");if(o[0].indexOf("jwplayer.")==0){r[o[0].substring(9,o[0].length)]=o[1]}}return r};j.ajax=function(s,r,o){var q;if(d(s)&&j.exists(f.XDomainRequest)){q=new XDomainRequest();q.onload=m(q,s,r,o);q.onerror=l(o,s,q)}else{if(j.exists(f.XMLHttpRequest)){q=new XMLHttpRequest();q.onreadystatechange=h(q,s,r,o);q.onerror=l(o,s)}else{if(o){o()}}}try{q.open("GET",s,true);q.send(null)}catch(p){if(o){o(s)}}return q};function d(o){if(o&&o.indexOf("://")>=0){if(o.split("/")[2]!=window.location.href.split("/")[2]){return true}}return false}function l(o,q,p){return function(){o(q)}}function h(p,r,q,o){return function(){if(p.readyState===4){if(p.status==200){m(p,r,q,o)()}else{if(o){o(r)}}}}}function m(p,r,q,o){return function(){if(!j.exists(p.responseXML)){try{var s;if(f.DOMParser){s=(new DOMParser()).parseFromString(p.responseText,"text/xml")}else{s=new ActiveXObject("Microsoft.XMLDOM");s.async="false";s.loadXML(p.responseText)}if(s){p=e.utils.extend({},p,{responseXML:s})}}catch(t){if(o){o(r)}return}}q(p)}}j.typeOf=function(p){var o=typeof p;if(o==="object"){if(!p){return"null"}return(p instanceof Array)?"array":o}else{return o}};j.stretch=function(u,C,B,s,A,t,q){var p=(j.exists(B)&&j.exists(A))?B/A:0,r=(j.exists(s)&&j.exists(t))?s/t:0,z=0,w=0,o={},v;switch(u.toLowerCase()){case k.NONE:case k.FILL:case k.EXACTFIT:v="jw"+u.toLowerCase();break;case k.UNIFORM:v="jw"+u.toLowerCase();if(p>r){if((A*r)/B>0.95){v="jwexactfit"}}else{if((t*p)/s>0.95){v="jwexactfit"}}break;default:break}C.className=C.className.replace(/jw(none|exactfit|uniform|fill)/g,"");C.className+=" "+v};var k=j.stretching={NONE:"none",FILL:"fill",UNIFORM:"uniform",EXACTFIT:"exactfit"}})(jwplayer);(function(b){var a=b.strings=function(){};a.trim=function(c){return c.replace(/^\s*/,"").replace(/\s*$/,"")};a.pad=function(d,e,c){if(!c){c="0"}while(d.length<e){d=c+d}return d};a.serialize=function(c){if(c==null){return null}else{if(c=="true"){return true}else{if(c=="false"){return false}else{if(isNaN(Number(c))||c.length>5||c.length==0){return c}else{return Number(c)}}}}};a.seconds=function(e){e=e.replace(",",".");var c=e.split(":");var d=0;if(e.substr(-1)=="s"){d=Number(e.substr(0,e.length-1))}else{if(e.substr(-1)=="m"){d=Number(e.substr(0,e.length-1))*60}else{if(e.substr(-1)=="h"){d=Number(e.substr(0,e.length-1))*3600}else{if(c.length>1){d=Number(c[c.length-1]);d+=Number(c[c.length-2])*60;if(c.length==3){d+=Number(c[c.length-3])*3600}}else{d=Number(e)}}}}return d};a.xmlAttribute=function(c,d){for(var e=0;e<c.attributes.length;e++){if(c.attributes[e].name&&c.attributes[e].name.toLowerCase()==d.toLowerCase()){return c.attributes[e].value.toString()}}return""};a.jsonToString=function(g){var i=i||{};if(i&&i.stringify){return i.stringify(g)}var d=typeof(g);if(d!="object"||g===null){if(d=="string"){g='"'+g.replace(/"/g,'\\"')+'"'}else{return String(g)}}else{var h=[],c=(g&&g.constructor==Array);for(var e in g){var f=g[e];switch(typeof(f)){case"string":f='"'+f.replace(/"/g,'\\"')+'"';break;case"object":if(b.exists(f)){f=a.jsonToString(f)}break}if(c){if(typeof(f)!="function"){h.push(String(f))}}else{if(typeof(f)!="function"){h.push('"'+e+'":'+String(f))}}}if(c){return"["+String(h)+"]"}else{return"{"+String(h)+"}"}}};a.extension=function(c){if(!c){return""}c=c.substring(c.lastIndexOf("/")+1,c.length).split("?")[0];if(c.lastIndexOf(".")>-1){return c.substr(c.lastIndexOf(".")+1,c.length).toLowerCase()}}})(jwplayer.utils);(function(b){var d=new RegExp(/^(#|0x)[0-9a-fA-F]{3,6}/);b.typechecker=function(g,f){f=!b.exists(f)?c(g):f;return e(g,f)};function c(f){var g=["true","false","t","f"];if(g.toString().indexOf(f.toLowerCase().replace(" ",""))>=0){return"boolean"}else{if(d.test(f)){return"color"}else{if(!isNaN(parseInt(f,10))&&parseInt(f,10).toString().length==f.length){return"integer"}else{if(!isNaN(parseFloat(f))&&parseFloat(f).toString().length==f.length){return"float"}}}}return"string"}function e(g,f){if(!b.exists(f)){return g}switch(f){case"color":if(g.length>0){return a(g)}return null;case"integer":return parseInt(g,10);case"float":return parseFloat(g);case"boolean":if(g.toLowerCase()=="true"){return true}else{if(g=="1"){return true}}return false}return g}function a(f){f=f.replace(/(#|0x)?([0-9A-F]{3,6})$/gi,"$2");if(f.length==3){f=f.charAt(0)+f.charAt(0)+f.charAt(1)+f.charAt(1)+f.charAt(2)+f.charAt(2)}return parseInt(f,16)}})(jwplayer.utils);(function(a){a.events={COMPLETE:"COMPLETE",ERROR:"ERROR",API_READY:"jwplayerAPIReady",JWPLAYER_READY:"jwplayerReady",JWPLAYER_FULLSCREEN:"jwplayerFullscreen",JWPLAYER_RESIZE:"jwplayerResize",JWPLAYER_ERROR:"jwplayerError",JWPLAYER_MEDIA_BEFOREPLAY:"jwplayerMediaBeforePlay",JWPLAYER_MEDIA_BEFORECOMPLETE:"jwplayerMediaBeforeComplete",JWPLAYER_COMPONENT_SHOW:"jwplayerComponentShow",JWPLAYER_COMPONENT_HIDE:"jwplayerComponentHide",JWPLAYER_MEDIA_BUFFER:"jwplayerMediaBuffer",JWPLAYER_MEDIA_BUFFER_FULL:"jwplayerMediaBufferFull",JWPLAYER_MEDIA_ERROR:"jwplayerMediaError",JWPLAYER_MEDIA_LOADED:"jwplayerMediaLoaded",JWPLAYER_MEDIA_COMPLETE:"jwplayerMediaComplete",JWPLAYER_MEDIA_SEEK:"jwplayerMediaSeek",JWPLAYER_MEDIA_TIME:"jwplayerMediaTime",JWPLAYER_MEDIA_VOLUME:"jwplayerMediaVolume",JWPLAYER_MEDIA_META:"jwplayerMediaMeta",JWPLAYER_MEDIA_MUTE:"jwplayerMediaMute",JWPLAYER_PLAYER_STATE:"jwplayerPlayerState",state:{BUFFERING:"BUFFERING",IDLE:"IDLE",PAUSED:"PAUSED",PLAYING:"PLAYING",COMPLETED:"COMPLETED"},JWPLAYER_PLAYLIST_LOADED:"jwplayerPlaylistLoaded",JWPLAYER_PLAYLIST_ITEM:"jwplayerPlaylistItem",JWPLAYER_INSTREAM_CLICK:"jwplayerInstreamClicked",JWPLAYER_INSTREAM_DESTROYED:"jwplayerInstreamDestroyed"}})(jwplayer);(function(a){var b=jwplayer.utils;a.eventdispatcher=function(h,c){var e=h,g=c,f,d;this.resetEventListeners=function(){f={};d=[]};this.resetEventListeners();this.addEventListener=function(i,l,k){try{if(!b.exists(f[i])){f[i]=[]}if(b.typeOf(l)=="string"){l=(new Function("return "+l))()}f[i].push({listener:l,count:k})}catch(j){b.log("error",j)}return false};this.removeEventListener=function(j,l){if(!f[j]){return}try{for(var i=0;i<f[j].length;i++){if(f[j][i].listener.toString()==l.toString()){f[j].splice(i,1);break}}}catch(k){b.log("error",k)}return false};this.addGlobalListener=function(k,j){try{if(b.typeOf(k)=="string"){k=(new Function("return "+k))()}d.push({listener:k,count:j})}catch(i){b.log("error",i)}return false};this.removeGlobalListener=function(k){if(!k){return}try{for(var i=0;i<d.length;i++){if(d[i].listener.toString()==k.toString()){d.splice(i,1);break}}}catch(j){b.log("error",j)}return false};this.sendEvent=function(k,m){if(!b.exists(m)){m={}}b.extend(m,{id:e,version:jwplayer.version,type:k});if(g){b.log(k,m)}if(b.typeOf(f[k])!="undefined"){for(var j=0;j<f[k].length;j++){try{f[k][j].listener(m)}catch(l){b.log("There was an error while handling a listener: "+l.toString(),f[k][j].listener)}if(f[k][j]){if(f[k][j].count===1){delete f[k][j]}else{if(f[k][j].count>0){f[k][j].count=f[k][j].count-1}}}}}var i;for(i=0;i<d.length;i++){try{d[i].listener(m)}catch(l){b.log("There was an error while handling a listener: "+l.toString(),d[i].listener)}if(d[i]){if(d[i].count===1){delete d[i]}else{if(d[i].count>0){d[i].count=d[i].count-1}}}}}}})(jwplayer.events);(function(a){a.html5={}})(jwplayer);(function(a){a.utils={}})(jwplayer.html5);(function(a){var b=a.animations=function(){};b.transform=function(c,d){c.style.webkitTransform=d;c.style.MozTransform=d;c.style.OTransform=d;c.style.msTransform=d};b.transformOrigin=function(c,d){c.style.webkitTransformOrigin=d;c.style.MozTransformOrigin=d;c.style.OTransformOrigin=d;c.style.msTransformOrigin=d};b.rotate=function(c,d){b.transform(c,"rotate("+d+"deg)")}})(jwplayer.html5.utils);(function(a){a.parsers={localName:function(b){if(!b){return""}else{if(b.localName){return b.localName}else{if(b.baseName){return b.baseName}else{return""}}}},textContent:function(b){if(!b){return""}else{if(b.textContent){return b.textContent}else{if(b.text){return b.text}else{return""}}}},getChildNode:function(c,b){return c.childNodes[b]},numChildren:function(b){if(b.childNodes){return b.childNodes.length}else{return 0}}}})(jwplayer.html5);(function(b){var a=b.html5.parsers;var d=a.jwparser=function(){};var c="jwplayer";d.parseEntry=function(h,j){for(var f=0;f<h.childNodes.length;f++){var g=h.childNodes[f];if(g.prefix==c){var e=a.localName(g);j[e]=b.utils.strings.serialize(a.textContent(g));if(e=="file"&&j.levels){delete j.levels}}if(!j.file){j.file=j.link}}return j}})(jwplayer);(function(d){var h=jwplayer.utils.strings,g=h.xmlAttribute,b=d.localName,a=d.textContent,c=d.numChildren;var f=d.mediaparser=function(){};var e="media";f.parseGroup=function(m,n){for(var k=0;k<c(m);k++){var l=m.childNodes[k];if(l.prefix==e){if(!b(l)){continue}switch(b(l).toLowerCase()){case"content":n.file=g(l,"url");if(g(l,"duration")){n.duration=h.seconds(g(l,"duration"))}if(g(l,"start")){n.start=h.seconds(g(l,"start"))}if(c(l)>0){n=f.parseGroup(l,n)}if(g(l,"width")||g(l,"bitrate")||g(l,"url")){if(!n.levels){n.levels=[]}n.levels.push({width:g(l,"width"),bitrate:g(l,"bitrate"),file:g(l,"url")})}break;case"title":n.title=a(l);break;case"description":n.description=a(l);break;case"keywords":n.tags=a(l);break;case"thumbnail":n.image=g(l,"url");break;case"credit":n.author=a(l);break;case"player":var j=l.url;break;case"group":f.parseGroup(l,n);break}}}return n}})(jwplayer.html5.parsers);(function(f){var g=jwplayer.utils,a=f.textContent,d=f.getChildNode,e=f.numChildren,c=f.localName;f.rssparser={};f.rssparser.parse=function(o){var h=[];for(var m=0;m<e(o);m++){var n=d(o,m),k=c(n).toLowerCase();if(k=="channel"){for(var l=0;l<e(n);l++){var p=d(n,l);if(c(p).toLowerCase()=="item"){h.push(b(p))}}}}return h};function b(l){var m={};for(var j=0;j<l.childNodes.length;j++){var k=l.childNodes[j];var h=c(k);if(!h){continue}switch(h.toLowerCase()){case"enclosure":m.file=g.strings.xmlAttribute(k,"url");break;case"title":m.title=a(k);break;case"pubdate":m.date=a(k);break;case"description":m.description=a(k);break;case"link":m.link=a(k);break;case"category":if(m.tags){m.tags+=a(k)}else{m.tags=a(k)}break}}m=f.mediaparser.parseGroup(l,m);m=f.jwparser.parseEntry(l,m);return new jwplayer.html5.playlistitem(m)}})(jwplayer.html5.parsers);(function(l){var u=l.html5,h=l.utils,i=l.events,p=l.events.state,o=h.css,b="button",n="text",e="divider",q="slider",f="relative",g="absolute",a="none",m="block",s="inline",k="inline-block",c="left",v="right",j="100%",r="width .25s linear, left .25s linear, opacity .25s, background .25s",t=".jwcontrolbar",d=document;u.controlbar=function(C,ao){var A,S,B={margin:10,font:"Arial,sans-serif",fontsize:10,fontcolor:parseInt("000000",16),fontstyle:"normal",fontweight:"bold",layout:{left:{position:"left",elements:[{name:"play",type:b},{name:"divider",type:e},{name:"prev",type:b},{name:"divider",type:e},{name:"next",type:b},{name:"divider",type:e},{name:"elapsed",type:n}]},center:{position:"center",elements:[{name:"time",type:q}]},right:{position:"right",elements:[{name:"duration",type:n},{name:"blank",type:b},{name:"divider",type:e},{name:"mute",type:b},{name:"volume",type:q},{name:"divider",type:e},{name:"fullscreen",type:b}]}}},R,ay,aj,aw,am,aG,L,ag=false,ap=0,W={play:"pause",mute:"unmute",fullscreen:"normalscreen"},ax={play:false,mute:false,fullscreen:false},z={play:ab,mute:M,fullscreen:Y,next:y,prev:ae},D={time:V,volume:aB};function aA(){aj={};A=C;am=A.id+"_controlbar";aG=0;aw=N();aw.id=am;aw.className="jwcontrolbar";window.addEventListener("mousemove",aF,false);window.addEventListener("mouseup",aF,false);S=A.skin;R=h.extend({},B,ao);ay=S.getComponentLayout("controlbar");if(!ay){ay=B.layout}U();ar();w()}function w(){A.jwAddEventListener(l.events.JWPLAYER_MEDIA_TIME,aH);A.jwAddEventListener(l.events.JWPLAYER_PLAYER_STATE,G);A.jwAddEventListener(l.events.JWPLAYER_MEDIA_MUTE,aC);A.jwAddEventListener(l.events.JWPLAYER_MEDIA_VOLUME,E);A.jwAddEventListener(l.events.JWPLAYER_MEDIA_BUFFER,J);A.jwAddEventListener(l.events.JWPLAYER_FULLSCREEN,F)}function aH(aI){aG=aI.duration;if(aj.elapsed){aj.elapsed.innerHTML=h.timeFormat(aI.position)}if(aj.duration){aj.duration.innerHTML=h.timeFormat(aI.duration)}if(aI.duration>0){av(aI.position/aI.duration)}else{av(0)}}function G(aI){switch(aI.newstate){case p.BUFFERING:case p.PLAYING:o(aq(".jwtimeSliderThumb"),{opacity:1});Q("play",true);break;case p.PAUSED:if(!ag){Q("play",false)}break;case p.IDLE:Q("play",false);o(aq(".jwtimeSliderThumb"),{opacity:0});if(aj.timeRail){aj.timeRail.className="jwrail";setTimeout(function(){aj.timeRail.className+=" jwsmooth"},100)}az(0);aH({position:0,duration:0});break;case p.COMPLETED:o(aq(),{opacity:0});break}}function aC(aI){Q("mute",aI.mute);x(aI.mute?0:L)}function E(aI){L=aI.volume/100;x(L)}function J(aI){az(aI.bufferPercent/100)}function F(aI){Q("fullscreen",aI.fullscreen)}function U(){h.clearCss("#"+am);o("#"+am,{height:aa("background").height,bottom:R.margin?R.margin:0,left:R.margin?R.margin:0,right:R.margin?R.margin:0});o(aq(".jwtext"),{font:R.fontsize+"px/"+aa("background").height+"px "+R.font,color:R.fontcolor,"font-weight":R.fontweight,"font-style":R.fontstyle,"text-align":"center",padding:"0 5px"})}function aq(aI){return"#"+am+" "+aI}function N(){return d.createElement("span")}function ar(){var aK=ak("capLeft");var aJ=ak("capRight");var aI=ak("background",{position:g,left:aa("capLeft").width,right:aa("capRight").width,"background-repeat":"repeat-x"},true);if(aI){aw.appendChild(aI)}if(aK){aw.appendChild(aK)}at();if(aJ){aw.appendChild(aJ)}}function O(aI){switch(aI.type){case e:return ad(aI);break;case n:return al(aI.name);break;case b:if(aI.name!="blank"){return ac(aI.name)}break;case q:return P(aI.name);break}}function ak(aK,aN,aJ,aP){var aM=N();aM.className="jw"+aK;var aI=aP?" left center":" center";var aL=aa(aK);aM.innerHTML="&nbsp;";if(!aL||aL.src==""){return}var aO;if(aJ){aO={background:"url('"+aL.src+"') repeat-x "+aI}}else{aO={background:"url('"+aL.src+"') no-repeat"+aI,width:aL.width}}o(aq(".jw"+aK),h.extend(aO,aN));aj[aK]=aM;return aM}function ac(aK){if(!aa(aK+"Button").src){return null}var aL=d.createElement("button");aL.className="jw"+aK;aL.addEventListener("click",ah(aK),false);var aM=aa(aK+"Button");var aJ=aa(aK+"ButtonOver");aL.innerHTML="&nbsp;";T(aq(".jw"+aK),aM,aJ);var aI=W[aK];if(aI){T(aq(".jw"+aK+".jwtoggle"),aa(aI+"Button"),aa(aI+"ButtonOver"))}aj[aK]=aL;return aL}function T(aI,aJ,aK){if(!aJ.src){return}o(aI,{width:aJ.width,background:"url("+aJ.src+") center no-repeat"});if(aK.src){o(aI+":hover",{background:"url("+aK.src+") center no-repeat"})}}function ah(aI){return function(){if(z[aI]){z[aI]()}}}function ab(){if(ax.play){A.jwPause()}else{A.jwPlay()}}function M(){A.jwSetMute();aC({mute:ax.mute})}function aB(aI){if(aI<0.1){aI=0}if(aI>0.9){aI=1}A.jwSetVolume(aI*100);x(aI)}function V(aI){A.jwSeek(aI*aG)}function Y(){A.jwSetFullscreen()}function y(){A.jwPlaylistNext()}function ae(){A.jwPlaylistNext()}function Q(aI,aJ){if(!h.exists(aJ)){aJ=!ax[aI]}if(aj[aI]){aj[aI].className="jw"+aI+(aJ?" jwtoggle jwtoggling":" jwtoggling");setTimeout(function(){aj[aI].className=aj[aI].className.replace(" jwtoggling","")},100)}ax[aI]=aJ}function K(aI){return am+"_"+aI}function al(aI,aM){var aK=N();aK.id=K(aI);aK.className="jwtext jw"+aI;var aJ={};var aL=aa(aI+"Background");if(aL.src){aJ.background="url("+aL.src+") no-repeat center";aJ["background-size"]="100% "+aa("background").height+"px"}o(aq(".jw"+aI),aJ);aK.innerHTML="00:00";aj[aI]=aK;return aK}function ad(aJ){if(aJ.width){var aI=N();aI.className="jwblankDivider";o(aI,{width:parseInt(aJ.width)});return aI}else{if(aJ.element){return ak(aJ.element)}else{return ak(aJ.name)}}}function P(aI){var aL=N();aL.className="jwslider jw"+aI;var aK=ak(aI+"SliderCapLeft");var aJ=ak(aI+"SliderCapRight");if(aJ){aJ.className+=" jwcapRight"}var aM=an(aI);if(aK){aL.appendChild(aK)}aL.appendChild(aM);if(aK){aL.appendChild(aJ)}o(aq(".jw"+aI+" .jwrail"),{left:aa(aI+"SliderCapLeft").width,right:aa(aI+"SliderCapRight").width,});aj[aI]=aL;if(aI=="time"){aE(aL);av(0);az(0)}else{if(aI=="volume"){au(aL)}}return aL}function an(aK){var aN=N();aN.className="jwrail jwsmooth";var aI=["Rail","Buffer","Progress"];for(var aM=0;aM<aI.length;aM++){var aL=ak(aK+"Slider"+aI[aM],null,true,(aK=="volume"));if(aL){aL.className+=" jwstretch";aN.appendChild(aL)}}var aJ=ak(aK+"SliderThumb");if(aJ){o(aq("."+aJ.className),{opacity:0});aJ.className+=" jwthumb";aN.appendChild(aJ)}aN.addEventListener("mousedown",H(aK),false);aj[aK+"Rail"]=aN;return aN}function I(){var aI=A.jwGetState();return(aI==p.IDLE||aI==p.COMPLETED)}function H(aI){return(function(aJ){if(aJ.button!=0){return}aj[aI+"Rail"].className="jwrail";if(aI=="time"){if(!I()){A.jwSeekDrag(true);ag=aI}}else{ag=aI}})}function aF(aI){if(!ag||aI.button!=0){return}var aM=aj[ag].getElementsByClassName("jwrail")[0],aN=h.getBoundingClientRect(aM),aL=(aI.clientX-aN.left)/aN.width;if(aI.type=="mouseup"){var aJ=ag;if(aJ=="time"){A.jwSeekDrag(false)}aj[aJ+"Rail"].className="jwrail jwsmooth";ag=null;D[aJ](aL)}else{if(ag=="time"){av(aL)}else{x(aL)}var aK=(new Date()).getTime();if(aK-ap>500){ap=aK;D[ag](aL)}}}function aE(aI){if(aj.timeSliderThumb){o(aq(".jwtimeSliderThumb"),{"margin-left":(aa("timeSliderThumb").width/-2)})}az(0);av(0)}function au(aK){var aJ=aa("volumeSliderCapLeft").width,aI=aa("volumeSliderCapRight").width,aL=aa("volumeSliderRail").width;o(aq(".jwvolume"),{width:(aJ+aL+aI)})}var X={};function at(){aD("left");aD("center");aD("right");aw.appendChild(X.left);aw.appendChild(X.center);aw.appendChild(X.right);o(aq(".jwright"),{right:aa("capRight").width})}function aD(aJ){var aI=N();aI.className="jwgroup jw"+aJ;X[aJ]=aI;if(ay[aJ]){Z(ay[aJ],X[aJ])}}function Z(aL,aI){if(aL&&aL.elements.length>0){for(var aK=0;aK<aL.elements.length;aK++){var aJ=O(aL.elements[aK]);if(aJ){aI.appendChild(aJ)}}}}var af=this.resize=function(aJ,aI){o(aq(".jwgroup.jwcenter"),{left:Math.round(h.parseDimension(X.left.offsetWidth)+aa("capLeft").width),right:Math.round(h.parseDimension(X.right.offsetWidth)+aa("capRight").width)})};this.getDisplayElement=function(){return aw};function az(aI){aI=Math.min(Math.max(0,aI),1);o(aq(".jwtimeSliderBuffer"),{width:aI*100+"%"})}function ai(aK,aJ,aL){var aI=100*Math.min(Math.max(0,aJ),1)+"%";o(aq(aK+"Progress"),{width:aI});o(aq(aK+"Thumb"),{left:aI})}function x(aI){ai(".jwvolumeSlider",aI,true)}function av(aI){ai(".jwtimeSlider",aI)}function aa(aI){var aJ=S.getSkinElement("controlbar",aI);if(aJ){return aJ}else{return{width:0,height:0,src:"",image:undefined,ready:false}}}this.show=function(){o(aq(),{opacity:1})};this.hide=function(){o(aq(),{opacity:0})};aA()};o(t,{position:g,overflow:"hidden","-webkit-transition":r,"-moz-transition":r,"-o-transition":r});o(t+" span",{height:j,"-webkit-user-select":a,"-webkit-user-drag":a,"user-select":a,"user-drag":a});o(t+" .jwgroup",{display:s});o(t+" span, "+t+" .jwgroup button,"+t+" .jwleft",{position:f,"float":c});o(t+" .jwright",{position:g});o(t+" .jwcenter",{position:g});o(t+" button",{display:k,height:j,border:a,cursor:"pointer","-webkit-transition":r,"-moz-transition":r,"-o-transition":r});o(t+" .jwcapRight",{right:0,position:g});o(t+" .jwtime,"+t+" .jwgroup span.jwstretch",{position:g,height:j,width:j,left:0});o(t+" .jwrail,"+t+" .jwthumb",{position:g,height:j,cursor:"pointer"});o(t+" .jwtime .jwsmooth span",{"-webkit-transition":r,"-moz-transition":r,"-o-transition":r});o(t+" .jwdivider+.jwdivider",{display:a});o(t+" .jwtext",{padding:"0 5px","text-align":"center"});o(t+" .jwtoggling",{"-webkit-transition":a,"-moz-transition":a,"-o-transition":a})})(jwplayer);(function(a){var e=jwplayer,c=e.utils,d=e.events,b=d.state;a.controller=function(g,r){var w=g,f=r,l=g.getVideo(),j=new d.eventdispatcher(w.id,w.config.debug);c.extend(this,j);function m(){w.addGlobalListener(z);w.addEventListener(d.JWPLAYER_MEDIA_BUFFER_FULL,t)}function z(B){j.sendEvent(B.type,B)}function t(B){l.play()}function A(B){k();switch(c.typeOf(B)){case"string":w.setPlaylist(new a.playlist({file:B}));w.setItem(0);break;case"object":case"array":w.setPlaylist(new a.playlist(B));w.setItem(0);break;case"number":w.setItem(B);break}}function q(){if(w.state==b.IDLE){l.load(w.playlist[w.item])}else{if(w.state==b.PAUSED){l.play()}}}function k(){l.stop()}function y(){if(w.state==b.PLAYING||w.state==b.BUFFERING){l.pause()}}function u(B){l.seek(B)}function x(B){l.volume(B)}function n(B){if(!c.exists(B)){B=!w.mute}l.mute(B)}function s(B){f.fullscreen(B)}function p(B){w.stretching=B;f.resize()}function o(B){A(w.item);q()}function h(){o(w.item-1)}function i(){o(w.item+1)}function v(B){return function(){B.apply(this,arguments)}}this.play=v(q);this.pause=v(y);this.seek=v(u);this.stop=v(k);this.load=v(A);this.next=v(i);this.prev=v(h);this.item=v(o);this.setVolume=v(x);this.setMute=v(n);this.setFullscreen=v(s);this.setStretching=v(p);m()}})(jwplayer.html5);(function(a){a.html5.defaultskin=function(){this.text='<?xml version="1.0" ?><skin author="LongTail Video" name="Five" version="1.1"><components><component name="controlbar"><settings><setting name="margin" value="20"/><setting name="fontsize" value="11"/><setting name="fontcolor" value="0x000000"/></settings><layout><group position="left"><button name="play"/><divider name="divider"/><button name="prev"/><divider name="divider"/><button name="next"/><divider name="divider"/><text name="elapsed"/></group><group position="center"><slider name="time"/></group><group position="right"><text name="duration"/><divider name="divider"/><button name="blank"/><divider name="divider"/><button name="mute"/><slider name="volume"/><divider name="divider"/><button name="fullscreen"/></group></layout><elements><element name="background" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAIAAABvFaqvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAElJREFUOI3t1LERACAMQlFgGvcfxNIhHMK4gsUvUviOmgtNsiAZkBSEKxKEnCYkkQrJn/YwbUNiSDDYRZaQRDaShv+oX9GBZEIuK+8hXVLs+/YAAAAASUVORK5CYII="/><element name="blankButton" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAYCAYAAAAyJzegAAAAFElEQVQYV2P8//8/AzpgHBUc7oIAGZdH0RjKN8EAAAAASUVORK5CYII="/><element name="capLeft" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAYAAAA7zJfaAAAAQElEQVQIWz3LsRGAMADDQJ0XB5bMINABZ9GENGrszxhjT2WLSqxEJG2JQrTMdV2q5LpOAvyRaVmsi7WdeZ/7+AAaOTq7BVrfOQAAAABJRU5ErkJggg=="/><element name="capRight" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAYAAAA7zJfaAAAAQElEQVQIWz3LsRGAMADDQJ0XB5bMINABZ9GENGrszxhjT2WLSqxEJG2JQrTMdV2q5LpOAvyRaVmsi7WdeZ/7+AAaOTq7BVrfOQAAAABJRU5ErkJggg=="/><element name="divider" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUCB0FwcENgEAAw7Aq+893g8APUILNOQcbFRktVGqUVFRkWNz3xTa2sUaLNUosKlRUvvf5AdbWOTtzmzyWAAAAAElFTkSuQmCC"/><element name="playButton" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAYCAYAAAAVibZIAAAANUlEQVR42u2RsQkAAAjD/NTTPaW6dXLrINJA1kBpGPMAjDWmOgp1HFQXx+b1KOefO4oxY57R73YnVYCQUCQAAAAASUVORK5CYII="/><element name="pauseButton" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAYCAYAAAAVibZIAAAAIUlEQVQ4jWNgGAWjYOiD/0gYG3/U0FFDB4Oho2AUDAYAAEwiL9HrpdMVAAAAAElFTkSuQmCC"/><element name="prevButton" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAYCAYAAAAVibZIAAAAQklEQVQ4y2NgGAWjYOiD/1AMA/JAfB5NjCJD/YH4PRaLyDa0H4lNNUP/DxlD59PCUBCIp3ZEwYA+NZLUKBgFgwEAAN+HLX9sB8u8AAAAAElFTkSuQmCC"/><element name="nextButton" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAYCAYAAAAVibZIAAAAQElEQVQ4y2NgGAWjYOiD/0B8Hojl0cT+U2ooCL8HYn9qGwrD/bQw9P+QMXQ+tSMqnpoRBUpS+tRMUqNgFAwGAADxZy1/mHvFnAAAAABJRU5ErkJggg=="/><element name="timeSliderRail" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAOElEQVRIDe3BwQkAIRADwAhhw/nU/kWwUK+KPITMABFh19Y+F0acY8CJvX9wYpXgRElwolSIiMf9ZWEDhtwurFsAAAAASUVORK5CYII="/><element name="timeSliderBuffer" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAN0lEQVRIDe3BwQkAMQwDMBcc55mRe9zi7RR+FCwBEWG39vcfGHFm4MTuhhMlwYlVBSdKhYh43AW/LQMKm1spzwAAAABJRU5ErkJggg=="/><element name="timeSliderProgress" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAIElEQVRIiWNgGAWjYBTQBfynMR61YCRYMApGwSigMQAAiVWPcbq6UkIAAAAASUVORK5CYII="/><element name="timeSliderThumb" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAYCAYAAAA/OUfnAAAAO0lEQVQYlWP4//8/Awwz0JgDBP/BeN6Cxf/hnI2btiI4u/fsQ3AOHjqK4Jw4eQbBOX/hEoKDYjSd/AMA4cS4mfLsorgAAAAASUVORK5CYII="/><element name="muteButton" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAYCAYAAADKx8xXAAAAJklEQVQ4y2NgGAUjDcwH4v/kaPxPikZkxcNVI9mBQ5XoGAWDFwAAsKAXKQQmfbUAAAAASUVORK5CYII="/><element name="unmuteButton" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAYCAYAAADKx8xXAAAAMklEQVQ4y2NgGAWDHPyntub5xBr6Hwv/Pzk2/yfVG/8psRFE25Oq8T+tQnsIaB4FVAcAi2YVysVY52AAAAAASUVORK5CYII="/><element name="volumeSliderRail" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYAgMAAACdGdVrAAAACVBMVEUAAACmpqampqbBXAu8AAAAAnRSTlMAgJsrThgAAAArSURBVAhbY2AgErBAyA4I2QEhOyBkB4TsYOhAoaCCUCUwDTDtMMNgRuMHAFB5FoGH5T0UAAAAAElFTkSuQmCC"/><element name="volumeSliderProgress" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYAgMAAACdGdVrAAAACVBMVEUAAAAAAAAAAACDY+nAAAAAAnRSTlMAgJsrThgAAAArSURBVAhbY2AgErBAyA4I2QEhOyBkB4TsYOhAoaCCUCUwDTDtMMNgRuMHAFB5FoGH5T0UAAAAAElFTkSuQmCC"/><element name="volumeSliderCapRight" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAYCAYAAAAyJzegAAAAFElEQVQYV2P8//8/AzpgHBUc7oIAGZdH0RjKN8EAAAAASUVORK5CYII="/><element name="fullscreenButton" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAQklEQVRIiWNgGAWjYMiD/0iYFDmSLbDHImdPLQtgBpEiR7Zl2NijAA5oEkT/0Whi5UiyAJ8BVMsHNMtoo2AUDAIAAGdcIN3IDNXoAAAAAElFTkSuQmCC"/><element name="normalscreenButton" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAP0lEQVRIx2NgGAWjYMiD/1RSQ5QB/wmIUWzJfzx8qhj+n4DYCAY0DyJ7PBbYU8sHMEvwiZFtODXUjIJRMJgBACpWIN2ZxdPTAAAAAElFTkSuQmCC"/></elements></component><component name="display"><elements><element name="background" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyAQMAAAAk8RryAAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlOZpuml+rYAAAASSURBVBhXY2AYJuA/GBwY6jQAyDyoK8QcL4QAAAAASUVORK5CYII="/><element name="playIcon" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAiUlEQVR42u3XSw2AMBREURwgAQlIQAISKgUpSEFKJeCg5b0E0kWBTVcD9ySTsL0Jn9IBAAAA+K2UUrBlW/Rr5ZDoIeeuoFkxJD9ss03aIXXQqB9SttoG7ZA6qNcOKdttiwcJh9RB+iFl4SshkRBuLR72+9cvH0SOKI2HRo7x/Fi1/uoCAAAAwLsD8ki99IlO2dQAAAAASUVORK5CYII="/><element name="muteIcon" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAVUlEQVR42u3WMQrAIAxAUW/g/SdvGmvpoOBeSHgPsjj5QTANAACARCJilIhYM0tEvJM+Ik3Id9E957kQIb+F3OdCPC0hPkQriqWx9hp/x/QGAABQyAPLB22VGrpLDgAAAABJRU5ErkJggg=="/><element name="errorIcon" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAA/0lEQVR42u2U0QmEMBAF7cASLMESUoIlpARLSCkpwRJSgiWkhOvAXD4WsgRkyaG5DbyB+Yvg8KITAAAAAAAYk+u61mwk15EjPtlEfihmqIiZR1Qx80ghjgdUuiHXGHSVsoag0x6x8DUoyjD5KovmEJ9NTDMRPIT0mtdIUkjlonuNohO+Ha99DTmkuGgKCTcvebAzx82ZoCWC3/3aIMWSRucaxcjORSFY4xpFdjYJGp1rFGcyCYZ/RVh6AUnfcNZ2zih3/mGj1jVCdiNDwyrq1rA/xMdeEXvDVdnYc1vDc3uPkDObXrlaxbNHSOohQhr/WOeLEWfWTgAAAAAAADzNF9sHJ7PJ57MlAAAAAElFTkSuQmCC"/><element name="bufferIcon" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAACBklEQVR42u3Zv0sCYRzH8USTzOsHHEWGkC1HgaDgkktGDjUYtDQ01RDSljQ1BLU02+rk1NTm2NLq4Nx/0L/h9fnCd3j4cnZe1/U8xiO8h3uurufF0/3COd/3/0UWYiEWYiEWYiGJQ+J8xuPxKhXjEMZANinjIZhkGuVRNioE4wVURo4JkHm0xKWmhRAc1bh1EyCUw5BcBIjHiApKa4CErko6DEJwuRo6IRKzyJD8FJAyI3Zp2zRImiBcRhlfo5RtlxCcE3CcDNpGrhYIT2IhAJKilO0VRmzJ32fAMTpBTS0QMfGwlcuKMRftE0DJ0wCJdcOsCkBdXP3Mh9CEFUBTPS9mDZJBG6io4aqVzMdCokCw9H3kT6j/C/9iDdSeUMNC7DkyyxAs/Rk6Qss8FPWRZgdVtUH4DjxEn1zxh+/zj1wHlf4MQhNGrwqA6sY40U8JonRJwEQh+AO3AvCG6gHv4U7IY4krxkroWoAOkoQMGfCBrgIm+YBGqPENpIJ66CJg3x66Y0gnSUidAEEnNr9jjLiWMn5DiWP0OC/oAsCgkq43xBdGDMQr7YASP/vEkHvdl1+JOCcEV5sC4hGEOzTlPuKgd0b0xD4JkRcOgnRRTjdErkYhAsQVq6IdUuPJtmk7BCL3t/h88cx91pKQkI/pkDx6pmYTIjEoxiHsN1YWYiEWYiEWknhflZ5IErA5nr8AAAAASUVORK5CYII="/></elements></component><component name="dock"><settings><setting name="fontcolor" value="0xffffff"/></settings><elements><element name="button" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyAQMAAAAk8RryAAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlOZpuml+rYAAAASSURBVBhXY2AYJuA/GBwY6jQAyDyoK8QcL4QAAAAASUVORK5CYII="/></elements></component><component name="playlist"><settings><setting name="backgroundcolor" value="0xe8e8e8"/></settings><elements><element name="item" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAIAAAC1nk4lAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHBJREFUaN7t2MENwCAMBEEe9N8wSKYC/D8YV7CyJoRkVtVImxkZPQInMxoP0XiIxkM0HsGbjjSNBx544IEHHnjggUe/6UQeey0PIh7XTftGxKPj4eXCtLsHHh+ZxkO0Iw8PR55Ni8ZD9Hu/EAoP0dc5RRg9qeRjVF8AAAAASUVORK5CYII="/><element name="sliderCapTop" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAHCAYAAADnCQYGAAAAFUlEQVQokWP8//8/A7UB46ihI9hQAKt6FPPXhVGHAAAAAElFTkSuQmCC"/><element name="sliderRail" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAUCAYAAABiS3YzAAAAKElEQVQ4y2P4//8/Az68bNmy/+iYkB6GUUNHDR01dNTQUUNHDaXcUABUDOKhcxnsSwAAAABJRU5ErkJggg=="/><element name="sliderThumb" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAUCAYAAABiS3YzAAAAJUlEQVQ4T2P4//8/Ay4MBP9xYbz6Rg0dNXTU0FFDRw0dNZRyQwHH4NBa7GJsXAAAAABJRU5ErkJggg=="/><element name="sliderCapBottom" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAHCAYAAADnCQYGAAAAFUlEQVQokWP8//8/A7UB46ihI9hQAKt6FPPXhVGHAAAAAElFTkSuQmCC"/></elements></component></components></skin>';this.xml=null;if(window.DOMParser){parser=new DOMParser();this.xml=parser.parseFromString(this.text,"text/xml")}else{this.xml=new ActiveXObject("Microsoft.XMLDOM");this.xml.async="false";this.xml.loadXML(this.text)}return this}})(jwplayer);(function(g){var m=jwplayer.utils,j=m.css,d=jwplayer.events,e=d.state,l=g.utils.animations.rotate,k=document,a=".jwdisplay",i=".jwpreview",b="absolute",c="none",h="100%",f="opacity .25s";g.display=function(D,P){var J=D,z=D.skin,s,n,q,w,K,O,C={},o,B,M,G,x=m.extend({backgroundcolor:"#000"},P);_bufferRotation=!m.exists(x.bufferrotation)?15:parseInt(x.bufferrotation,10),_bufferInterval=!m.exists(x.bufferinterval)?100:parseInt(x.bufferinterval,10);function A(){s=k.createElement("div");s.id=J.id+"_display";s.className="jwdisplay";n=k.createElement("div");n.className="jwpreview";s.appendChild(n);J.jwAddEventListener(d.JWPLAYER_PLAYER_STATE,y);J.jwAddEventListener(d.JWPLAYER_PLAYLIST_ITEM,I);s.addEventListener("click",L,false);p();y({newstate:e.IDLE})}function L(R){switch(J.jwGetState()){case e.PLAYING:case e.BUFFERING:J.jwPause();break;default:J.jwPlay();break}}function p(){var R=["play","buffer"];for(var U=0;U<R.length;U++){var Y=R[U],W=E(Y+"Icon"),T=E(Y+"IconOver"),V=k.createElement("div"),S=E("background"),X=E("backgroundOver");button=k.createElement("button");if(W){button.className="jw"+Y;V.className="jwicon";button.appendChild(V);u("#"+s.id+" ."+button.className,S,X);u("#"+s.id+" ."+button.className+" div",W,T);if(X||T){button.addEventListener("mouseover",F(button),false);button.addEventListener("mouseout",H(button),false)}C[Y]=button}}}function F(R){return function(S){if(R.className.indexOf("jwhover")<0){R.className+=" jwhover"}if(R.childNodes[0].className.indexOf("jwhover")<0){R.childNodes[0].className+=" jwhover"}}}function H(R){return function(S){R.className=R.className.replace(" jwhover","");R.childNodes[0].className=R.childNodes[0].className.replace(" jwhover","")}}function u(R,S,T){if(!(S&&S.src)){return}j(R,{width:S.width,height:S.height,"margin-left":S.width/-2,"margin-top":S.height/-2,background:"url("+S.src+") center no-repeat"});if(T&&T.src){j(R+".jwhover",{background:"url("+T.src+") center no-repeat"})}}function Q(R){if(B){s.removeChild(B)}B=C[R];if(B){s.appendChild(B)}}function I(){var R=J.jwGetPlaylist()[J.jwGetPlaylistIndex()];var S=R?R.image:"";if(q!=S){q=S;N(i,false);t()}}function y(R){clearInterval(G);switch(R.newstate){case e.COMPLETED:case e.IDLE:Q("play");N(i,true);break;case e.BUFFERING:Q("buffer");M=0;G=setInterval(function(){M+=_bufferRotation;l(B.childNodes[0],M%360)},_bufferInterval);break;case e.PLAYING:Q();N(i,false);break;case e.PAUSED:Q("play");break}}this.getDisplayElement=function(){return s};function r(R){return"#"+s.id+" "+R}function t(){if(q){var R=new Image();R.addEventListener("load",function(){w=R.width;K=R.height;v();j(r(i),{"background-image":q?("url("+q+")"):"",});N(i,true)},false);R.src=q}else{N(i,false);w=K=0}}function E(R){var S=z.getSkinElement("display",R);if(S){return S}return null}function v(){m.stretch(J.jwGetStretching(),n,s.clientWidth,s.clientHeight,w,K)}this.resize=v;function N(R,S){j(r(R),{opacity:S?1:0})}this.show=function(){N("",true)};this.hide=function(){N("",false)};A()};j(a,{position:b,cursor:"pointer",width:h,height:h,overflow:"hidden"});j(a+" .jwpreview",{position:b,width:h,height:h,"background-repeat":"no-repeat","background-position":"center",overflow:"hidden"});j(a+", "+a+" *",{"-webkit-transition":f,"-moz-transition":f,"-o-transition":f});j(a+" button, "+a+" .jwicon",{border:c,position:b,left:"50%",top:"50%",padding:0,cursor:"pointer"})})(jwplayer.html5);(function(a){var b=jwplayer.utils,c=jwplayer.events;a.model=function(d){var j=this,f,l,m=b.getCookies(),h={width:480,height:320,item:0,playlist:[],skin:undefined,volume:90,mute:false,repeat:"",stretching:b.stretching.UNIFORM,autostart:false,debug:undefined};function i(n){return n}function k(){b.extend(j,new c.eventdispatcher());j.config=b.extend({},h,m,i(d));b.extend(j,{id:d.id,state:c.state.IDLE,position:0,buffer:0,},j.config);j.setItem(j.config.item);l=document.createElement("video");f=new a.video(l);f.addGlobalListener(e)}var g={};g[c.JWPLAYER_MEDIA_MUTE]="mute";g[c.JWPLAYER_MEDIA_VOLUME]="volume";g[c.JWPLAYER_PLAYER_STATE]="newstate->state";g[c.JWPLAYER_MEDIA_BUFFER]="bufferPercent->buffer";g[c.JWPLAYER_MEDIA_TIME]="position";function e(n){var p=g[n.type];if(p){var q=p.split("->"),r=q[0],o=q[1]?q[1]:r;if(j[o]!=n[r]){j[o]=n[r];j.sendEvent(n.type,n)}}else{j.sendEvent(n.type,n)}}this.getVideo=function(){return f};this.seekDrag=function(n){f.seekDrag(n)};this.setFullscreen=function(n){if(n!=j.fullscreen){j.fullscreen=n;j.sendEvent(c.JWPLAYER_FULLSCREEN,{fullscreen:n})}};this.setPlaylist=function(n){j.item=-1;j.playlist=n;j.sendEvent(c.JWPLAYER_PLAYLIST_LOADED,{playlist:n})};this.setItem=function(n){var o;if(n==j.playlist.length||n<-1){o=0}else{if(n==-1||n>j.playlist.length){o=j.playlist.length-1}else{o=n}}if(o!=j.item){j.item=o;j.sendEvent(c.JWPLAYER_PLAYLIST_ITEM,{index:j.item})}};k()}})(jwplayer.html5);(function(a){a.player=function(b){var j=this,h=new a.model(b),e=new a.view(this,h),f=new a.controller(h,e);function i(){j.id=h.id;var k=new a.setup(h,e,f);k.addEventListener(jwplayer.events.JWPLAYER_READY,c);k.addEventListener(jwplayer.events.JWPLAYER_ERROR,g);k.start()}function c(k){e.completeSetup();f.sendEvent(k.type,k);f.sendEvent(jwplayer.events.JWPLAYER_PLAYLIST_LOADED,{playlist:h.playlist});f.sendEvent(jwplayer.events.JWPLAYER_PLAYLIST_ITEM,{index:h.item});f.load();setTimeout(e.resize,0)}function g(k){console.log(k);alert("Can't set up: "+k.message)}this.jwPlay=f.play;this.jwPause=f.pause;this.jwStop=f.stop;this.jwSeek=f.seek;this.jwSetVolume=f.setVolume;this.jwSetMute=f.setMute;this.jwLoad=f.load;this.jwPlaylistNext=f.next;this.jwPlaylistPrev=f.prev;this.jwPlaylistItem=f.item;this.jwSetFullscreen=f.setFullscreen;this.jwResize=e.resize;this.jwSeekDrag=h.seekDrag;this.jwSetStretching=f.setStretching;function d(k){return function(){return h[k]}}this.jwGetPlaylistIndex=d("item");this.jwGetPosition=d("position");this.jwGetDuration=d("duration");this.jwGetBuffer=d("buffer");this.jwGetWidth=d("width");this.jwGetHeight=d("height");this.jwGetFullscreen=d("fullscreen");this.jwGetVolume=d("volume");this.jwGetMute=d("mute");this.jwGetState=d("state");this.jwGetStretching=d("stretching");this.jwGetPlaylist=d("playlist");this.jwAddEventListener=f.addEventListener;this.jwRemoveEventListener=f.removeEventListener;i()}})(jwplayer.html5);(function(a){var b=jwplayer.utils;a.playlist=function(c){var e=[];if(c&&c instanceof Array&&c.length>0){for(var d in c){if(!isNaN(parseInt(d))){e.push(new a.playlistitem(c[d]))}}}else{e.push(new a.playlistitem(c))}return e}})(jwplayer.html5);(function(a){a.playlistitem=function(c){var d={description:"",image:"",link:"",mediaid:"",title:"",provider:"",file:"",duration:-1,start:0,currentLevel:-1,levels:[]};var b=jwplayer.utils.extend({},d,c);if(b.levels.length===0){b.levels[0]=new a.playlistitemlevel(b)}return b}})(jwplayer.html5);(function(a){a.html5.playlistitemlevel=function(b){var d={file:"",streamer:"",bitrate:0,width:0};for(var c in d){if(a.utils.exists(b[c])){d[c]=b[c]}}return d}})(jwplayer);(function(a){var d=jwplayer,b=d.utils,c=d.events;a.playlistloader=function(){var f=new c.eventdispatcher();b.extend(this,f);this.load=function(h){b.ajax(h,g,e)};function g(i){try{var k=i.responseXML.firstChild;if(a.parsers.localName(k)=="xml"){k=k.nextSibling}var h=a.parsers.rssparser.parse(k);f.sendEvent(c.JWPLAYER_PLAYLIST_LOADED,{playlist:new a.playlist(h)})}catch(j){e("Could not load the playlist.")}}function e(h){f.sendEvent(c.JWPLAYER_ERROR,{message:h?h:"Could not load playlist an unknown reason."})}}})(jwplayer.html5);(function(f){var h=jwplayer,k=h.utils,e=h.events,i=1,d=2,c=3,j=4,b=5,a=6,g=7;f.setup=function(q,F,G){var J=q,o=F,D=G,s={},A={},y,x=new e.eventdispatcher(),t=false,u=[];function r(){p(i,n);p(d,N,i);p(c,w,i);p(j,I,c);p(b,M,j+","+d);p(a,H,b+","+c);p(g,B,a)}function p(O,Q,P){u.push({name:O,method:Q,depends:P})}function E(){for(var Q=0;Q<u.length;Q++){var O=u[Q];if(L(O.depends)){u.splice(Q,1);try{O.method();E()}catch(P){v(P.message)}return}}if(u.length>0&&!t){setTimeout(E,500)}}function L(Q){if(!Q){return true}var P=Q.toString().split(",");for(var O=0;O<P.length;O++){if(!s[P[O]]){return false}}return true}function m(O){s[O]=true}function n(){m(i)}function N(){y=new f.skin();y.load(J.config.skin,z)}function z(O){m(d)}function w(){switch(k.typeOf(J.config.playlist)){case"string":var O=new f.playlistloader();O.addEventListener(e.JWPLAYER_PLAYLIST_LOADED,l);O.addEventListener(e.JWPLAYER_ERROR,C);O.load(J.config.playlist);break;case"array":J.playlist=new f.playlist(J.config.playlist);m(c)}}function l(O){J.setPlaylist(O.playlist);m(c)}function C(O){v(O.message)}function I(){var P=J.playlist[J.item].image;if(P){var O=new Image();O.addEventListener("load",K,false);O.addEventListener("error",K,false);O.src=P}else{m(j)}}function K(O){m(j)}function M(){o.setup(y);m(b)}function H(){m(a)}function B(){x.sendEvent(e.JWPLAYER_READY);m(g)}function v(O){t=true;x.sendEvent(e.JWPLAYER_ERROR,{message:O})}k.extend(this,x);this.start=E;r()}})(jwplayer.html5);(function(a){a.skin=function(){var b={};var c=false;this.load=function(d,e){new a.skinloader(d,function(f){c=true;b=f;e()},function(){new a.skinloader("",function(f){c=true;b=f;e()})})};this.getSkinElement=function(d,e){if(c){try{return b[d].elements[e]}catch(f){jwplayer.utils.log("No such skin component / element: ",[d,e])}}return null};this.getComponentSettings=function(d){if(c&&b&&b[d]){return b[d].settings}return null};this.getComponentLayout=function(d){if(c){var e=b[d].layout;if(e&&(e.left||e.right||e.center)){return b[d].layout}}return null}}})(jwplayer.html5);(function(a){var b=jwplayer.utils;a.skinloader=function(g,p,k){var o={};var d=p;var l=k;var f=true;var j;var n=g;var s=false;function m(){if(typeof n!="string"||n===""){e(a.defaultskin().xml)}else{b.ajax(b.getAbsolutePath(n),function(t){try{if(b.exists(t.responseXML)){e(t.responseXML);return}}catch(u){i()}e(a.defaultskin().xml)},function(t){e(a.defaultskin().xml)})}}function e(y){var E=y.getElementsByTagName("component");if(E.length===0){return}for(var H=0;H<E.length;H++){var C=E[H].getAttribute("name");var B={settings:{},elements:{},layout:{}};o[C]=B;var G=E[H].getElementsByTagName("elements")[0].getElementsByTagName("element");for(var F=0;F<G.length;F++){c(G[F],C)}var z=E[H].getElementsByTagName("settings")[0];if(z&&z.childNodes.length>0){var K=z.getElementsByTagName("setting");for(var P=0;P<K.length;P++){var Q=K[P].getAttribute("name");var I=K[P].getAttribute("value");var x=/color$/.test(Q)?"color":null;o[C].settings[Q]=b.typechecker(I,x)}}var L=E[H].getElementsByTagName("layout")[0];if(L&&L.childNodes.length>0){var M=L.getElementsByTagName("group");for(var w=0;w<M.length;w++){var A=M[w];o[C].layout[A.getAttribute("position")]={elements:[]};for(var O=0;O<A.attributes.length;O++){var D=A.attributes[O];o[C].layout[A.getAttribute("position")][D.name]=D.value}var N=A.getElementsByTagName("*");for(var v=0;v<N.length;v++){var t=N[v];o[C].layout[A.getAttribute("position")].elements.push({type:t.tagName});for(var u=0;u<t.attributes.length;u++){var J=t.attributes[u];o[C].layout[A.getAttribute("position")].elements[v][J.name]=J.value}if(!b.exists(o[C].layout[A.getAttribute("position")].elements[v].name)){o[C].layout[A.getAttribute("position")].elements[v].name=t.tagName}}}}f=false;r()}}function r(){clearInterval(j);if(!s){j=setInterval(function(){q()},100)}}function c(y,x){var w=new Image();var t=y.getAttribute("name");var v=y.getAttribute("src");var A;if(v.indexOf("data:image/png;base64,")===0){A=v}else{var u=b.getAbsolutePath(n);var z=u.substr(0,u.lastIndexOf("/"));A=[z,x,v].join("/")}o[x].elements[t]={height:0,width:0,src:"",ready:false,image:w};w.onload=function(B){h(w,t,x)};w.onerror=function(B){s=true;r();l()};w.src=A}function i(){for(var u in o){var w=o[u];for(var t in w.elements){var x=w.elements[t];var v=x.image;v.onload=null;v.onerror=null;delete x.image;delete w.elements[t]}delete o[u]}}function q(){for(var t in o){if(t!="properties"){for(var u in o[t].elements){if(!o[t].elements[u].ready){return}}}}if(f===false){clearInterval(j);d(o)}}function h(t,v,u){if(o[u]&&o[u].elements[v]){o[u].elements[v].height=t.height;o[u].elements[v].width=t.width;o[u].elements[v].src=t.src;o[u].elements[v].ready=true;r()}else{b.log("Loaded an image for a missing element: "+u+"."+v)}}m()}})(jwplayer.html5);(function(a){var e=jwplayer,c=e.utils,d=e.events,b=d.state;a.video=function(M){var G={abort:t,canplay:o,canplaythrough:t,durationchange:x,emptied:t,ended:t,error:k,loadeddata:t,loadedmetadata:o,loadstart:t,pause:L,play:L,playing:L,progress:t,ratechange:t,readystatechange:t,seeked:t,seeking:t,stalled:t,suspend:t,timeupdate:N,volumechange:i,waiting:q},s={mp4:"video/mp4",webm:"video/webm",m3u8:"audio/x-mpegurl"},y,v,j,R,m,J,Q,B,H,z,f=b.IDLE,C=0,l=-1,A=-1,E=new d.eventdispatcher();c.extend(this,E);function O(S){j=S;I();j.controls=true;j.controls=false}function I(){for(var S in G){j.addEventListener(S,G[S],false)}}function p(S,T){E.sendEvent(S,T)}function t(S){}function x(S){R=j.duration;N()}function N(S){if(f==b.PLAYING&&!z){m=j.currentTime;p(d.JWPLAYER_MEDIA_TIME,{position:m,duration:R});if(m>=R&&R>0){K()}}}function o(S){if(!Q){Q=true;n();if(H>0){w(H)}}}function n(){if(!B){B=true;p(d.JWPLAYER_MEDIA_BUFFER_FULL)}}function L(S){if(z){return}if(j.paused){r(b.PAUSED)}else{r(b.PLAYING)}}function q(S){r(b.BUFFERING)}function k(S){c.log("Error: %o",j.error);r(b.IDLE)}function g(S){var T=s[c.strings.extension(S)];return(!!T&&j.canPlayType(T))}function D(T){if(T.levels&&T.levels.length>0){for(var S=0;S<T.levels.length;S++){if(g(T.levels[S].file)){return T.levels[S].file}}}else{if(T.file&&g(T.file)){return T.file}}return null}this.load=function(S){y=S;Q=false;B=false;H=0;R=0;m=0;v=D(y);if(!v){c.log("Could not find a file to play.");return}r(b.BUFFERING);j.src=v;j.load();l=setInterval(h,100);if(c.isMobile()){j.controls=true}if(c.isIPod()){n()}};var u=this.stop=function(){j.removeAttribute("src");j.load();clearInterval(l);r(b.IDLE)};this.play=function(){j.play()};this.pause=function(){j.pause()};this.seekDrag=function(S){z=S;if(S){j.pause()}else{j.play()}};var w=this.seek=function(S){if(Q){H=0;if(!z){p(d.JWPLAYER_MEDIA_SEEK,{position:m,offset:S})}j.currentTime=S}else{H=S}};var P=this.volume=function(S){if(j.muted){j.muted=false}j.volume=S/100};function i(S){p(d.JWPLAYER_MEDIA_VOLUME,{volume:Math.round(j.volume*100)});p(d.JWPLAYER_MEDIA_MUTE,{mute:j.muted})}this.mute=function(S){if(!c.exists(S)){S=!j.mute}if(S){C=j.volume*100;P(0);j.muted=true}else{P(C)}};function r(S){if(S==b.PAUSED&&f==b.IDLE){return}if(z){return}if(f!=S){var T=f;f=S;p(d.JWPLAYER_PLAYER_STATE,{oldstate:T,newstate:S})}}function h(){var S=F();if(S!=A){A=S;p(d.JWPLAYER_MEDIA_BUFFER,{bufferPercent:Math.round(A*100)})}if(S>=1){clearInterval(l)}}function F(){if(j.buffered.length==0||j.duration==0){return 0}else{return j.buffered.end(j.buffered.length-1)/j.duration}}function K(){u();p(d.JWPLAYER_MEDIA_COMPLETE)}this.getTag=function(){return M};O(M)}})(jwplayer.html5);(function(f){var g=jwplayer,k=g.utils,h=k.css,c=jwplayer.events,d=c.state,j=document,a="jwplayer",b="jwvideocontainer",i="jwcontrolscontainer";f.view=function(x,n){var A=x,C=n,B={},t,F,l=0,y=2000,u;this.setup=function(H){A.skin=H;t=j.createElement("div");t.className=a;t.id=A.id;var G=document.getElementById(A.id);G.parentNode.replaceChild(t,G);u=j.createElement("span");u.className=b;u.appendChild(C.getVideo().getTag());F=j.createElement("span");F.className=i;w();t.appendChild(u);t.appendChild(F);j.addEventListener("webkitfullscreenchange",m,false);j.addEventListener("mozfullscreenchange",m,false);j.addEventListener("keydown",q,false);A.jwAddEventListener(c.JWPLAYER_PLAYER_STATE,s);s({newstate:d.IDLE});t.addEventListener("mouseout",z,false);t.addEventListener("mousemove",function(I){p();clearTimeout(l);l=setTimeout(z,y)},false)};function z(){if(A.jwGetState()==d.PLAYING){v()}clearTimeout(l);l=0}function w(){var I=C.width,G=C.height,J=A.skin.getComponentSettings("controlbar"),H=A.skin.getComponentSettings("display");if(G>40||G.indexOf("%")){B.display=new f.display(A,H);F.appendChild(B.display.getDisplayElement())}else{H.backgroundcolor="transparent";J.margin=0}r(I,G);h("#"+t.id,{"background-color":H.backgroundcolor?H.backgroundcolor:0});if(!k.isMobile()){B.controlbar=new f.controlbar(A,J);F.appendChild(B.controlbar.getDisplayElement())}}var E=this.fullscreen=function(G){if(!k.exists(G)){G=!C.fullscreen}if(G){if(!C.fullscreen){if(t.requestFullScreen){t.requestFullScreen()}else{if(t.mozRequestFullScreen){t.mozRequestFullScreen()}else{if(t.webkitRequestFullScreen){t.webkitRequestFullScreen()}else{o(true)}}}}C.setFullscreen(true)}else{o(false);if(j.cancelFullScreen){j.cancelFullScreen()}else{if(j.mozCancelFullScreen){j.mozCancelFullScreen()}else{if(j.webkitCancelFullScreen){j.webkitCancelFullScreen()}}}C.setFullscreen(false)}};function r(H,G){if(k.exists(H)&&k.exists(G)){h("#"+t.id,{width:H,height:G});C.width=H;C.height=G}if(B.display){B.display.resize(H,G)}if(B.controlbar){B.controlbar.resize(H,G)}return}this.resize=r;this.completeSetup=function(){h("#"+t.id,{opacity:1})};function q(G){switch(G.keyCode){case 27:if(C.fullscreen){E(false)}break;case 32:A.jwPlay();break}}function o(G){if(G){t.className+=" jwfullscreen"}else{t.className=t.className.replace(/\s+jwfullscreen/,"")}}function D(){if(j.mozFullScreenElement){return j.mozFullScreenElement.id==t.id}else{if(j.webkitCurrentFullScreenElement){return j.webkitCurrentFullScreenElement.id==t.id}else{return false}}}function m(G){C.setFullscreen(D());E(C.fullscreen)}function v(){if(B.controlbar){B.controlbar.hide()}if(B.display){B.display.hide()}}function p(){if(B.controlbar){B.controlbar.show()}if(B.display){B.display.show()}}function s(G){var H={};switch(G.newstate){case d.PLAYING:if(k.isIPod){H.display="block"}H.opacity=1;h("#"+t.id+" ."+b,H);v();break;case d.COMPLETED:case d.IDLE:if(k.isIPod){H.display="none"}H.opacity=0;h("#"+t.id+" ."+b,H);p();break;case d.BUFFERING:case d.PAUSED:if(!k.isMobile()){p()}break}}};var e="opacity .5s ease";h("."+a,{position:"relative",overflow:"hidden",opacity:0,"-webkit-transition":e,"-moz-transition":e,"-o-transition":e});h("."+b+" ,."+i,{position:"absolute",width:"100%",height:"100%","-webkit-transition":e,"-moz-transition":e,"-o-transition":e});h("."+b+" video",{background:"transparent",width:"100%",height:"100%"});h("."+a+":-webkit-full-screen",{width:"100% !important",height:"100% !important"});h("."+a+":-moz-full-screen",{width:"100% !important",height:"100% !important"});h("."+a+".jwfullscreen",{left:0,right:0,top:0,bottom:0,"z-index":1000,position:"fixed !important"});h("."+a+" .jwuniform",{"background-size":"contain !important"});h("."+a+" .jwfill",{"background-size":"cover !important"});h("."+a+" .jwexactfit",{"background-size":"100% 100% !important"});h("."+a+" .jwnone",{"background-size":null})})(jwplayer.html5)};

branches/jw6/src/js/html5/jwplayer.html5.controlbar.js

@@ -11 +11 @@
                 _events = jwplayer.events,
                 _states = jwplayer.events.state,
-                _style = _utils.appendStylesheet,
+                _css = _utils.css,
 
                 /** Controlbar element types **/
@@ -29 +29 @@
                 JW_CSS_RIGHT = "right",
                 JW_CSS_100PCT = "100%",
-                JW_CSS_SMOOTH_EASE = "width .25s linear, left .25s linear, opacity .25s, background .25s"
+                JW_CSS_SMOOTH_EASE = "width .25s linear, left .25s linear, opacity .25s, background .25s",
                 
                 CB_CLASS = '.jwcontrolbar',
@@ -49 +49 @@
                                 // buttoncolor : parseInt("ffffff", 16),
                                 // position : html5.view.positions.BOTTOM,
-                                // position: "OVER",
                                 // idlehide : false,
                                 // hideplaylistcontrols : false,
@@ -121 +120 @@
                         _duration,
                         _currentVolume,
+                        _dragging = false,
+                        _lastSeekTime = 0,
                         
                         _toggles = {
@@ -146 +147 @@
                                 volume: _volume
                         };
-                
-                
 
                 function _init() {
@@ -204 +203 @@
                         case _states.BUFFERING:
                         case _states.PLAYING:
-                                if (_elements['timeSliderThumb']) {
-                                        _elements['timeSliderThumb'].style.opacity = 1;
-                                }
+                                _css(_internalSelector('.jwtimeSliderThumb'), { opacity: 1 });
                                 _toggleButton("play", true);
                                 break;
@@ -216 +213 @@
                         case _states.IDLE:
                                 _toggleButton("play", false);
-                                if (_elements['timeSliderThumb']) {
-                                        _elements['timeSliderThumb'].style.opacity = 0;
-                                }
+                                _css(_internalSelector('.jwtimeSliderThumb'), { opacity: 0 });
                                 if (_elements["timeRail"]) {
                                         _elements["timeRail"].className = "jwrail";
@@ -230 +225 @@
                                 break;
                         case _states.COMPLETED:
-                                _controlbar.style.opacity = 0;
+                                _css(_internalSelector(), { opacity: 0 });
                                 break;
                         }
@@ -258 +253 @@
                 function _createStyles() {
                         _utils.clearCss('#'+_id);
-                        
-                        _style('#'+_id, {
+
+                        _css('#'+_id, {
                                 height: _getSkinElement("background").height,
-                                bottom: _settings.position == "OVER" ? _settings.margin : 0,
-                                left: _settings.position == "OVER" ? _settings.margin : 0,
-                                right: _settings.position == "OVER" ? _settings.margin : 0
+                                bottom: _settings.margin ? _settings.margin : 0,
+                                left: _settings.margin ? _settings.margin : 0,
+                                right: _settings.margin ? _settings.margin : 0
                         });
                         
-                        _style(_internalSelector(".jwtext"), {
+                        _css(_internalSelector(".jwtext"), {
                                 font: _settings.fontsize + "px/" + _getSkinElement("background").height + "px " + _settings.font,
                                 color: _settings.fontcolor,
@@ -345 +340 @@
                         }
                         
-                        _style(_internalSelector('.jw'+name), _utils.extend(newStyle, style));
+                        _css(_internalSelector('.jw'+name), _utils.extend(newStyle, style));
                         _elements[name] = element;
                         return element;
@@ -380 +375 @@
                         }
                         
-                        _style(selector, { 
+                        _css(selector, { 
                                 width: out.width,
                                 background: 'url('+ out.src +') center no-repeat'
@@ -386 +381 @@
                         
                         if (over.src) {
-                                _style(selector + ':hover', { 
+                                _css(selector + ':hover', { 
                                         background: 'url('+ over.src +') center no-repeat'
                                 });
@@ -422 +417 @@
                 
                 function _seek(pct) {
-                        if (!_dragging) {
-                                _api.jwPlay();
-                        }
                         _api.jwSeek(pct * _duration);
                 }
@@ -471 +463 @@
                         }
 
-                        _style(_internalSelector('.jw'+name), css);
+                        _css(_internalSelector('.jw'+name), css);
                         element.innerHTML = "00:00";
                         _elements[name] = element;
@@ -481 +473 @@
                                 var element = _createSpan();
                                 element.className = "jwblankDivider";
-                                _style(element, {
+                                _css(element, {
                                         width: parseInt(divider.width)
                                 });
@@ -507 +499 @@
                         if (capLeft) slider.appendChild(capRight);
 
-                        _style(_internalSelector(".jw" + name + " .jwrail"), {
+                        _css(_internalSelector(".jw" + name + " .jwrail"), {
                                 left: _getSkinElement(name+"SliderCapLeft").width,
                                 right: _getSkinElement(name+"SliderCapRight").width,
@@ -542 +534 @@
                         var thumb = _buildImage(name + "SliderThumb");
                         if (thumb) {
+                                _css(_internalSelector('.'+thumb.className), { opacity: 0 });
                                 thumb.className += " jwthumb";
-                                thumb.style.opacity = 0;
                                 rail.appendChild(thumb);
                         }
@@ -554 +546 @@
                 }
                 
-                var _dragging;
-                
+                function _idle() {
+                        var currentState = _api.jwGetState();
+                        return (currentState == _states.IDLE || currentState == _states.COMPLETED); 
+                }
+
                 function _sliderMouseDown(name) {
                         return (function(evt) {
@@ -565 +560 @@
                                 if (name == "time") {
                                         if (!_idle()) {
+                                                _api.jwSeekDrag(true);
                                                 _dragging = name;
                                         }
@@ -573 +569 @@
                 }
                 
-                function _idle() {
-                        var currentState = _api.jwGetState();
-                        return (currentState == _states.IDLE || currentState == _states.COMPLETED); 
-                }
-                
-                var _lastSeekTime = 0;
-                
                 function _sliderMouseEvent(evt) {
                         if (!_dragging || evt.button != 0) {
@@ -591 +580 @@
                         if (evt.type == 'mouseup') {
                                 var name = _dragging;
+                                
+                                if (name == "time") {
+                                        _api.jwSeekDrag(false);
+                                }
+
                                 _elements[name+'Rail'].className = "jwrail jwsmooth";
                                 _dragging = null;
@@ -602 +596 @@
                                 var currentTime = (new Date()).getTime();
                                 if (currentTime - _lastSeekTime > 500) {
-                                        _api.jwPause();
                                         _lastSeekTime = currentTime;
                                         _sliderMapping[_dragging](pct);
@@ -612 +605 @@
                 function _styleTimeSlider(slider) {
                         if (_elements['timeSliderThumb']) {
-                                _style(_internalSelector(".jwtimeSliderThumb"), {
+                                _css(_internalSelector(".jwtimeSliderThumb"), {
                                         'margin-left': (_getSkinElement("timeSliderThumb").width/-2)
                                 });
@@ -627 +620 @@
                                 railWidth = _getSkinElement("volumeSliderRail").width;
                         
-                        _style(_internalSelector(".jwvolume"), {
+                        _css(_internalSelector(".jwvolume"), {
                                 width: (capLeftWidth + railWidth + capRightWidth)
                         });
@@ -642 +635 @@
                         _controlbar.appendChild(_groups.right);
                         
-                        _style(_internalSelector(".jwright"), {
+                        _css(_internalSelector(".jwright"), {
                                 right: _getSkinElement("capRight").width
                         });
@@ -669 +662 @@
 
                 var _resize = this.resize = function(width, height) {
-                        _style(_internalSelector('.jwgroup.jwcenter'), {
+                        _css(_internalSelector('.jwgroup.jwcenter'), {
                                 left: Math.round(_utils.parseDimension(_groups.left.offsetWidth) + _getSkinElement("capLeft").width),
                                 right: Math.round(_utils.parseDimension(_groups.right.offsetWidth) + _getSkinElement("capRight").width)
@@ -681 +674 @@
                 function _setBuffer(pct) {
                         pct = Math.min(Math.max(0, pct), 1);
-                        _elements['timeSliderBuffer'].style.width = pct * 100 + "%";
-                }
-
-                function _sliderPercent(name, pct, fixedWidth) {
-                        if (!_elements[name]) return;
-
-                        pct = Math.min(Math.max(0, pct), 1);
-                        
-                        var progress = _elements[name+'SliderProgress'];
-                        var thumb = _elements[name+'SliderThumb'];
-                        var width = 100 * pct + "%";
-                
-                        if (progress) {
-                                progress.style.width = width; 
-                        }
-                        if (thumb) {
-                                thumb.style.left = width;
-                        }
+                        _css(_internalSelector('.jwtimeSliderBuffer'), { width: pct * 100 + "%" });
+                }
+
+                function _sliderPercent(prefix, pct, fixedWidth) {
+                        var width = 100 * Math.min(Math.max(0, pct), 1) + "%";
+                        _css(_internalSelector(prefix+'Progress'), { width: width });
+                        _css(_internalSelector(prefix+'Thumb'), { left: width });
                 }
                 
                 function _setVolume (pct) {
-                        _sliderPercent('volume', pct, true);
+                        _sliderPercent('.jwvolumeSlider', pct, true);
                 }
 
                 function _setProgress(pct) {
-                        _sliderPercent('time', pct);
+                        _sliderPercent('.jwtimeSlider', pct);
                 }
 
@@ -724 +706 @@
                 }
                 
+                this.show = function() {
+                        _css(_internalSelector(), { opacity: 1 });
+                }
+                
+                this.hide = function() {
+                        _css(_internalSelector(), { opacity: 0 });
+                }
+                
                 // Call constructor
                 _init();
@@ -734 +724 @@
          *************************************************************/
 
-        _style(CB_CLASS, {
+        _css(CB_CLASS, {
                 position: JW_CSS_ABSOLUTE,
                 overflow: 'hidden',
@@ -742 +732 @@
         })
         
-        _style(CB_CLASS+' span',{
+        _css(CB_CLASS+' span',{
                 height: JW_CSS_100PCT,
                 '-webkit-user-select': JW_CSS_NONE,
@@ -750 +740 @@
         });
         
-    _style(CB_CLASS+' .jwgroup', {
+    _css(CB_CLASS+' .jwgroup', {
         display: JW_CSS_INLINE
     });
     
-    _style(CB_CLASS+' span, '+CB_CLASS+' .jwgroup button,'+CB_CLASS+' .jwleft', {
+    _css(CB_CLASS+' span, '+CB_CLASS+' .jwgroup button,'+CB_CLASS+' .jwleft', {
         position: JW_CSS_RELATIVE,
                 'float': JW_CSS_LEFT
     });
     
-        _style(CB_CLASS+' .jwright', {
+        _css(CB_CLASS+' .jwright', {
                 position: JW_CSS_ABSOLUTE
         });
         
-    _style(CB_CLASS+' .jwcenter', {
+    _css(CB_CLASS+' .jwcenter', {
         position: JW_CSS_ABSOLUTE
     });
     
-    _style(CB_CLASS+' button', {
+    _css(CB_CLASS+' button', {
         display: JW_CSS_INLINE_BLOCK,
         height: JW_CSS_100PCT,
@@ -777 +767 @@
     });
     
-    _style(CB_CLASS+' .jwcapRight', { 
+    _css(CB_CLASS+' .jwcapRight', { 
                 right: 0,
                 position: JW_CSS_ABSOLUTE
         });
     
-    _style(CB_CLASS+' .jwtime,' + CB_CLASS + ' .jwgroup span.jwstretch', {
+    _css(CB_CLASS+' .jwtime,' + CB_CLASS + ' .jwgroup span.jwstretch', {
         position: JW_CSS_ABSOLUTE,
         height: JW_CSS_100PCT,
@@ -791 +781 @@
    
     
-    _style(CB_CLASS+' .jwrail,' + CB_CLASS + ' .jwthumb', {
+    _css(CB_CLASS+' .jwrail,' + CB_CLASS + ' .jwthumb', {
         position: JW_CSS_ABSOLUTE,
         height: JW_CSS_100PCT,
@@ -797 +787 @@
     });
     
-    _style(CB_CLASS + ' .jwtime .jwsmooth span', {
+    _css(CB_CLASS + ' .jwtime .jwsmooth span', {
         '-webkit-transition': JW_CSS_SMOOTH_EASE,
         '-moz-transition': JW_CSS_SMOOTH_EASE,
@@ -803 +793 @@
     });
     
-    _style(CB_CLASS + ' .jwdivider+.jwdivider', {
+    _css(CB_CLASS + ' .jwdivider+.jwdivider', {
         display: JW_CSS_NONE
     });
     
-    _style(CB_CLASS + ' .jwtext', {
+    _css(CB_CLASS + ' .jwtext', {
                 padding: '0 5px',
                 'text-align': 'center'
         });
     
-    _style(CB_CLASS + ' .jwtoggling', {
+    _css(CB_CLASS + ' .jwtoggling', {
         '-webkit-transition': JW_CSS_NONE,
         '-moz-transition': JW_CSS_NONE,

branches/jw6/src/js/html5/jwplayer.html5.controller.js

@@ -32 +32 @@
                 }
 
-                var file;
-                
                 function _load(item) {
-                        if (_model.state == _states.PLAYING || _model.state == _states.BUFFERING) {
-                                _video.stop();
-                        }
+                        _stop();
                         
                         switch (_utils.typeOf(item)) {
                         case "string":
-                                file = item;
+                                _model.setPlaylist(new html5.playlist({file:item}));
+                                _model.setItem(0);
                                 break;
                         case "object":
-                                file = item.file;
+                        case "array":
+                                _model.setPlaylist(new html5.playlist(item));
+                                _model.setItem(0);
                                 break;
                         case "number":
-                                file = _model.playlist[item].file;
+                                _model.setItem(item);
                                 break;
-                        default:
-                                file = _model.playlist[_model.item].file;
                         }
                                 
-//                      if (_video.getTag().canPlayType("video/mp4")) {
-//                              file = "http://playertest.longtailvideo.com/bunny.mp4";         
-//                      } else if (_video.getTag().canPlayType("video/webm")) {
-//                              file = "http://playertest.longtailvideo.com/bunny.webm";                
-//                      } else {
-//                              file = "http://playertest.longtailvideo.com/bunny.ogv";         
-//                      }
-//                      if (_utils.isMobile()) {
-//                              _video.load(file);
-//                      }
                 }
                 
                 function _play() {
                         if (_model.state == _states.IDLE) {
-                                _video.load(file);
+                                _video.load(_model.playlist[_model.item]);
                         } else if (_model.state == _states.PAUSED) {
                                 _video.play();
@@ -100 +87 @@
                 }
 
-                
-                function _item(item) {
-                        _stop();
-                        _model.setItem(item);
+                function _setStretching(stretching) {
+                        _model.stretching = stretching;
+                        _view.resize();
+                }
+
+                function _item(index) {
                         _load(_model.item);
                         _play();
@@ -135 +124 @@
                 this.setMute = _waitForReady(_setMute);
                 this.setFullscreen = _waitForReady(_setFullscreen);
+                this.setStretching = _waitForReady(_setStretching);
                 
 /*              this.playerReady = _playerReady;

branches/jw6/src/js/html5/jwplayer.html5.display.js

@@ -8 +8 @@
         var _utils = jwplayer.utils,
                 _css = _utils.css,
-                _style = _utils.appendStylesheet,
                 _events = jwplayer.events,
                 _states = _events.state,
                 _rotate = html5.utils.animations.rotate,
-
+                
+
+                DOCUMENT = document,
                 D_CLASS = ".jwdisplay",
+                D_PREVIEW_CLASS = ".jwpreview",
 
                 /** Some CSS constants we should use for minimization **/
@@ -25 +27 @@
                 //JW_CSS_RIGHT = "right",
                 JW_CSS_100PCT = "100%",
-                JW_CSS_SMOOTH_EASE = "opacity .5s, background .5s";
+                JW_CSS_SMOOTH_EASE = "opacity .25s";
 
         
@@ -31 +33 @@
                 var _api = api,
                         _skin = api.skin,
-                        _display,
-                        _config = config ? config : {},
-                        _image, _imageWidth, _imageHeight,
+                        _display, _preview,
+                        _image, _imageWidth, _imageHeight, _imageURL,
                         _icons = {},
                         _hiding,
@@ -39 +40 @@
                         _degreesRotated, 
                         _rotationInterval, 
-                        _bufferRotation = !_utils.exists(config.bufferrotation) ? 15 : parseInt(config.bufferrotation, 10), 
-                        _bufferInterval = !_utils.exists(config.bufferinterval) ? 100 : parseInt(config.bufferinterval, 10);
+                        _config = _utils.extend({
+                                backgroundcolor: '#000'
+                        }, config);
+                        _bufferRotation = !_utils.exists(_config.bufferrotation) ? 15 : parseInt(_config.bufferrotation, 10), 
+                        _bufferInterval = !_utils.exists(_config.bufferinterval) ? 100 : parseInt(_config.bufferinterval, 10);
                         
                 function _init() {
@@ -47 +51 @@
                         _display.className = "jwdisplay";
                         
+                        _preview = DOCUMENT.createElement("div");
+                        _preview.className = "jwpreview";
+                        _display.appendChild(_preview);
+                        
                         _api.jwAddEventListener(_events.JWPLAYER_PLAYER_STATE, _stateHandler);
                         _api.jwAddEventListener(_events.JWPLAYER_PLAYLIST_ITEM, _itemHandler);
@@ -55 +63 @@
                         
                         _stateHandler({newstate:_states.IDLE});
-                        
                 }
                 
@@ -121 +128 @@
                         }
                         
-                        _style(selector, { 
+                        _css(selector, { 
                                 width: out.width,
                                 height: out.height,
@@ -130 +137 @@
 
                         if (over && over.src) {
-                                _style(selector + ".jwhover", {
+                                _css(selector + ".jwhover", {
                                         background: 'url('+ over.src +') center no-repeat'
                                 });
@@ -146 +153 @@
                 }
 
-                function _itemHandler(evt) {
+                function _itemHandler() {
                         var item = _api.jwGetPlaylist()[_api.jwGetPlaylistIndex()];
-                        _image = item ? item.image : "";
-                        _getImageDimensions();
-                        _style('#' + _display.id, {
-                                'background': 'url('+_image+') no-repeat center' 
-                        });
+                        var newImage = item ? item.image : "";
+                        if (_image != newImage) {
+                                _image = newImage;
+                                _setVisibility(D_PREVIEW_CLASS, false);
+                                _getImage();
+                        }
                 }
                 
@@ -162 +170 @@
                         case _states.IDLE:
                                 _setIcon('play');
-                                if (_image) {
-                                        _style('#' + _display.id, {
-                                                'background': 'url('+_image+') no-repeat center' 
-                                        });
-                                }
+                                _setVisibility(D_PREVIEW_CLASS, true);
                                 break;
                         case _states.BUFFERING:
@@ -178 +182 @@
                         case _states.PLAYING:
                                 _setIcon();
-                                _style('#' + _display.id, {
-                                        'background': 'transparent'
-                                });
+                                _setVisibility(D_PREVIEW_CLASS, false);
                                 break;
                         case _states.PAUSED:
@@ -192 +194 @@
                 }
                 
-                function _getImageDimensions() {
+                function _internalSelector(selector) {
+                        return '#' + _display.id + ' ' + selector;
+                }
+                
+                function _getImage() {
                         if (_image) {
                                 // Find image size and stretch exactfit if close enough
-                                var img = DOCUMENT.createElement("img");
+                                var img = new Image();
                                 img.addEventListener('load', function() {
                                         _imageWidth = img.width;
                                         _imageHeight = img.height;
                                         _resize();
+                                        _css(_internalSelector(D_PREVIEW_CLASS), {
+                                                'background-image': _image ? ('url('+_image+')') : '',
+                                        });
+                                        _setVisibility(D_PREVIEW_CLASS, true);
                                 }, false);
                                 img.src = _image;
                         } else {
+                                _setVisibility(D_PREVIEW_CLASS, false);
                                 _imageWidth = _imageHeight = 0;
                         }
@@ -214 +225 @@
                         return null;
                 }
-
                 
                 function _resize() {
-                        _utils.stretch(_api.jwGetStretching(), _display, _display.clientWidth, _display.clientHeight, _imageWidth, _imageHeight);
+                        _utils.stretch(_api.jwGetStretching(), _preview, _display.clientWidth, _display.clientHeight, _imageWidth, _imageHeight);
                 }
 
                 this.resize = _resize;
+                
+                function _setVisibility(selector, state) {
+                        _css(_internalSelector(selector), {
+                                opacity: state ? 1 : 0
+                        });
+                }
+                
+                this.show = function() {
+                        _setVisibility('', true);
+                }
+                
+                this.hide = function() {
+                        _setVisibility('', false);
+                }
 
                 _init();
         };
         
-        _style(D_CLASS, {
+        _css(D_CLASS, {
                 position: JW_CSS_ABSOLUTE,
                 cursor: "pointer",
@@ -232 +256 @@
                 overflow: 'hidden'
         });
-        
-        _style(D_CLASS + ' *', {
+
+        _css(D_CLASS + ' .jwpreview', {
+                position: JW_CSS_ABSOLUTE,
+                width: JW_CSS_100PCT,
+                height: JW_CSS_100PCT,
+                'background-repeat': 'no-repeat',
+                'background-position': 'center',
+                overflow: 'hidden'
+        });
+
+        _css(D_CLASS +', '+D_CLASS + ' *', {
         '-webkit-transition': JW_CSS_SMOOTH_EASE,
         '-moz-transition': JW_CSS_SMOOTH_EASE,
@@ -239 +272 @@
         });
         
-    _style(D_CLASS+' button, ' + D_CLASS+' .jwicon', {
+    _css(D_CLASS+' button, ' + D_CLASS+' .jwicon', {
         border: JW_CSS_NONE,
         position: JW_CSS_ABSOLUTE,
@@ -248 +281 @@
     });
 
-    _style( {
-        position: JW_CSS_ABSOLUTE,
-        left: "50%",
-        top: "50%",
-        padding: 0,
-        cursor: 'pointer'
-    });
-
-        
 })(jwplayer.html5);

branches/jw6/src/js/html5/jwplayer.html5.model.js

@@ -78 +78 @@
                 }
                 
+                this.seekDrag = function(state) {
+                        _video.seekDrag(state);
+                }
+                
                 this.setFullscreen = function(state) {
                         if (state != _model.fullscreen) {
@@ -83 +87 @@
                                 _model.sendEvent(_events.JWPLAYER_FULLSCREEN, { fullscreen: state } );
                         }
+                }
+                
+                this.setPlaylist = function(playlist) {
+                        _model.item = -1;
+                        _model.playlist = playlist;
+                        _model.sendEvent(_events.JWPLAYER_PLAYLIST_LOADED, {
+                                playlist: playlist
+                        });
                 }
                 

branches/jw6/src/js/html5/jwplayer.html5.player.js

@@ -15 +15 @@
                         _api.id = _model.id;
                         
-//                      _controller.load();
-/*                      
-                        (new html5.skinloader(config.skin, function(skin) {
-                                _api.skin = skin;
-                                _view.setup();
-                        }, function(err) { _utils.log(err); }));
-*/
                         var setup = new html5.setup(_model, _view, _controller);
                         setup.addEventListener(jwplayer.events.JWPLAYER_READY, _readyHandler);
@@ -29 +22 @@
                 
                 function _readyHandler(evt) {
+                        _view.completeSetup();
                         _controller.sendEvent(evt.type, evt);
                         _controller.sendEvent(jwplayer.events.JWPLAYER_PLAYLIST_LOADED, {playlist: _model.playlist});
@@ -55 +49 @@
                 this.jwPlaylistItem = _controller.item;
                 this.jwSetFullscreen = _controller.setFullscreen;
-                this.jwResize = _view.resize;
+                this.jwResize = _view.resize;           
+                this.jwSeekDrag = _model.seekDrag;
+                this.jwSetStretching = _controller.setStretching;
+
                 
 

branches/jw6/src/js/html5/jwplayer.html5.setup.js

@@ -18 +18 @@
         var _jw = jwplayer, _utils = _jw.utils, _events = _jw.events,
         
-                PARSE_CONFIG = "config",
-                LOAD_SKIN = "skin",
-                LOAD_PLAYLIST = "playlist",
-                LOAD_PREVIEW = "preview",
-                SETUP_COMPONENTS = "components",
-                INIT_PLUGINS = "plugins",
-                SEND_READY = "ready";
+                PARSE_CONFIG = 1,
+                LOAD_SKIN = 2,
+                LOAD_PLAYLIST = 3,
+                LOAD_PREVIEW = 4,
+                SETUP_COMPONENTS = 5,
+                INIT_PLUGINS = 6,
+                SEND_READY = 7;
 
         html5.setup = function(model, view, controller) {
@@ -42 +42 @@
                         _addTask(LOAD_PLAYLIST, _loadPlaylist, PARSE_CONFIG);
                         _addTask(LOAD_PREVIEW, _loadPreview, LOAD_PLAYLIST);
-                        _addTask(SETUP_COMPONENTS, _setupComponents, LOAD_SKIN);
+                        _addTask(SETUP_COMPONENTS, _setupComponents, LOAD_PREVIEW + "," + LOAD_SKIN);
                         _addTask(INIT_PLUGINS, _initPlugins, SETUP_COMPONENTS + "," + LOAD_PLAYLIST);
                         _addTask(SEND_READY, _sendReady, INIT_PLUGINS);
@@ -73 +73 @@
                 function _allComplete(dependencies) {
                         if (!dependencies) return true;
-                        var split = dependencies.split(",");
+                        var split = dependencies.toString().split(",");
                         for (var i=0; i<split.length; i++) {
                                 if (!_completed[split[i]])
@@ -113 +113 @@
                 
                 function _playlistLoaded(evt) {
-                        _model.playlist = evt.playlist;
+                        _model.setPlaylist(evt.playlist);
                         _taskComplete(LOAD_PLAYLIST);
                 }
@@ -129 +129 @@
                                 img.addEventListener('error', _previewLoaded, false);
                                 img.src = preview; 
+                        } else {
+                                _taskComplete(LOAD_PREVIEW);    
                         }
                 }
@@ -140 +142 @@
                         _taskComplete(SETUP_COMPONENTS);
                 }
-
+                
                 function _initPlugins() {
                         _taskComplete(INIT_PLUGINS);

branches/jw6/src/js/html5/jwplayer.html5.video.js

@@ -10 +10 @@
                 _utils = _jw.utils, 
                 _events = _jw.events, 
-                _states = _events.state,
-                _isMobile = _utils.isMobile();
+                _states = _events.state;
         
 
@@ -42 +41 @@
                         "waiting" : _bufferStateHandler
                 },
-
+                
+                _extensions = {
+                        "mp4": "video/mp4",
+                        "webm": "video/webm",
+                        "m3u8": "audio/x-mpegurl"
+                },
+                
+
+                // Current playlist item
+                _item,
+                // Currently playing file
+                _file,
                 // Reference to the video tag
                 _video,
@@ -53 +63 @@
                 // Whether seeking is ready yet
                 _canSeek,
+                // Whether we have sent out the BUFFER_FULL event
+                _bufferFull,
                 // If we should seek on canplay
                 _delayedSeek,
+                // If we're currently dragging the seek bar
+                _dragging,
                 // Current media state
                 _state = _states.IDLE,
@@ -99 +113 @@
 
                 function _timeUpdateHandler(evt) {
-                        if (_state == _states.PLAYING) {
+                        if (_state == _states.PLAYING && !_dragging) {
                                 _position = _video.currentTime;
                                 _sendEvent(_events.JWPLAYER_MEDIA_TIME, {
@@ -114 +128 @@
                         if (!_canSeek) {
                                 _canSeek = true;
-                                _sendEvent(_events.JWPLAYER_MEDIA_BUFFER_FULL);
+                                _sendBufferFull();
                                 if (_delayedSeek > 0) {
                                         _seek(_delayedSeek);
@@ -120 +134 @@
                         }
                 }
+                
+                function _sendBufferFull() {
+                        if (!_bufferFull) {
+                                _bufferFull = true;
+                                _sendEvent(_events.JWPLAYER_MEDIA_BUFFER_FULL);
+                        }
+                }
 
                 function _playHandler(evt) {
+                        if (_dragging) return;
+                        
                         if (_video.paused) {
                                 _setState(_states.PAUSED);
@@ -138 +161 @@
                 }
 
-                this.load = function(videoURL) {
+                function _canPlay(file) {
+                        var type = _extensions[_utils.strings.extension(file)];
+                        return (!!type && _video.canPlayType(type));
+                }
+                
+                /** Selects the appropriate file out of all available options **/
+                function _selectFile(item) {
+                        if (item.levels && item.levels.length > 0) {
+                                for (var i=0; i<item.levels.length; i++) {
+                                        if (_canPlay(item.levels[i].file))
+                                                return item.levels[i].file;
+                                }
+                        } else if (item.file && _canPlay(item.file)) {
+                                return item.file;
+                        }
+                        return null;
+                }
+                
+                this.load = function(item) {
+                        _item = item;
                         _canSeek = false;
+                        _bufferFull = false;
                         _delayedSeek = 0;
                         _duration = 0;
                         _position = 0;
+                        
+                        _file = _selectFile(_item);
+                        
+                        if (!_file) {
+                                _utils.log("Could not find a file to play.");
+                                return;
+                        }
+                        
                         _setState(_states.BUFFERING); 
-                        _video.src = videoURL;
-                        
+                        _video.src = _file;
                         _video.load();
                         
                         _bufferInterval = setInterval(_sendBufferUpdate, 100);
 
-                        if (_isMobile) {
+                        // Use native browser controls on mobile
+                        if (_utils.isMobile()) {
                                 _video.controls = true;
-                                _video.style.opacity = 1;
+                        }
+                        
+                        if (_utils.isIPod()) {
+                                _sendBufferFull();
                         }
                 }
 
                 var _stop = this.stop = function() {
-                        // _video.src = "";
                         _video.removeAttribute("src");
                         _video.load();
-                        _video.style.opacity = 0;
                         clearInterval(_bufferInterval);
                         _setState(_states.IDLE);
@@ -166 +218 @@
 
                 this.play = function() {
-                        _video.style.opacity = 1;
                         _video.play();
                 }
@@ -174 +225 @@
                 }
 
+                this.seekDrag = function(state) {
+                        _dragging = state;
+                        if (state) _video.pause();
+                        else _video.play();
+                }
+                
                 var _seek = this.seek = function(pos) {
                         if (_canSeek) {
                                 _delayedSeek = 0;
-                                _sendEvent(_events.JWPLAYER_MEDIA_SEEK, {
-                                        position: _position,
-                                        offset: pos
-                                });
+                                if (!_dragging) {
+                                        _sendEvent(_events.JWPLAYER_MEDIA_SEEK, {
+                                                position: _position,
+                                                offset: pos
+                                        });
+                                }
                                 _video.currentTime = pos;
                         } else {
@@ -219 +278 @@
                                 return;
                         }
+                        
+                        // Ignore state changes while dragging the seekbar
+                        if (_dragging) return
 
                         if (_state != newstate) {

branches/jw6/src/js/html5/jwplayer.html5.view.js

@@ -6 +6 @@
  */
 (function(html5) {
-        var _jw = jwplayer, _utils = _jw.utils, _style = _utils.appendStylesheet, _events = jwplayer.events, _states = _events.state;
-
-        DOCUMENT = document, 
-        VIEW_CONTAINER_CLASS = "jwplayer", 
-        VIEW_VIDEO_CONTAINER_CLASS = "jwvideocontainer", 
-        VIEW_CONTROLS_CONTAINER_CLASS = "jwcontrolscontainer";
+        var _jw = jwplayer, 
+                _utils = _jw.utils, 
+                _css = _utils.css, 
+                _events = jwplayer.events, 
+                _states = _events.state,
+
+                DOCUMENT = document, 
+                VIEW_CONTAINER_CLASS = "jwplayer", 
+                VIEW_VIDEO_CONTAINER_CLASS = "jwvideocontainer", 
+                VIEW_CONTROLS_CONTAINER_CLASS = "jwcontrolscontainer";
 
         html5.view = function(api, model) {
@@ -50 +54 @@
                         
                         _api.jwAddEventListener(_events.JWPLAYER_PLAYER_STATE, _stateHandler);
+
+                        _stateHandler({newstate:_states.IDLE});
                         
                         _container.addEventListener('mouseout', _fadeControls, false);
-                        
                         _container.addEventListener('mousemove', function(evt) {
                                 _showControls();
@@ -70 +75 @@
                 
                 function _setupControls() {
-                        var width = _api.jwGetWidth(),
-                                height = _api.jwGetHeight(),
+                        var width = _model.width,
+                                height = _model.height,
                                 cbSettings = _api.skin.getComponentSettings('controlbar'),
                                 displaySettings = _api.skin.getComponentSettings('display')
@@ -83 +88 @@
                         }
 
-                        _style('#'+_container.id, {
-                                'background-color': displaySettings.backgroundcolor ? displaySettings.backgroundcolor : 0,
-                                width: width,
-                                height: height
+                        _resize(width, height);
+                        
+                        _css('#'+_container.id, {
+                                'background-color': displaySettings.backgroundcolor ? displaySettings.backgroundcolor : 0
                         });
 
@@ -106 +111 @@
                         if (state) {
                                 if (!_model.fullscreen) {
-                                        _fakeFullscreen(true);
-                                        
                                         if (_container.requestFullScreen) {
                                                 _container.requestFullScreen();
                                         } else if (_container.mozRequestFullScreen) {
                                                 _container.mozRequestFullScreen();
-                                        } else if (_container.webkitRequestFullScreenWithKeys) {
-                                                _container.webkitRequestFullScreenWithKeys();
                                         } else if (_container.webkitRequestFullScreen) {
                                                 _container.webkitRequestFullScreen();
+                                        } else {
+                                                _fakeFullscreen(true);
                                         }
                                 }
@@ -136 +139 @@
                  */
                 function _resize(width, height) {
+                        if (_utils.exists(width) && _utils.exists(height)) {
+                                _css('#'+_container.id, {
+                                        width: width,
+                                        height: height
+                                });
+                                _model.width = width;
+                                _model.height = height;
+                        }
+
                         if (_controls.display) {
                                 _controls.display.resize(width, height);
@@ -142 +154 @@
                                 _controls.controlbar.resize(width, height);
                         }
-                        if (_container.style.opacity == 0) {
-                                _container.style.opacity = 1;
-                        }
+
                         return;
                 }
                 
                 this.resize = _resize;
-                
+
+                this.completeSetup = function() {
+                        _css('#'+_container.id, {opacity: 1});
+                }
                 
                 /**
@@ -185 +198 @@
                  */
                 function _isNativeFullscreen() {
-                        return (DOCUMENT.mozFullScreenElement == _container || 
-                                        DOCUMENT.webkitCurrentFullScreenElement == _container);
+                        if (DOCUMENT.mozFullScreenElement) return DOCUMENT.mozFullScreenElement.id == _container.id; 
+                        else if (DOCUMENT.webkitCurrentFullScreenElement) return DOCUMENT.webkitCurrentFullScreenElement.id == _container.id; 
+                        else return false;
                 }
                 
@@ -198 +212 @@
 
                 function _hideControls() {
-                        _controlsLayer.style.opacity = 0;
+                        if (_controls.controlbar) _controls.controlbar.hide();
+                        if (_controls.display) _controls.display.hide();
                 }
 
                 function _showControls() {
-                        _controlsLayer.style.opacity = 1;
+                        if (_controls.controlbar) _controls.controlbar.show();
+                        if (_controls.display) _controls.display.show();
                 }
 
@@ -209 +225 @@
                  */
                 function _stateHandler(evt) {
+                        var vidstyle = {};
                         switch(evt.newstate) {
                         case _states.PLAYING:
+                                if (_utils.isIPod) {
+                                        vidstyle.display = "block";
+                                }
+                                vidstyle.opacity = 1;
+                                _css('#'+_container.id+' .'+VIEW_VIDEO_CONTAINER_CLASS, vidstyle);
                                 _hideControls();
                                 break;
                         case _states.COMPLETED:
                         case _states.IDLE:
+                                if (_utils.isIPod) {
+                                        vidstyle.display = "none";
+                                }
+                                vidstyle.opacity = 0;
+                                _css('#'+_container.id+' .'+VIEW_VIDEO_CONTAINER_CLASS, vidstyle);
+                                _showControls();
+                                break;
                         case _states.BUFFERING:
                         case _states.PAUSED:
-                                _showControls();
-                                break;
-                        }
-                }
-
-
+                                if (!_utils.isMobile()) {
+                                        _showControls();
+                                }
+                                break;
+                        }
+                }
         }
 
@@ -230 +259 @@
          *************************************************************/
 
-        var JW_CSS_SMOOTH_EASE = "opacity .25s ease";
+        var JW_CSS_SMOOTH_EASE = "opacity .5s ease";
 
         
         // Container styles
-        _style('.' + VIEW_CONTAINER_CLASS, {
+        _css('.' + VIEW_CONTAINER_CLASS, {
                 position : "relative",
                 overflow: "hidden",
@@ -243 +272 @@
         });
 
-        _style('.' + VIEW_VIDEO_CONTAINER_CLASS + ' ,.'+ VIEW_CONTROLS_CONTAINER_CLASS, {
+        _css('.' + VIEW_VIDEO_CONTAINER_CLASS + ' ,.'+ VIEW_CONTROLS_CONTAINER_CLASS, {
                 position : "absolute",
                 width : "100%",
@@ -252 +281 @@
         });
 
-        _style('.' + VIEW_VIDEO_CONTAINER_CLASS + " video", {
+        _css('.' + VIEW_VIDEO_CONTAINER_CLASS + " video", {
                 background : "transparent",
                 width : "100%",
-                height : "100%",
-                opacity : 0,
-                '-webkit-transition' : 'opacity .15s ease'
+                height : "100%"
         });
 
@@ -264 +291 @@
         // Fullscreen styles
         
-        _style('.' + VIEW_CONTAINER_CLASS+':-webkit-full-screen', {
+        _css('.' + VIEW_CONTAINER_CLASS+':-webkit-full-screen', {
                 width: "100% !important",
                 height: "100% !important"
         });
         
-        _style('.' + VIEW_CONTAINER_CLASS+':-moz-full-screen', {
+        _css('.' + VIEW_CONTAINER_CLASS+':-moz-full-screen', {
                 width: "100% !important",
                 height: "100% !important"
         });
         
-        _style('.' + VIEW_CONTAINER_CLASS+'.jwfullscreen', {
+        _css('.' + VIEW_CONTAINER_CLASS+'.jwfullscreen', {
                 left: 0,
                 right: 0,
@@ -283 +310 @@
         });
 
-        _style('.' + VIEW_CONTAINER_CLASS+' .jwuniform', {
+        _css('.' + VIEW_CONTAINER_CLASS+' .jwuniform', {
                 'background-size': 'contain !important'
         });
 
-        _style('.' + VIEW_CONTAINER_CLASS+' .jwfill', {
+        _css('.' + VIEW_CONTAINER_CLASS+' .jwfill', {
                 'background-size': 'cover !important'
         });
 
-        _style('.' + VIEW_CONTAINER_CLASS+' .jwexactfit', {
+        _css('.' + VIEW_CONTAINER_CLASS+' .jwexactfit', {
                 'background-size': '100% 100% !important'
         });
 
-        _style('.' + VIEW_CONTAINER_CLASS+' .jwnone', {
+        _css('.' + VIEW_CONTAINER_CLASS+' .jwnone', {
                 'background-size': null
         });

branches/jw6/src/js/utils/jwplayer.utils.js

@@ -32 +32 @@
         }
 
-        var _styleSheet;
-        var _rules = {}
-        
-        /**
-         * @param {Object} or {String} domelement If domelement is a string, create a document-wide CSS rule for that string 
-         * @param {Object} styles
-         */
-        utils.css = function(domelement, styles) {
-                if (utils.exists(domelement)) {
-                        for (var style in styles) {
-                                try {
-                                        if (typeof styles[style] === "undefined") {
-                                                continue;
-                                        } else if (typeof styles[style] == "number" && !(style == "zIndex" || style == "opacity")) {
-                                                if (isNaN(styles[style])) {
-                                                        continue;
-                                                }
-                                                if (style.match(/color/i)) {
-                                                        styles[style] = "#" + utils.strings.pad(styles[style].toString(16), 6);
-                                                } else {
-                                                        styles[style] = Math.ceil(styles[style]) + "px";
-                                                }
-                                        }
-                                        if (styles[style]) {
-                                                domelement.style[style] = styles[style];
-                                        }
-                                } catch (err) {
-                                }
-                        }
-                }
-        };
-        
-        var foo =false;
-        
-        utils.appendStylesheet = function(selector, styles) {
-                if (!_styleSheet) {
-                        _styleSheet = DOCUMENT.createElement("style");
-                        _styleSheet.type = "text/css";
-                        DOCUMENT.getElementsByTagName('head')[0].appendChild(_styleSheet);
+        var _styleSheets={},
+                _rules = {};
+        
+        utils.css = function(selector, styles) {
+                if (!_styleSheets[selector]) {
+                        var styleSheet = DOCUMENT.createElement("style");
+                        styleSheet.type = "text/css";
+                        DOCUMENT.getElementsByTagName('head')[0].appendChild(styleSheet);
+                        _styleSheets[selector] = styleSheet;
                 }
 
@@ -86 +56 @@
                 }
 
-                _updateStylesheet();
+                _updateStylesheet(selector);
         }
         
@@ -116 +86 @@
         }
         
-        function _updateStylesheet() {
-                if (_styleSheet) {
-                        var ruleText = "";
-                        for (var rule in _rules) {
-                                var styles = _rules[rule];
-                                ruleText += rule + "{\n";
-                                for (var style in styles) {
-                                        ruleText += "  "+style + ": " + styles[style] + ";\n";
-                                }
-                                ruleText += "}\n";
-                        }
-                        _styleSheet.innerHTML = ruleText;
+        function _updateStylesheet(selector) {
+                if (_styleSheets[selector]) {
+                        var ruleText = selector + "{\n";
+                        var styles = _rules[selector];
+                        for (var style in styles) {
+                                ruleText += "  "+style + ": " + styles[style] + ";\n";
+                        }
+                        ruleText += "}\n";
+                        _styleSheets[selector].innerHTML = ruleText;
                 }
         }
@@ -141 +108 @@
                         }
                 }
-                _updateStylesheet();
+                for (var selector in _styleSheets) {
+                        if (selector.indexOf(filter) >= 0) {
+                                _styleSheets[selector].innerHTML = '';
+                        }
+                }
         }
         

branches/jw6/src/js/utils/jwplayer.utils.strings.js

@@ -153 +153 @@
                         }
                 }
-        }
+        };
         
+        /** Returns the extension of a file name * */
+        strings.extension = function(path) {
+                if (!path) { return ""; }
+                path = path.substring(path.lastIndexOf("/") + 1, path.length).split("?")[0];
+                if (path.lastIndexOf('.') > -1) {
+                        return path.substr(path.lastIndexOf('.') + 1, path.length).toLowerCase();
+                }
+        };
+
 })(jwplayer.utils);

branches/jw6/test/controller.html

@@ -15 +15 @@
           
           <script type="text/javascript">
-           var player;
-           var form;
+                  var player;
+                  var form;
+        
+                  function update(form) {
+                    document.getElementById("player").style.width = form.size.value + "px";
+                    cb.resize(100, 100);
+                    cb.setBuffer(form.buf.value / 100);
+                    cb.setProgress(form.pct.value / 100);
+                  }
 
-           function update(form) {
-             document.getElementById("player").style.width = form.size.value + "px";
-             cb.resize(100, 100);
-             cb.setBuffer(form.buf.value / 100);
-             cb.setProgress(form.pct.value / 100);
-           }
-           
-           function init() {
-                 form = document.getElementById("form");
-                 document.getElementById("player").innerHTML = "";
-             player = new jwplayer.html5.player({
-                     id: "player", 
-                     skin: form.skin.options[form.skin.selectedIndex].value,
-                     playlist: "http://content.bitsontherun.com/feeds/Hilgq9Ju.rss",
-                     debug: 'console',
-                     width: "100%",
-                     height: "100%"
-                 });
-           }
+                  function init() {
+                    form = document.getElementById("form");
+                    document.getElementById("player").innerHTML = "";
+                    player = new jwplayer.html5.player({
+                      id: "player", 
+                      skin: form.skin.options[form.skin.selectedIndex].value,
+                      playlist: [{
+                              levels:[
+                             { file: 'http://content.bitsontherun.com/videos/nPripu9l-1ahmry41.mp4' },                   
+                             { file: 'http://content.bitsontherun.com/videos/nPripu9l-1Lq5Mnwq.webm' }           
+                          ],
+                          image: 'http://content.bitsontherun.com/thumbs/gSzpo2wh-480.jpg' 
+                      }],
+                      debug: 'console',
+                      width: "100%",
+                      height: "100%"
+                    });
+                  }
           </script>
         </head>
         
         <body onload="init()">
-        
-        <a href="http://sitetophone.com/316502-1120">site</a>
         
     <form id="form" onsubmit="update(this); return false;">