Changeset 2177

Timestamp:

04/26/12 13:12:50 (13 months ago)

Author:

pablo

Message:

• Adds external playlist loading
• Adds skin loading
• Adds player setup queue w/ error handling

Location:

branches/jw6

Files:

• bin-debug/jwplayer.js (modified) (41 diffs)
• build/build.xml (modified) (1 diff)
• jwplayer.min.js (modified) (1 diff)
• src/js/html5/jwplayer.html5.controlbar.js (modified) (8 diffs)
• src/js/html5/jwplayer.html5.controller.js (modified) (4 diffs)
• src/js/html5/jwplayer.html5.model.js (modified) (5 diffs)
• src/js/html5/jwplayer.html5.player.js (modified) (2 diffs)
• src/js/html5/jwplayer.html5.playlist.js (added)
• src/js/html5/jwplayer.html5.playlistitem.js (added)
• src/js/html5/jwplayer.html5.playlistitemlevel.js (added)
• src/js/html5/jwplayer.html5.playlistloader.js (added)
• src/js/html5/jwplayer.html5.setup.js (added)
• src/js/html5/jwplayer.html5.skinloader.js (modified) (3 diffs)
• src/js/html5/jwplayer.html5.video.js (modified) (1 diff)
• src/js/html5/jwplayer.html5.view.js (modified) (9 diffs)
• src/js/html5/parsers (added)
• src/js/html5/parsers/jwplayer.html5.parsers.js (added)
• src/js/html5/parsers/jwplayer.html5.parsers.jwparser.js (added)
• src/js/html5/parsers/jwplayer.html5.parsers.mediaparser.js (added)
• src/js/html5/parsers/jwplayer.html5.parsers.rssparser.js (added)
• src/js/utils/jwplayer.utils.ajax.js (deleted)
• src/js/utils/jwplayer.utils.js (added)
• src/js/utils/jwplayer.utils.strings.js (added)
• src/js/utils/jwplayer.utils.typechecker.js (added)
• test/controller.html (modified) (5 diffs)

branches/jw6/bin-debug/jwplayer.js

@@ -31 +31 @@
  */
 (function(jwplayer) {
+        var DOCUMENT = document;
+        
         //Declare namespace
         var utils = jwplayer.utils = function() {
@@ -88 +90 @@
         utils.appendStylesheet = function(selector, styles) {
                 if (!_styleSheet) {
-                        _styleSheet = document.createElement("style");
+                        _styleSheet = DOCUMENT.createElement("style");
                         _styleSheet.type = "text/css";
-                        document.getElementsByTagName('head')[0].appendChild(_styleSheet);
+                        DOCUMENT.getElementsByTagName('head')[0].appendChild(_styleSheet);
                 }
 
@@ -167 +169 @@
         utils.getAbsolutePath = function(path, base) {
                 if (!utils.exists(base)) {
-                        base = document.location.href;
+                        base = DOCUMENT.location.href;
                 }
                 if (!utils.exists(path)) {
@@ -265 +267 @@
                 } else {
                         return { 
-                                left: element.offsetLeft + document.body.scrollLeft, 
-                                top: element.offsetTop + document.body.scrollTop, 
+                                left: element.offsetLeft + DOCUMENT.body.scrollLeft, 
+                                top: element.offsetTop + DOCUMENT.body.scrollTop, 
                                 width: element.offsetWidth, 
                                 height: element.offsetHeight
@@ -281 +283 @@
         utils.isMobile = function() {
                 return utils.userAgentMatch(/(iP(hone|ad|od))|android/i);
-        }       
-        
-})(jwplayer);
-/**
- * AJAX File loading capabilities
- *
- * @author pablo
- * @version 6.0
- */
-(function(utils) {
-
+        }
+
+        /** Save a setting **/
+        utils.saveCookie = function(name, value) {
+                DOCUMENT.cookie = "jwplayer." + name + "=" + value + "; path=/";
+        }
+
+        /** Retrieve saved  player settings **/
+        utils.getCookies = function() {
+                var jwCookies = {};
+                var cookies = DOCUMENT.cookie.split('; ');
+                for (var i=0; i<cookies.length; i++) {
+                        var split = cookies[i].split('=');
+                        if (split[0].indexOf("jwplayer.") == 0) {
+                                jwCookies[split[0].substring(9, split[0].length)] = split[1];
+                        }
+                }
+                return jwCookies;
+        }
+        
+        
+        
         /** Loads an XML file into a DOM object * */
         utils.ajax = function(xmldocpath, completecallback, errorcallback) {
                 var xmlhttp;
-                if (window.XMLHttpRequest) {
-                        // IE>7, Firefox, Chrome, Opera, Safari
+                if (utils.exists(window.XDomainRequest)) {
+                        // IE9
+                        xmlhttp = new XDomainRequest()
+                } else if (window.XMLHttpRequest) {
+                        // Firefox, Chrome, Opera, Safari
                         xmlhttp = new XMLHttpRequest();
                 } else {
-                        // IE6
-                        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
+                        errorcallback();
                 }
                 xmlhttp.onreadystatechange = function() {
@@ -307 +322 @@
                                         if (completecallback) {
                                                 // Handle the case where an XML document was returned with an incorrect MIME type.
-                                                if (!utils.exists(xmlhttp.responseXML)) {
+                                                if (!jwplayer.utils.exists(xmlhttp.responseXML)) {
                                                         try {
                                                                 if (window.DOMParser) {
                                                                         var parsedXML = (new DOMParser()).parseFromString(xmlhttp.responseText,"text/xml");
                                                                         if (parsedXML) {
-                                                                                xmlhttp = utils.extend({}, xmlhttp, {responseXML:parsedXML});
+                                                                                xmlhttp = jwplayer.utils.extend({}, xmlhttp, {responseXML:parsedXML});
                                                                         }
                                                                 } else { 
@@ -319 +334 @@
                                                                         parsedXML.async="false";
                                                                         parsedXML.loadXML(xmlhttp.responseText);
-                                                                        xmlhttp = utils.extend({}, xmlhttp, {responseXML:parsedXML});                                                                   
+                                                                        xmlhttp = jwplayer.utils.extend({}, xmlhttp, {responseXML:parsedXML});                                                                  
                                                                 }
                                                         } catch(e) {
@@ -347 +362 @@
         };
         
-})(jwplayer.utils);
+        
+        /** Returns the true type of an object * */
+        utils.typeOf = function(value) {
+                var typeofString = typeof value;
+                if (typeofString === 'object') {
+                        if (!value) return "null";
+                        return (value instanceof Array) ? 'array' : typeofString;
+                } else {
+                        return typeofString;
+                }
+        };
+
+        
+})(jwplayer);
 /**
  * String utilities for the JW Player.
@@ -931 +959 @@
                         _api = api;
 
-                        config = _utils.extend({}, config);
                         _id = _api.id + "_controlbar";
                         _duration = 0;
@@ -945 +972 @@
                         _skin = _api.skin;
                         
-                        _settings = _utils.extend({}, _defaults, _skin.controlbar.settings, _api.settings.controlbar);
+                        _settings = _utils.extend({}, _defaults, _skin.controlbar.settings, config);
                         _layout = (_skin.controlbar.layout.left || _skin.controlbar.layout.right || _skin.controlbar.layout.center) ? _skin.controlbar.layout : _defaults.layout;
                         _createStyles();
@@ -979 +1006 @@
                 function _stateHandler(evt) {
                         switch (evt.newstate) {
+                        case jwplayer.events.state.BUFFERING:
                         case jwplayer.events.state.PLAYING:
-                        case jwplayer.events.state.BUFFERING:
                                 if (_elements['timeSliderThumb']) {
                                         _elements['timeSliderThumb'].style.opacity = 1;
-                                }
-                                if (_elements["timeRail"]) {
-                                        _elements["timeRail"].className = "jwrail jwsmooth";
                                 }
                                 _toggleButton("play", true);
@@ -1000 +1024 @@
                                         _elements['timeSliderThumb'].style.opacity = 0;
                                 }
+                                if (_elements["timeRail"]) {
+                                        _elements["timeRail"].className = "jwrail";
+                                        setTimeout(function() {
+                                                // Temporarily disable the buffer animation
+                                                _elements["timeRail"].className += " jwsmooth";
+                                        }, 100);
+                                }
                                 _setBuffer(0);
                                 _timeUpdated({ position: 0, duration: 0});
-                                if (_elements["timeRail"]) {
-                                        _elements["timeRail"].className = "jwrail";
-                                }
                                 break;
                         }
@@ -1102 +1130 @@
                 function _buildImage(name, style, stretch, nocenter) {
                         var element = _createSpan();
-                        //element.id = _createElementId(name);
                         element.className = 'jw'+name;
                         
@@ -1137 +1164 @@
                         
                         var element = document.createElement("button");
-                        //element.id = _createElementId(name);
                         element.className = 'jw'+name;
                         element.addEventListener("click", _buttonClickHandler(name), false);
@@ -1227 +1253 @@
                         }
                         if (_elements[name]) {
-                                _elements[name].className = 'jw' + name + (state ? " jwtoggle" : "");
+                                _elements[name].className = 'jw' + name + (state ? " jwtoggle jwtoggling" : " jwtoggling");
+                                // Use the jwtoggling class to temporarily disable the animation;
+                                setTimeout(function() {
+                                        _elements[name].className = _elements[name].className.replace(" jwtoggling", ""); 
+                                }, 100);
                         }
                         _toggleStates[name] = state;
@@ -1501 +1531 @@
         }
 
-        /**
-         * General JW Player controlbar styles -- should only be executed once
-         **/
-        function _generalStyles() {
-                _style(CB_CLASS, {
-                        position: JW_CSS_ABSOLUTE,
-                        overflow: 'hidden',
-                '-webkit-transition': JW_CSS_SMOOTH_EASE,
-                '-moz-transition': JW_CSS_SMOOTH_EASE,
-                '-o-transition': JW_CSS_SMOOTH_EASE
-                })
-                _style(CB_CLASS+' span',{
-                        height: JW_CSS_100PCT,
-                        '-webkit-user-select': JW_CSS_NONE,
-                        '-webkit-user-drag': JW_CSS_NONE,
-                        'user-select': JW_CSS_NONE,
-                        'user-drag': JW_CSS_NONE
-                });
-            _style(CB_CLASS+' .jwgroup', {
-                display: JW_CSS_INLINE
-            });
-            _style(CB_CLASS+' span, '+CB_CLASS+' .jwgroup button,'+CB_CLASS+' .jwleft', {
-                position: JW_CSS_RELATIVE,
-                        'float': JW_CSS_LEFT
-            });
-                _style(CB_CLASS+' .jwright', {
-                        position: JW_CSS_ABSOLUTE
-                });
-            _style(CB_CLASS+' .jwcenter', {
-                position: JW_CSS_ABSOLUTE
-            });
-            _style(CB_CLASS+' button', {
-                display: JW_CSS_INLINE_BLOCK,
-                height: JW_CSS_100PCT,
-                border: JW_CSS_NONE,
-                cursor: 'pointer',
-                '-webkit-transition': JW_CSS_SMOOTH_EASE,
-                '-moz-transition': JW_CSS_SMOOTH_EASE,
-                '-o-transition': JW_CSS_SMOOTH_EASE
-            });
-            _style(CB_CLASS+' .jwcapRight', { 
-                        right: 0,
-                        position: JW_CSS_ABSOLUTE
-                });
-            _style(CB_CLASS+' .jwtime,' + CB_CLASS + ' .jwgroup span.jwstretch', {
-                position: JW_CSS_ABSOLUTE,
-                height: JW_CSS_100PCT,
-                width: JW_CSS_100PCT,
-                left: 0
-            });
-            _style(CB_CLASS+' .jwrail,' + CB_CLASS + ' .jwthumb', {
-                position: JW_CSS_ABSOLUTE,
-                height: JW_CSS_100PCT,
-                cursor: 'pointer'
-            });
-            _style(CB_CLASS + ' .jwtime .jwsmooth span', {
-                '-webkit-transition': JW_CSS_SMOOTH_EASE,
-                '-moz-transition': JW_CSS_SMOOTH_EASE,
-                '-o-transition': JW_CSS_SMOOTH_EASE
-            });
-            _style(CB_CLASS + ' .jwdivider+.jwdivider', {
-                display: JW_CSS_NONE
-            });
-            _style(CB_CLASS + ' .jwtext', {
-                        padding: '0 5px',
-                        'text-align': 'center'
-                });
-
-        }
-        
-        _generalStyles();
+        /*************************************************************
+         * Player stylesheets - done once on script initialization;  *
+         * These CSS rules are used for all JW Player instances      *
+         *************************************************************/
+
+        _style(CB_CLASS, {
+                position: JW_CSS_ABSOLUTE,
+                overflow: 'hidden',
+        '-webkit-transition': JW_CSS_SMOOTH_EASE,
+        '-moz-transition': JW_CSS_SMOOTH_EASE,
+        '-o-transition': JW_CSS_SMOOTH_EASE
+        })
+        
+        _style(CB_CLASS+' span',{
+                height: JW_CSS_100PCT,
+                '-webkit-user-select': JW_CSS_NONE,
+                '-webkit-user-drag': JW_CSS_NONE,
+                'user-select': JW_CSS_NONE,
+                'user-drag': JW_CSS_NONE
+        });
+        
+    _style(CB_CLASS+' .jwgroup', {
+        display: JW_CSS_INLINE
+    });
+    
+    _style(CB_CLASS+' span, '+CB_CLASS+' .jwgroup button,'+CB_CLASS+' .jwleft', {
+        position: JW_CSS_RELATIVE,
+                'float': JW_CSS_LEFT
+    });
+    
+        _style(CB_CLASS+' .jwright', {
+                position: JW_CSS_ABSOLUTE
+        });
+        
+    _style(CB_CLASS+' .jwcenter', {
+        position: JW_CSS_ABSOLUTE
+    });
+    
+    _style(CB_CLASS+' button', {
+        display: JW_CSS_INLINE_BLOCK,
+        height: JW_CSS_100PCT,
+        border: JW_CSS_NONE,
+        cursor: 'pointer',
+        '-webkit-transition': JW_CSS_SMOOTH_EASE,
+        '-moz-transition': JW_CSS_SMOOTH_EASE,
+        '-o-transition': JW_CSS_SMOOTH_EASE
+    });
+    
+    _style(CB_CLASS+' .jwcapRight', { 
+                right: 0,
+                position: JW_CSS_ABSOLUTE
+        });
+    
+    _style(CB_CLASS+' .jwtime,' + CB_CLASS + ' .jwgroup span.jwstretch', {
+        position: JW_CSS_ABSOLUTE,
+        height: JW_CSS_100PCT,
+        width: JW_CSS_100PCT,
+        left: 0
+    });
+    
+   
+    
+    _style(CB_CLASS+' .jwrail,' + CB_CLASS + ' .jwthumb', {
+        position: JW_CSS_ABSOLUTE,
+        height: JW_CSS_100PCT,
+        cursor: 'pointer'
+    });
+    
+    _style(CB_CLASS + ' .jwtime .jwsmooth span', {
+        '-webkit-transition': JW_CSS_SMOOTH_EASE,
+        '-moz-transition': JW_CSS_SMOOTH_EASE,
+        '-o-transition': JW_CSS_SMOOTH_EASE
+    });
+    
+    _style(CB_CLASS + ' .jwdivider+.jwdivider', {
+        display: JW_CSS_NONE
+    });
+    
+    _style(CB_CLASS + ' .jwtext', {
+                padding: '0 5px',
+                'text-align': 'center'
+        });
+    
+    _style(CB_CLASS + ' .jwtoggling', {
+        '-webkit-transition': JW_CSS_NONE,
+        '-moz-transition': JW_CSS_NONE,
+        '-o-transition': JW_CSS_NONE
+    });
         
 })(jwplayer);/**
@@ -1585 +1632 @@
                 _states = _events.state;
         
-        html5.controller = function(model) {
-                var _model = model, 
+        html5.controller = function(model, view) {
+                var _model = model,
+                        _view = view,
                         _video = model.getVideo(),
-//                      _debug = 'console',
-                        _eventDispatcher = new _events.eventdispatcher(_model.id);
+                        _eventDispatcher = new _events.eventdispatcher(_model.id, _model.config.debug);
                 
                 _utils.extend(this, _eventDispatcher);
@@ -1608 +1655 @@
                 var file;
                 
-                this.load = function(item) {
-                        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);
-                        }
-                }
-                
-                this.play = function() {
+                function _load(item) {
+                        if (_model.state == _states.PLAYING || _model.state == _states.BUFFERING) {
+                                _video.stop();
+                        }
+                        
+                        switch (_utils.typeOf(item)) {
+                        case "string":
+                                file = item;
+                                break;
+                        case "object":
+                                file = item.file;
+                                break;
+                        case "number":
+                                file = _model.playlist[item].file;
+                                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);
@@ -1629 +1694 @@
                 }
 
-                this.stop = function() {
+                function _stop() {
                         _video.stop();
                 }
 
-                this.pause = function() {
+                function _pause() {
                         if (_model.state == _states.PLAYING || _model.state == _states.BUFFERING) {
                                 _video.pause();
@@ -1639 +1704 @@
                 }
 
-                this.seek = function(pos) {
+                function _seek(pos) {
                         _video.seek(pos);
                 }
                 
-                this.volume = function(vol) {
+                function _setVolume(vol) {
                         _video.volume(vol);
                 }
                 
-                this.mute = function(state) {
+                function _setMute(state) {
                         if (!_utils.exists(state)) state = !_model.mute;
                         _video.mute(state);
                 }
-
-                this.prev = function() {
-                }
-
-                this.next = function() {
-                }
-                
-                this.item = function(item) {}
+                
+                function _setFullscreen(state) {
+                        _view.fullscreen(state);
+                }
+
+                
+                function _item(item) {
+                        _stop();
+                        _model.setItem(item);
+                        _load(_model.item);
+                        _play();
+                }
+                
+                function _prev() {
+                        _item(_model.item - 1);
+                }
+                
+                function _next() {
+                        _item(_model.item + 1);
+                }
+                
+                
+                // TODO: implement waitForReady; either in Controller or in API
+                function _waitForReady(func) {
+                        return function() {
+                                func.apply(this, arguments);
+                        }
+                }
+                
+                this.play = _waitForReady(_play);
+                this.pause = _waitForReady(_pause);
+                this.seek = _waitForReady(_seek);
+                this.stop = _waitForReady(_stop);
+                this.load = _waitForReady(_load);
+                this.next = _waitForReady(_next);
+                this.prev = _waitForReady(_prev);
+                this.item = _waitForReady(_item);
+                this.setVolume = _waitForReady(_setVolume);
+                this.setMute = _waitForReady(_setMute);
+                this.setFullscreen = _waitForReady(_setFullscreen);
+                
+/*              this.playerReady = _playerReady;
+                this.detachMedia = _detachMedia; 
+                this.attachMedia = _attachMedia;
+                this.beforePlay = function() { 
+                        return _preplay; 
+                }
+*/              
                 
                 _init();
@@ -1690 +1795 @@
 })(jwplayer);
 /**
+ * JW Player display component
+ *
+ * @author zach
+ * @version 5.8
+ */
+(function(html5) {
+        var _utils = jwplayer.utils,
+                _css = _utils.css,
+                _events = jwplayer.events,
+                _states = _events.state;
+        
+        function _hide(element) {
+                _css(element, {
+                        display: "none"
+                });
+        };
+        
+        function _show(element) {
+                _css(element, {
+                        display: "block"
+                });
+        };
+        
+        html5.display = function(api, config) {
+                var _defaults = {
+                        icons: true,
+                        showmute: false
+                }
+                var _config = _utils.extend({}, _defaults, config);
+                var _api = api;
+                var _display = {};
+                var _width;
+                var _height;
+                var _imageWidth;
+                var _imageHeight;
+                var _degreesRotated;
+                var _rotationInterval;
+                var _error;
+                var _bufferRotation = !_utils.exists(_api.skin.getComponentSettings("display").bufferrotation) ? 15 : parseInt(_api.skin.getComponentSettings("display").bufferrotation, 10);
+                var _bufferInterval = !_utils.exists(_api.skin.getComponentSettings("display").bufferinterval) ? 100 : parseInt(_api.skin.getComponentSettings("display").bufferinterval, 10);
+                var _updateTimeout = -1;
+                var _lastState = _states.IDLE;
+                var _showing = true;
+                var _lastSent;
+                var _imageLoading = false, _imageShowing = true;
+                var _currentImage = "";
+                var _hiding = false;
+                var _ready = false;
+                var _alternateClickHandler;
+                var _normalscreenWidth, _normalscreenHeight;
+                
+                var _eventDispatcher = new _events.eventdispatcher();
+                _utils.extend(this, _eventDispatcher);
+                
+                var _elements = {
+                        display: {
+                                style: {
+                                        cursor: "pointer",
+                                        top: 0,
+                                        left: 0,
+                                        overflow: "hidden"
+                                },
+                                click: _displayClickHandler
+                        },
+                        display_icon: {
+                                style: {
+                                        cursor: "pointer",
+                                        position: "absolute",
+                                        top: ((_api.skin.getSkinElement("display", "background").height - _api.skin.getSkinElement("display", "playIcon").height) / 2),
+                                        left: ((_api.skin.getSkinElement("display", "background").width - _api.skin.getSkinElement("display", "playIcon").width) / 2),
+                                        border: 0,
+                                        margin: 0,
+                                        padding: 0,
+                                        zIndex: 3,
+                                        display: "none"
+                                }
+                        },
+                        display_iconBackground: {
+                                style: {
+                                        cursor: "pointer",
+                                        position: "absolute",
+                                        top: ((_height - _api.skin.getSkinElement("display", "background").height) / 2),
+                                        left: ((_width - _api.skin.getSkinElement("display", "background").width) / 2),
+                                        border: 0,
+                                        backgroundImage: (["url(", _api.skin.getSkinElement("display", "background").src, ")"]).join(""),
+                                        width: _api.skin.getSkinElement("display", "background").width,
+                                        height: _api.skin.getSkinElement("display", "background").height,
+                                        margin: 0,
+                                        padding: 0,
+                                        zIndex: 2,
+                                        display: "none"
+                                }
+                        },
+                        display_image: {
+                                style: {
+                                        display: "none",
+                                        width: _width,
+                                        height: _height,
+                                        position: "absolute",
+                                        cursor: "pointer",
+                                        left: 0,
+                                        top: 0,
+                                        margin: 0,
+                                        padding: 0,
+                                        textDecoration: "none",
+                                        zIndex: 1
+                                }
+                        },
+                        display_text: {
+                                style: {
+                                        zIndex: 4,
+                                        position: "relative",
+                                        opacity: 0.8,
+                                        backgroundColor: parseInt("000000", 16),
+                                        color: parseInt("ffffff", 16),
+                                        textAlign: "center",
+                                        fontFamily: "Arial,sans-serif",
+                                        padding: "0 5px",
+                                        fontSize: 14
+                                }
+                        }
+                };
+                _api.jwAddEventListener(_events.JWPLAYER_PLAYER_STATE, _stateHandler);
+                _api.jwAddEventListener(_events.JWPLAYER_MEDIA_MUTE, _stateHandler);
+                _api.jwAddEventListener(_events.JWPLAYER_PLAYLIST_LOADED, _playlistLoadHandler);
+                _api.jwAddEventListener(_events.JWPLAYER_PLAYLIST_ITEM, _stateHandler);
+                _api.jwAddEventListener(_events.JWPLAYER_ERROR, _errorHandler);
+                _setupDisplay();
+                
+                function _setupDisplay() {
+                        _display.display = createElement("div", "display");
+                        _display.display_text = createElement("div", "display_text");
+                        _display.display.appendChild(_display.display_text);
+                        _display.display_image = createElement("img", "display_image");
+                        _display.display_image.onerror = function(evt) {
+                                _hide(_display.display_image);
+                        };
+                        _display.display_image.onload = _onImageLoad;
+                        _display.display_icon = createElement("div", "display_icon");
+                        _display.display_iconBackground = createElement("div", "display_iconBackground");
+                        _display.display.appendChild(_display.display_image);
+                        _display.display_iconBackground.appendChild(_display.display_icon);
+                        _display.display.appendChild(_display.display_iconBackground);
+                        _setupDisplayElements();
+                        
+                        setTimeout((function() {
+                                _ready = true;
+                                if (_config.icons.toString() == "true") {
+                                        _sendShow();
+                                }
+                        }), 1);
+                }
+                
+                
+                this.getDisplayElement = function() {
+                        return _display.display;
+                };
+                
+                this.resize = function(width, height) {
+                        if (_api.jwGetFullscreen() && _utils.isMobile()) {
+                                //No need to resize components; handled by the device
+                                return;
+                        }
+                        
+                        _css(_display.display, {
+                                width: width,
+                                height: height
+                        });
+                        _css(_display.display_text, {
+                                width: (width - 10),
+                                top: ((height - _utils.getBoundingClientRect(_display.display_text).height) / 2)
+                        });
+                        _css(_display.display_iconBackground, {
+                                top: ((height - _api.skin.getSkinElement("display", "background").height) / 2),
+                                left: ((width - _api.skin.getSkinElement("display", "background").width) / 2)
+                        });
+                        if (_width != width || _height != height) {
+                                _width = width;
+                                _height = height;
+                                _lastSent = undefined;
+                                _sendShow();
+                        }
+                        if (!_api.jwGetFullscreen()) {
+                                _normalscreenWidth = width;
+                                _normalscreenHeight = height;
+                        }
+                        _stretch();
+                        _stateHandler({});
+                };
+                
+                this.show = function() {
+                        if (_hiding) {
+                                _hiding = false;
+                                _updateDisplay(_api.jwGetState());
+                        }
+                }
+
+                this.hide = function() {
+                        if (!_hiding) {
+                                _hideDisplayIcon();
+                                _hiding = true;
+                        }
+                }
+
+                function _onImageLoad(evt) {
+                        _imageWidth = _display.display_image.naturalWidth;
+                        _imageHeight = _display.display_image.naturalHeight;
+                        _stretch();
+                        if (_api.jwGetState() == _states.IDLE) {
+                                _css(_display.display_image, {
+                                        display: "block",
+                                        opacity: 0
+                                });
+                                _utils.fadeTo(_display.display_image, 1, 0.1);
+                        }
+                        _imageLoading = false;
+                }
+                
+                function _stretch() {
+                        if (_api.jwGetFullscreen() && _api.jwGetStretching() == _utils.stretching.EXACTFIT) {
+                                var tmp = document.createElement("div");
+                                _utils.stretch(_utils.stretching.UNIFORM, tmp, _width, _height, _normalscreenWidth, _normalscreenHeight);
+                                
+                                _utils.stretch(_utils.stretching.EXACTFIT, _display.display_image, 
+                                                _utils.parseDimension(tmp.style.width), _utils.parseDimension(tmp.style.height),
+                                                _imageWidth, _imageHeight);
+                                
+                                _css(_display.display_image, {
+                                        left: tmp.style.left,
+                                        top: tmp.style.top
+                                });
+                        } else {
+                                _utils.stretch(_api.jwGetStretching(), _display.display_image, _width, _height, _imageWidth, _imageHeight);
+                        }
+                };
+                
+                function createElement(tag, element) {
+                        var _element = document.createElement(tag);
+                        _element.id = _api.id + "_jwplayer_" + element;
+                        _css(_element, _elements[element].style);
+                        return _element;
+                }
+                
+                
+                function _setupDisplayElements() {
+                        for (var element in _display) {
+                                if (_utils.exists(_elements[element].click)) {
+                                        _display[element].onclick = _elements[element].click;
+                                }
+                        }
+                }
+                
+                
+                function _displayClickHandler(evt) {
+                        if (typeof evt.preventDefault != "undefined") {
+                                evt.preventDefault(); // W3C
+                        } else {
+                                evt.returnValue = false; // IE
+                        }
+                        if (typeof _alternateClickHandler == "function") {
+                                _alternateClickHandler(evt);
+                                return;
+                        } else {
+                                if (_api.jwGetState() != _states.PLAYING) {
+                                        _api.jwPlay();
+                                } else {
+                                        _api.jwPause();
+                                }
+                        }
+                }
+                
+                
+                function _setDisplayIcon(newIcon) {
+                        if (_error) {
+                                _hideDisplayIcon();
+                                return;
+                        }
+                        _display.display_icon.style.backgroundImage = (["url(", _api.skin.getSkinElement("display", newIcon).src, ")"]).join("");
+                        _css(_display.display_icon, {
+                                width: _api.skin.getSkinElement("display", newIcon).width,
+                                height: _api.skin.getSkinElement("display", newIcon).height,
+                                top: (_api.skin.getSkinElement("display", "background").height - _api.skin.getSkinElement("display", newIcon).height) / 2,
+                                left: (_api.skin.getSkinElement("display", "background").width - _api.skin.getSkinElement("display", newIcon).width) / 2
+                        });
+                        _showDisplayIcon();
+                        if (_utils.exists(_api.skin.getSkinElement("display", newIcon + "Over"))) {
+                                _display.display_icon.onmouseover = function(evt) {
+                                        _display.display_icon.style.backgroundImage = ["url(", _api.skin.getSkinElement("display", newIcon + "Over").src, ")"].join("");
+                                };
+                                _display.display_icon.onmouseout = function(evt) {
+                                        _display.display_icon.style.backgroundImage = ["url(", _api.skin.getSkinElement("display", newIcon).src, ")"].join("");
+                                };
+                        } else {
+                                _display.display_icon.onmouseover = null;
+                                _display.display_icon.onmouseout = null;
+                        }
+                }
+                
+                function _hideDisplayIcon() {
+                        if (_config.icons.toString() == "true") {
+                                _hide(_display.display_icon);
+                                _hide(_display.display_iconBackground);
+                                _sendHide();
+                        }
+                }
+
+                function _showDisplayIcon() {
+                        if (!_hiding && _config.icons.toString() == "true") {
+                                _show(_display.display_icon);
+                                _show(_display.display_iconBackground);
+                                _sendShow();
+                        }
+                }
+
+                function _errorHandler(evt) {
+                        _error = true;
+                        _hideDisplayIcon();
+                        _display.display_text.innerHTML = evt.message;
+                        _show(_display.display_text);
+                        _display.display_text.style.top = ((_height - _utils.getBoundingClientRect(_display.display_text).height) / 2) + "px";
+                }
+                
+                function _resetPoster() {
+                        _imageShowing = false;
+                        _display.display_image.style.display = "none";
+                }
+                
+                function _playlistLoadHandler() {
+                        // We're going to force a refresh once we get the playlist item event.
+                        _lastState = "";
+                }
+                
+                function _stateHandler(evt) {
+                        if ((evt.type == _events.JWPLAYER_PLAYER_STATE ||
+                                        evt.type == _events.JWPLAYER_PLAYLIST_ITEM) &&
+                                        _error) {
+                                _error = false;
+                                _hide(_display.display_text);
+                        }
+                        
+                        var state = _api.jwGetState();
+                        if (state == _lastState) {
+                                return;
+                        }
+
+                        _lastState = state;
+
+                        if (_updateTimeout >= 0) {
+                                clearTimeout(_updateTimeout);
+                        }
+
+                        if (_showing || _api.jwGetState() == _states.PLAYING || _api.jwGetState() == _states.PAUSED) {
+                                _updateDisplay(_api.jwGetState());
+                        } else {
+                                _updateTimeout = setTimeout(_stateCallback(_api.jwGetState()), 500);
+                        }
+                }
+                
+                function _stateCallback(state) {
+                        return (function() {
+                                _updateDisplay(state);
+                        });
+                }
+                
+                
+                function _updateDisplay(state) {
+                        if (_utils.exists(_rotationInterval)) {
+                                clearInterval(_rotationInterval);
+                                _rotationInterval = null;
+                                _utils.animations.rotate(_display.display_icon, 0);
+                        }
+                        switch (state) {
+                                case _states.BUFFERING:
+                                        if (_utils.isIPod()) {
+                                                _resetPoster();
+                                                _hideDisplayIcon();
+                                        } else {
+                                                if (_api.jwGetPlaylist()[_api.jwGetPlaylistIndex()].provider == "sound") {
+                                                        _showImage();
+                                                }
+                                                _degreesRotated = 0;
+                                                _rotationInterval = setInterval(function() {
+                                                        _degreesRotated += _bufferRotation;
+                                                        _utils.animations.rotate(_display.display_icon, _degreesRotated % 360);
+                                                }, _bufferInterval);
+                                                _setDisplayIcon("bufferIcon");
+                                                _showing = true;
+                                        }
+                                        break;
+                                case _states.PAUSED:
+                                        if (!_utils.isIPod()) {
+                                                if (_api.jwGetPlaylist()[_api.jwGetPlaylistIndex()].provider != "sound") {
+                                                        _css(_display.display_image, {
+                                                                background: "transparent no-repeat center center"
+                                                        });
+                                                }
+                                                _setDisplayIcon("playIcon");
+                                                _showing = true;
+                                        }
+                                        break;
+                                case _states.IDLE:
+                                        if (_api.jwGetPlaylist()[_api.jwGetPlaylistIndex()] && _api.jwGetPlaylist()[_api.jwGetPlaylistIndex()].image) {
+                                                _showImage();
+                                        } else {
+                                                _resetPoster();
+                                        }
+                                        _setDisplayIcon("playIcon");
+                                        _showing = true;
+                                        break;
+                                default:
+                                        if (_api.jwGetPlaylist()[_api.jwGetPlaylistIndex()] && _api.jwGetPlaylist()[_api.jwGetPlaylistIndex()].provider == "sound") {
+                                                if (_utils.isIPod()) {
+                                                        _resetPoster();
+                                                        _showing = false;
+                                                } else {
+                                                        _showImage();
+                                                }
+                                        } else {
+                                                _resetPoster();
+                                                _showing = false;
+                                        }
+                                        if (_api.jwGetMute() && _config.showmute) {
+                                                _setDisplayIcon("muteIcon");
+                                        } else {
+                                                _hideDisplayIcon();
+                                        }
+                                        break;
+                        }
+                        _updateTimeout = -1;
+                }
+                
+                function _showImage() {
+                        if (_api.jwGetPlaylist()[_api.jwGetPlaylistIndex()]) {
+                                var newsrc = _api.jwGetPlaylist()[_api.jwGetPlaylistIndex()].image;
+                                if (newsrc) {
+                                        if (newsrc != _currentImage) {
+                                                _currentImage = newsrc;
+                                                _imageLoading = true;
+                                                _display.display_image.src = _utils.getAbsolutePath(newsrc);
+                                        } else if (!(_imageLoading || _imageShowing)) {
+                                                _imageShowing = true;
+                                                _display.display_image.style.opacity = 0;
+                                                _display.display_image.style.display = "block";
+                                                _utils.fadeTo(_display.display_image, 1, 0.1);
+                                        }
+                                        
+                                }
+                        }
+                }
+                
+                
+                function _sendVisibilityEvent(eventType) {
+                        return function() {
+                                if (!_ready) return;
+                                        
+                                if (!_hiding && _lastSent != eventType) {
+                                        _lastSent = eventType;
+                                        _eventDispatcher.sendEvent(eventType, {
+                                                component: "display",
+                                                boundingRect: _utils.getDimensions(_display.display_iconBackground)
+                                        });
+                                }
+                        }
+                }
+
+                var _sendShow = _sendVisibilityEvent(_events.JWPLAYER_COMPONENT_SHOW);
+                var _sendHide = _sendVisibilityEvent(_events.JWPLAYER_COMPONENT_HIDE);
+
+                /** NOT SUPPORTED : Using this for now to hack around instream API **/
+                this.setAlternateClickHandler = function(handler) {
+                        _alternateClickHandler = handler;
+                }
+                this.revertAlternateClickHandler = function() {
+                        _alternateClickHandler = undefined;
+                }
+                
+                return this;
+        };
+        
+        
+        
+})(jwplayer.html5);
+/**
  * jwplayer.html5 model
  * 
@@ -1696 +2284 @@
  */
 (function(html5) {
-        var _utils = jwplayer.utils;
+        var _utils = jwplayer.utils,
+                _events = jwplayer.events;
 
         html5.model = function(config) {
@@ -1703 +2292 @@
                         _video, 
                         // HTML5 <video> tag
-                        _videoTag;
-
-                _utils.extend(_model, new jwplayer.events.eventdispatcher());
+                        _videoTag,
+                        // Saved settings
+                        _cookies = _utils.getCookies(),
+                        // Defaults
+                        _defaults = {
+                                width: 480,
+                                height: 320,
+                                item: 0,
+                                playlist: undefined,
+                                skin: undefined,
+                                volume: 90,
+                                mute: false,
+        //                      repeat: "",
+        //                      stretching: jwplayer.utils.stretching.UNIFORM,
+                                autostart: false,
+                                debug: undefined
+                        };
 
                 function _parseConfig(config) {
@@ -1712 +2315 @@
 
                 function _init() {
+                        _utils.extend(_model, new _events.eventdispatcher());
                         _utils.extend(_model, {
-                                id : config.id,
-                                settings : _parseConfig(config),
-                                volume : 0,
-                                state : jwplayer.events.state.IDLE,
-                                mute : false
+                                id: config.id,
+                                state : _events.state.IDLE,
+                                position: 0,
+                                buffer: 0,
+                                playlist: [],
+                                config: _utils.extend({}, _defaults, _cookies, _parseConfig(config)) 
                         });
-
+                        _model.setItem(_model.config.item);
+                        
                         _videoTag = document.createElement("video");
                         _video = new html5.video(_videoTag);
@@ -1725 +2331 @@
                 }
 
+                var _eventMap = {};
+                _eventMap[_events.JWPLAYER_MEDIA_MUTE] = "mute";
+                _eventMap[_events.JWPLAYER_MEDIA_VOLUME] = "volume";
+                _eventMap[_events.JWPLAYER_PLAYER_STATE] = "newstate->state";
+                _eventMap[_events.JWPLAYER_MEDIA_BUFFER] = "bufferPercent->buffer";
+                _eventMap[_events.JWPLAYER_MEDIA_TIME] = "position";
+                        
                 function _videoEventHandler(evt) {
-                        switch (evt.type) {
-                        case jwplayer.events.JWPLAYER_MEDIA_MUTE:
-                                if (_model.mute == evt.mute)
-                                        return;
-                                _model.mute = evt.mute;
-                                break;
-                        case jwplayer.events.JWPLAYER_MEDIA_VOLUME:
-                                if (_model.volume == evt.volume)
-                                        return;
-                                _model.volume = evt.volume;
-                                break;
-                        case jwplayer.events.JWPLAYER_PLAYER_STATE:
-                                if (_model.state == evt.newstate)
-                                        return;
-                                _model.state = evt.newstate;
-                        }
-                        _model.sendEvent(evt.type, evt);
+                        var mapping = _eventMap[evt.type];
+                        if (mapping) {
+                                var split = mapping.split("->"),
+                                        eventProp = split[0],
+                                        stateProp = split[1] ? split[1] : eventProp;
+                                if (_model[stateProp] != evt[eventProp]) {
+                                        _model[stateProp] = evt[eventProp];
+                                        _model.sendEvent(evt.type, evt);
+                                }
+                        } else {
+                                _model.sendEvent(evt.type, evt);
+                        }
                 }
                 
@@ -1752 +2360 @@
                         if (state != _model.fullscreen) {
                                 _model.fullscreen = state;
-                                _model.sendEvent(jwplayer.events.JWPLAYER_FULLSCREEN, { fullscreen: state } );
+                                _model.sendEvent(_events.JWPLAYER_FULLSCREEN, { fullscreen: state } );
+                        }
+                }
+                
+                this.setItem = function(index) {
+                        var newItem;
+                        if (index == _model.playlist.length || index < -1)
+                                newItem = 0;
+                        else if (index == -1 || index > _model.playlist.length)
+                                newItem = _model.playlist.length - 1;
+                        else
+                                newItem = index;
+                        
+                        if (newItem != _model.item) {
+                                _model.item = newItem;
+                                _model.sendEvent(_events.JWPLAYER_PLAYLIST_ITEM, {
+                                        "index": _model.item
+                                });
                         }
                 }
@@ -1760 +2385 @@
 })(jwplayer.html5);
 /**
- * Main HTMl5 player class
+ * Main HTML5 player class
  *
  * @author pablo
@@ -1767 +2392 @@
 (function(html5) {
         html5.player = function(config) {
-                var _model, _view, _controller,
-                        _api = this;
-                
+                var _api = this,
+                        _model = new html5.model(config), 
+                        _view = new html5.view(this, _model), 
+                        _controller = new html5.controller(_model, _view);
+
                 function _init() {
-                        _model = new html5.model(config);
-                        
                         _api.id = _model.id;
-                        _api.settings = _model.settings;
-                                                
-                        _controller = new html5.controller(_model);
-                        _controller.load();
-                        
+                        
+//                      _controller.load();
+/*                      
                         (new html5.skinloader(config.skin, function(skin) {
                                 _api.skin = skin;
-                                _view = new html5.view(_api, _model);
+                                _view.setup();
                         }, function(err) { _utils.log(err); }));
-                        
-                }
-                
-                this.jwPlay = function(){ _controller.play() };
-                this.jwPause = function(){ _controller.pause() };
-                this.jwStop = function(){ _controller.stop() };
-                this.jwSeek = function(pos){ _controller.seek(pos) };
-                this.jwSetVolume = function(vol){ _controller.volume(vol) };
-                this.jwSetMute = function(state){ _controller.mute(state) };
-                this.jwLoad = function(item) { _controller.load(item); }
-                this.jwPlaylistNext = function() { _controller.next(); }
-                this.jwPlaylistPrev = function() { _controller.prev(); }
-                this.jwPlaylistItem = function(item) { _controller.item(item); }
-                this.jwSetFullscreen = function(state) { _view.fullscreen(state); }
-                
-                this.jwGetState = function(){ return _model.state };
-                this.jwGetVolume = function(){ return _model.volume };
-                this.jwGetMute = function(){ return _model.mute };
-                this.jwGetFullscreen = function(){ return _model.fullscreen };
-
-                this.jwAddEventListener = function(type, handler) { _controller.addEventListener(type, handler); };
-                this.jwRemoveEventListener = function(type, handler) { _controller.removeEventListener(type, handler); };
+*/
+                        var setup = new html5.setup(_model, _view, _controller);
+                        setup.addEventListener(jwplayer.events.JWPLAYER_READY, _readyHandler);
+                        setup.addEventListener(jwplayer.events.JWPLAYER_ERROR, _errorHandler);
+                        setup.start();
+                }
+                
+                function _readyHandler(evt) {
+                        _controller.sendEvent(evt.type, evt);
+                        _controller.load();
+                }
+
+                function _errorHandler(evt) {
+                        console.log(evt);
+                        alert("Can't set up: " + evt.message);
+                }
+
+                
+                /** Methods **/
+                
+                this.jwPlay = _controller.play;
+                this.jwPause = _controller.pause;
+                this.jwStop = _controller.stop;
+                this.jwSeek = _controller.seek;
+                this.jwSetVolume = _controller.setVolume;
+                this.jwSetMute = _controller.setMute;
+                this.jwLoad = _controller.load;
+                this.jwPlaylistNext = _controller.next;
+                this.jwPlaylistPrev = _controller.prev;
+                this.jwPlaylistItem = _controller.item;
+                this.jwSetFullscreen = _controller.setFullscreen;
+                
+
+                /** Getters **/
+                
+                function _statevarFactory(statevar) {
+                        return function() {
+                                return _model[statevar];
+                        };
+                }
+                
+                this.jwGetPlaylistIndex = _statevarFactory('item');
+                this.jwGetPosition = _statevarFactory('position');
+                this.jwGetDuration = _statevarFactory('duration');
+                this.jwGetBuffer = _statevarFactory('buffer');
+                this.jwGetWidth = _statevarFactory('width');
+                this.jwGetHeight = _statevarFactory('height');
+                this.jwGetFullscreen = _statevarFactory('fullscreen');
+                this.jwGetVolume = _statevarFactory('volume');
+                this.jwGetMute = _statevarFactory('mute');
+                this.jwGetState = _statevarFactory('state');
+                this.jwGetStretching = _statevarFactory('stretching');
+                this.jwGetPlaylist = _statevarFactory('playlist');
+
+                
+                this.jwAddEventListener = _controller.addEventListener;
+                this.jwRemoveEventListener = _controller.removeEventListener;
                 
                 _init();
+        }
+})(jwplayer.html5);
+
+/**
+ * JW Player playlist model
+ *
+ * @author zach
+ * @modified pablo
+ * @version 6.0
+ */
+(function(html5) {
+        var _utils = jwplayer.utils;
+        html5.playlist = function(playlist) {
+                var _playlist = [];
+                if (playlist && playlist instanceof Array && playlist.length > 0) {
+                        for (var playlistItem in playlist) {
+                                if (!isNaN(parseInt(playlistItem))){
+                                        _playlist.push(new html5.playlistitem(playlist[playlistItem]));
+                                }
+                        }
+                } else {
+                        _playlist.push(new html5.playlistitem(playlist));
+                }
+                return _playlist;
+        };
+        
+})(jwplayer.html5);
+/**
+ * JW Player playlist item model
+ *
+ * @author zach
+ * @modified pablo
+ * @version 6.0
+ */
+(function(html5) {
+        html5.playlistitem = function(config) {
+                var _defaults = {
+                        description: "",
+                        image: "",
+                        link: "",
+                        mediaid: "",
+                        title: "",
+                        provider: "",
+                        
+                        file: "",
+                        duration: -1,
+                        start: 0,
+                        
+                        currentLevel: -1,
+                        levels: []
+                };
+                
+                
+                var _playlistitem = jwplayer.utils.extend({}, _defaults, config);
+                
+/*
+                if (_playlistitem.type) {
+                        _playlistitem.provider = _playlistitem.type;
+                        delete _playlistitem.type;
+                }
+*/              
+                if (_playlistitem.levels.length === 0) {
+                        _playlistitem.levels[0] = new html5.playlistitemlevel(_playlistitem);
+                }
+/*              
+                if (!_playlistitem.provider) {
+                        _playlistitem.provider = _getProvider(_playlistitem.levels[0]);
+                } else {
+                        _playlistitem.provider = _playlistitem.provider.toLowerCase();
+                }
+*/
+                
+                return _playlistitem;
+        };
+})(jwplayer.html5);/**
+ * JW Player playlist item level model
+ *
+ * @author zach
+ * @version 5.4
+ */
+(function(jwplayer) {
+        jwplayer.html5.playlistitemlevel = function(config) {
+                var _playlistitemlevel = {
+                        file: "",
+                        streamer: "",
+                        bitrate: 0,
+                        width: 0
+                };
+                
+                for (var property in _playlistitemlevel) {
+                        if (jwplayer.utils.exists(config[property])) {
+                                _playlistitemlevel[property] = config[property];
+                        }
+                }
+                return _playlistitemlevel;
+        };
+        
+})(jwplayer);
+/**
+ * JW Player playlist loader
+ *
+ * @author pablo
+ * @version 6.0
+ */
+(function(html5) {
+        var _jw = jwplayer, _utils = _jw.utils, _events = _jw.events;
+
+        html5.playlistloader = function() {
+                var _eventDispatcher = new _events.eventdispatcher();
+                _utils.extend(this, _eventDispatcher);
+                
+                this.load = function(playlistfile) {
+                        _utils.ajax(playlistfile, _playlistLoaded, _playlistError)
+                }
+                
+                function _playlistLoaded(loadedEvent) {
+                        try {
+                                var playlistObj = html5.parsers.rssparser.parse(loadedEvent.responseXML.firstChild);
+                                _eventDispatcher.sendEvent(_events.JWPLAYER_PLAYLIST_LOADED, {
+                                        "playlist": new html5.playlist(playlistObj)
+                                });
+                        } catch (e) {
+                                _playlistError('Could not load the playlist.');
+                        }
+                }
+                
+                function _playlistError(msg) {
+                        _eventDispatcher.sendEvent(_events.JWPLAYER_ERROR, {
+                                message: msg ? msg : 'Could not load playlist an unknown reason.'
+                        });
+                }
+        }
+})(jwplayer.html5);/**
+ * This class is responsible for setting up the player and triggering the PLAYER_READY event, or an JWPLAYER_ERROR event
+ * 
+ * The order of the player setup is as follows:
+ * 
+ * 1. parse config
+ * 2. load skin (async)
+ * 3. load external playlist (async)
+ * 4. load preview image (requires 3)
+ * 5. initialize components (requires 2)
+ * 6. initialize plugins (requires 5)
+ * 7. ready
+ *
+ * @author pablo
+ * @version 6.0
+ */
+(function(html5) {
+        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";
+
+        html5.setup = function(model, view, controller) {
+                var _model = model, 
+                        _view = view,
+                        _controller = controller,
+                        _completed = {},
+                        _depends = {},
+                        _skin,
+                        _eventDispatcher = new _events.eventdispatcher(),
+                        _errorState = false,
+                        _queue = [];
+                        
+                function _initQueue() {
+                        _addTask(PARSE_CONFIG, _parseConfig);
+                        _addTask(LOAD_SKIN, _loadSkin, PARSE_CONFIG);
+                        _addTask(LOAD_PLAYLIST, _loadPlaylist, PARSE_CONFIG);
+                        _addTask(LOAD_PREVIEW, _loadPreview, LOAD_PLAYLIST);
+                        _addTask(SETUP_COMPONENTS, _setupComponents, LOAD_SKIN);
+                        _addTask(INIT_PLUGINS, _initPlugins, SETUP_COMPONENTS);
+                        _addTask(SEND_READY, _sendReady, INIT_PLUGINS);
+                }
+                
+                function _addTask(name, method, depends) {
+                        _queue.push({name:name, method:method, depends:depends});
+                }
+
+                function _nextTask() {
+                        for (var i=0; i < _queue.length; i++) {
+                                var task = _queue[i];
+                                if (!task.depends || _completed[task.depends]) {
+                                        _queue.splice(i, 1);
+                                        try {
+                                                task.method();
+                                                _nextTask();
+                                        } catch(error) {
+                                                _error(error.message);
+                                        }
+                                        return;
+                                }
+                        }
+                        if (_queue.length > 0 && !_errorState) {
+                                // Still waiting for a dependency to come through; wait a little while.
+                                setTimeout(_nextTask, 500);
+                        }
+                }
+
+                function _taskComplete(name) {
+                        _completed[name] = true;
+                }
+                
+                function _parseConfig() {
+                        _taskComplete(PARSE_CONFIG);
+                }
+                
+                function _loadSkin() {
+                        new html5.skinloader(_model.config.skin, _skinLoaded, _skinError);
+                }
+                
+                function _skinLoaded(skin) {
+                        _skin = skin;
+                        _taskComplete(LOAD_SKIN);
+                }
+                
+                function _skinError(evt) {
+                        _error(evt.message);
+                }
+
+                function _loadPlaylist() {
+                        switch(_utils.typeOf(_model.config.playlist)) {
+                        case "string":
+                                var loader = new html5.playlistloader();
+                                loader.addEventListener(_events.JWPLAYER_PLAYLIST_LOADED, _playlistLoaded);
+                                loader.addEventListener(_events.JWPLAYER_ERROR, _playlistError);
+                                loader.load(_model.config.playlist);
+                                break;
+                        case "array":
+                                _model.playlist = new html5.playlist(_model.config.playlist);
+                                _taskComplete(LOAD_PLAYLIST);
+                        }
+                }
+                
+                function _playlistLoaded(evt) {
+                        _model.playlist = evt.playlist;
+                        _taskComplete(LOAD_PLAYLIST);
+                }
+
+                function _playlistError(evt) {
+                        _error(evt.message);
+                }
+                
+                function _loadPreview() {
+                        var preview = _model.playlist[_model.item].image; 
+                        if (preview) {
+                                var img = new Image();
+                                img.addEventListener('load', _previewLoaded, false);
+                                // If there was an error, continue anyway
+                                img.addEventListener('error', _previewLoaded, false);
+                                img.src = preview; 
+                        }
+                }
+                
+                function _previewLoaded(evt) {
+                        _taskComplete(LOAD_PREVIEW);
+                }
+
+                function _setupComponents() {
+                        _view.setup(_skin);
+                        _taskComplete(SETUP_COMPONENTS);
+                }
+
+                function _initPlugins() {
+                        _taskComplete(INIT_PLUGINS);
+                }
+
+                function _sendReady() {
+                        _eventDispatcher.sendEvent(_events.JWPLAYER_READY);
+                        _taskComplete(SEND_READY);
+                }
+                
+                function _error(message) {
+                        _errorState = true;
+                        _eventDispatcher.sendEvent(_events.JWPLAYER_ERROR, {message: message});         
+                }
+                
+                _utils.extend(this, _eventDispatcher);
+                
+                this.start = _nextTask;
+                
+                _initQueue();
         }
 })(jwplayer.html5);
@@ -1872 +2817 @@
  * @version 6.0
  */
-(function(jwplayerhtml5) {
+(function(html5) {
         var _utils = jwplayer.utils;
         
         /** Constructor **/
-        jwplayerhtml5.skinloader = function(skinPath, completeHandler, errorHandler) {
+        html5.skinloader = function(skinPath, completeHandler, errorHandler) {
                 var _skin = {};
                 var _completeHandler = completeHandler;
@@ -1888 +2833 @@
                 function _load() {
                         if (typeof _skinPath != "string" || _skinPath === "") {
-                                _loadSkin(jwplayerhtml5.defaultskin().xml);
+                                _loadSkin(html5.defaultskin().xml);
                         } else {
                                 _utils.ajax(_utils.getAbsolutePath(_skinPath), function(xmlrequest) {
@@ -1899 +2844 @@
                                                 _clearSkin();
                                         }
-                                        _loadSkin(jwplayer.html5.defaultskin().xml);
+                                        _loadSkin(html5.defaultskin().xml);
                                 }, function(path) {
-                                        _loadSkin(jwplayer.html5.defaultskin().xml);
+                                        _loadSkin(html5.defaultskin().xml);
                                 });
                         }
@@ -2198 +3143 @@
                 function _errorHandler(evt) {
                         _utils.log("Error: %o", _video.error);
-                        _generalHandler(evt);
+                        _setState(_states.IDLE);
                 }
 
@@ -2340 +3285 @@
 
         DOCUMENT = document, 
-        VIEW_CONTAINER_CLASS = "jwcontainer", 
+        VIEW_CONTAINER_CLASS = "jwplayer", 
         VIEW_VIDEO_CONTAINER_CLASS = "jwvideocontainer", 
         VIEW_CONTROLS_CONTAINER_CLASS = "jwcontrolscontainer";
@@ -2351 +3296 @@
                         _videoLayer;
 
-                
-                function _init() {
+                this.setup = function(skin) {
+                        _api.skin = skin;
+                        
                         _container = DOCUMENT.getElementById(_api.id);
                         _container.className = VIEW_CONTAINER_CLASS;
@@ -2375 +3321 @@
                 }
 
+                /** 
+                 * Switch to fullscreen mode.  If a native fullscreen method is available in the browser, use that.  
+                 * Otherwise, use the false fullscreen method using CSS. 
+                 **/
                 var _fullscreen = this.fullscreen = function(state) {
                         if (!_utils.exists(state)) {
@@ -2382 +3332 @@
                         if (state) {
                                 if (!_model.fullscreen) {
+                                        _fakeFullscreen(true);
+                                        
                                         if (_container.requestFullScreen) {
                                                 _container.requestFullScreen();
@@ -2390 +3342 @@
                                         } else if (_container.webkitRequestFullScreen) {
                                                 _container.webkitRequestFullScreen();
-                                        } else {
-                                                _fakeFullscreen(true);
                                         }
                                 }
                                 _model.setFullscreen(true);
                         } else {
+                        _fakeFullscreen(false);
                             if (DOCUMENT.cancelFullScreen) {  
                                 DOCUMENT.cancelFullScreen();  
@@ -2402 +3353 @@
                             } else if (DOCUMENT.webkitCancelFullScreen) {  
                                 DOCUMENT.webkitCancelFullScreen();  
-                            } else {
-                                _fakeFullscreen(false);
                             }
-                                
                                 _model.setFullscreen(false);
                         }
                 }
 
+                /**
+                 * Resize the player
+                 */
+                this.resize = function(width, height) {
+                        // TODO: implement
+                        return;
+                }
+                
+                
+                /**
+                 * Listen for keystrokes.  Currently only ESC is recognized, to switch out of fullscreen mode.
+                 **/
                 function _keyHandler(evt) {
                         switch (evt.keyCode) {
-                        // ESC key
+                        // ESC
                         case 27:
                                 if (_model.fullscreen) {
@@ -2418 +3378 @@
                                 }
                                 break;
-                        }
-                }
-                
+                        // SPACE
+                        case 32:
+                                _api.jwPlay()
+                                break;
+                        }
+                }
+                
+                /**
+                 * False fullscreen mode. This is used for browsers without full support for HTML5 fullscreen.
+                 * This method sets the CSS of the container element to a fixed position with 100% width and height.
+                 */
                 function _fakeFullscreen(state) {
                         if (state) {
@@ -2428 +3396 @@
                         }
                 }
-                
+
+                /**
+                 * Return whether or not we're in native fullscreen
+                 */
+                function _isNativeFullscreen() {
+                        return (DOCUMENT.mozFullScreenElement == _container || 
+                                        DOCUMENT.webkitCurrentFullScreenElement == _container);
+                }
+                
+                /**
+                 * If the browser enters or exits fullscreen mode (without the view's knowing about it) update the model.
+                 **/
                 function _fullscreenChangeHandler(evt) {
-                        _model.setFullscreen(DOCUMENT.mozFullScreenElement == _container || 
-                                        DOCUMENT.webkitCurrentFullScreenElement == _container);
-                }
-
-                _init();
+                        _model.setFullscreen(_isNativeFullscreen());
+                        _fullscreen(_model.fullscreen);
+                }
+
         }
 
-        _utils.appendStylesheet('.' + VIEW_CONTAINER_CLASS+':-webkit-full-screen', {
-                width: "100% !important",
-                height: "100% !important"
-        });
-        _utils.appendStylesheet('.' + VIEW_CONTAINER_CLASS+':-moz-full-screen', {
-                width: "100% !important",
-                height: "100% !important"
-        });
-        _utils.appendStylesheet('.' + VIEW_CONTAINER_CLASS+'.jwfullscreen', {
-                left: 0,
-                right: 0,
-                top: 0,
-                bottom: 0,
-                position: "fixed !important"
-        });
-        
-        
+        /*************************************************************
+         * Player stylesheets - done once on script initialization;  *
+         * These CSS rules are used for all JW Player instances      *
+         *************************************************************/
+
+        // Container styles
+
         _utils.appendStylesheet('.' + VIEW_VIDEO_CONTAINER_CLASS + ' ,.'+ VIEW_CONTROLS_CONTAINER_CLASS, {
                 width : "100%",
@@ -2469 +3437 @@
         });
 
+
+        
+        // Fullscreen styles
+        
+        _utils.appendStylesheet('.' + VIEW_CONTAINER_CLASS+':-webkit-full-screen', {
+                width: "100% !important",
+                height: "100% !important"
+        });
+        
+        _utils.appendStylesheet('.' + VIEW_CONTAINER_CLASS+':-moz-full-screen', {
+                width: "100% !important",
+                height: "100% !important"
+        });
+        
+        _utils.appendStylesheet('.' + VIEW_CONTAINER_CLASS+'.jwfullscreen', {
+                left: 0,
+                right: 0,
+                top: 0,
+                bottom: 0,
+                'z-index': 1000,
+                position: "fixed !important"
+        });
+        
 })(jwplayer.html5);/**
+ * Parsers namespace declaration
+ * 
+ * @author pablo
+ * @version 6.0
+ */
+(function(html5) {
+        html5.parsers = {
+                localName : function(node) {
+                        if (!node) {
+                                return "";
+                        } else if (node.localName) {
+                                return node.localName;
+                        } else if (node.baseName) {
+                                return node.baseName;
+                        } else {
+                                return "";
+                        }
+                },
+                textContent : function(node) {
+                        if (!node) {
+                                return "";
+                        } else if (node.textContent) {
+                                return node.textContent;
+                        } else if (node.text) {
+                                return node.text;
+                        } else {
+                                return "";
+                        }
+                },
+                getChildNode : function(parent, index) {
+                        return parent.childNodes[index];
+                },
+                numChildren : function(parent) {
+                        if (parent.childNodes) {
+                                return parent.childNodes.length;
+                        } else {
+                                return 0;
+                        }
+                }
+
+        };
+})(jwplayer.html5);
+/**
+ * Parse a feed item for JWPlayer content.
+ * 
+ * @author zach
+ * @modified pablo
+ * @version 6.0
+ */
+(function(jwplayer) {
+        var _parsers = jwplayer.html5.parsers;
+        
+        var jwparser = _parsers.jwparser = function() {
+        };
+
+        var PREFIX = 'jwplayer';
+
+        /**
+         * Parse a feed entry for JWPlayer content.
+         * 
+         * @param {XML}
+         *            obj The XML object to parse.
+         * @param {Object}
+         *            itm The playlistentry to amend the object to.
+         * @return {Object} The playlistentry, amended with the JWPlayer info.
+         */
+        jwparser.parseEntry = function(obj, itm) {
+                for ( var i = 0; i < obj.childNodes.length; i++) {
+                        var node = obj.childNodes[i];
+                        if (node.prefix == PREFIX) {
+                                var _localName = _parsers.localName(node);
+                                itm[_localName] = jwplayer.utils.strings.serialize(_parsers.textContent(node));
+                                if (_localName == "file" && itm.levels) {
+                                        // jwplayer namespace file should override existing level
+                                        // (probably set in MediaParser)
+                                        delete itm.levels;
+                                }
+                        }
+                        if (!itm['file']) {
+                                itm['file'] = itm['link'];
+                        }
+                }
+                return itm;
+        }
+})(jwplayer);/**
+ * Parse a MRSS group into a playlistitem (used in RSS and ATOM).
+ *
+ * author zach
+ * modified pablo
+ * version 6.0
+ */
+(function(parsers) {
+        var _strings = jwplayer.utils.strings,
+                _xmlAttribute = _strings.xmlAttribute,
+                _localName = parsers.localName,
+                _textContent = parsers.textContent,
+                _numChildren = parsers.numChildren;
+        
+        
+        var mediaparser = parsers.mediaparser = function() {};
+        
+        /** Prefix for the MRSS namespace. **/
+        var PREFIX = 'media';
+        
+        /**
+         * Parse a feeditem for Yahoo MediaRSS extensions.
+         * The 'content' and 'group' elements can nest other MediaRSS elements.
+         * @param       {XML}           obj             The entire MRSS XML object.
+         * @param       {Object}        itm             The playlistentry to amend the object to.
+         * @return      {Object}                        The playlistentry, amended with the MRSS info.
+         **/
+        mediaparser.parseGroup = function(obj, itm) {
+                for (var i = 0; i < _numChildren(obj); i++) {
+                        var node = obj.childNodes[i];
+                        if (node.prefix == PREFIX) {
+                                if (!_localName(node)){
+                                        continue;
+                                }
+                                switch (_localName(node).toLowerCase()) {
+                                        case 'content':
+                                                itm['file'] = _xmlAttribute(node, 'url');
+                                                if (_xmlAttribute(node, 'duration')) {
+                                                        itm['duration'] = _strings.seconds(_xmlAttribute(node, 'duration'));
+                                                }
+                                                if (_xmlAttribute(node, 'start')) {
+                                                        itm['start'] = _strings.seconds(_xmlAttribute(node, 'start'));
+                                                }
+                                                if (_numChildren(node) > 0) {
+                                                        itm = mediaparser.parseGroup(node, itm);
+                                                }
+                                                if (_xmlAttribute(node, 'width')
+                                                                || _xmlAttribute(node, 'bitrate')
+                                                                || _xmlAttribute(node, 'url')) {
+                                                        if (!itm.levels) {
+                                                                itm.levels = [];
+                                                        }
+                                                        itm.levels.push({
+                                                                width: _xmlAttribute(node, 'width'),
+                                                                bitrate: _xmlAttribute(node, 'bitrate'),
+                                                                file: _xmlAttribute(node, 'url')
+                                                        });
+                                                }
+                                                break;
+                                        case 'title':
+                                                itm['title'] = _textContent(node);
+                                                break;
+                                        case 'description':
+                                                itm['description'] = _textContent(node);
+                                                break;
+                                        case 'keywords':
+                                                itm['tags'] = _textContent(node);
+                                                break;
+                                        case 'thumbnail':
+                                                itm['image'] = _xmlAttribute(node, 'url');
+                                                break;
+                                        case 'credit':
+                                                itm['author'] = _textContent(node);
+                                                break;
+                                        case 'player':
+                                                var url = node.url;
+                                                break;
+                                        case 'group':
+                                                mediaparser.parseGroup(node, itm);
+                                                break;
+                                }
+                        }
+                }
+                return itm;
+        }
+        
+})(jwplayer.html5.parsers);
+/**
+ * Parse an RSS feed and translate it to a playlist.
+ *
+ * @author zach
+ * @modified pablo
+ * @version 6.0
+ */
+(function(parsers) {
+        var _utils = jwplayer.utils,
+                _textContent = parsers.textContent,
+                _getChildNode = parsers.getChildNode,
+                _numChildren = parsers.numChildren,
+                _localName = parsers.localName;
+        
+        parsers.rssparser = {};
+        
+        
+        /**
+         * Parse an RSS playlist for feed items.
+         *
+         * @param {XML} dat
+         * @reuturn {Array} playlistarray
+         */
+        parsers.rssparser.parse = function(dat) {
+                var arr = [];
+                for (var i = 0; i < _numChildren(dat); i++) {
+                        var node = _getChildNode(dat, i),
+                                localName = _localName(node).toLowerCase();
+                        if (localName == 'channel') {
+                                for (var j = 0; j < _numChildren(node); j++) {
+                                        var subNode = _getChildNode(node, j);
+                                        if (_localName(subNode).toLowerCase() == 'item') {
+                                                arr.push(_parseItem(subNode));
+                                        }
+                                }
+                        }
+                }
+                return arr;
+        };
+                
+                
+        /** 
+         * Translate RSS item to playlist item.
+         *
+         * @param {XML} obj
+         * @return {PlaylistItem} PlaylistItem
+         */
+        function _parseItem(obj) {
+                var itm = {};
+                for (var i = 0; i < obj.childNodes.length; i++) {
+                        var node = obj.childNodes[i];
+                        var localName = _localName(node);
+                        if (!localName){
+                                continue;
+                        }
+                        switch (localName.toLowerCase()) {
+                                case 'enclosure':
+                                        itm['file'] = _utils.strings.xmlAttribute(node, 'url');
+                                        break;
+                                case 'title':
+                                        itm['title'] = _textContent(node);
+                                        break;
+                                case 'pubdate':
+                                        itm['date'] = _textContent(node);
+                                        break;
+                                case 'description':
+                                        itm['description'] = _textContent(node);
+                                        break;
+                                case 'link':
+                                        itm['link'] = _textContent(node);
+                                        break;
+                                case 'category':
+                                        if (itm['tags']) {
+                                                itm['tags'] += _textContent(node);
+                                        } else {
+                                                itm['tags'] = _textContent(node);
+                                        }
+                                        break;
+                        }
+                }
+                itm = parsers.mediaparser.parseGroup(obj, itm);
+                itm = parsers.jwparser.parseEntry(obj, itm);
+
+                return new jwplayer.html5.playlistitem(itm);
+        }
+
+
+        
+        
+})(jwplayer.html5.parsers);
+/**
  * JW Player Source Endcap
  * 

branches/jw6/build/build.xml

@@ -14 +14 @@
                         <fileset dir="${basedir}/src/js/html5" includes="jwplayer.html5.js" />
                         <fileset dir="${basedir}/src/js/html5" includes="jwplayer.html5*.js" excludes="jwplayer.html5.js" />
-                        <fileset dir="${basedir}/src/js/html5/utils" includes="jwplayer.html5.utils.js" />
-                        <fileset dir="${basedir}/src/js/html5/utils" includes="jwplayer.html5.utils.*.js" excludes="" />
+                        <fileset dir="${basedir}/src/js/html5/parsers" includes="jwplayer.html5.parsers.js" />
+                        <fileset dir="${basedir}/src/js/html5/parsers" includes="jwplayer.html5.parsers*.js" excludes="jwplayer.html5.parsers.js" />
                         <fileset dir="${basedir}/src/js" includes="jwplayer.sourceend.js" />
                 </concat>

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(c){var b=c.utils=function(){};b.exists=function(h){switch(typeof(h)){case"string":return(h.length>0);break;case"object":return(h!==null);case"undefined":return false}return true};var e;var d={};b.css=function(h,k){if(b.exists(h)){for(var i in k){try{if(typeof k[i]==="undefined"){continue}else{if(typeof k[i]=="number"&&!(i=="zIndex"||i=="opacity")){if(isNaN(k[i])){continue}if(i.match(/color/i)){k[i]="#"+b.strings.pad(k[i].toString(16),6)}else{k[i]=Math.ceil(k[i])+"px"}}}if(k[i]){h.style[i]=k[i]}}catch(j){}}}};b.appendStylesheet=function(h,j){if(!e){e=document.createElement("style");e.type="text/css";document.getElementsByTagName("head")[0].appendChild(e)}if(!d[h]){d[h]={}}for(var i in j){var k=g(i,j[i]);if(b.exists(d[h][i])&&!b.exists(k)){delete d[h][i]}else{d[h][i]=k}}f()};function g(h,i){if(typeof i==="undefined"){return undefined}if(typeof i=="number"){if(isNaN(i)){return undefined}switch(h){case"z-index":case"opacity":return i;break;default:if(h.match(/color/i)){return"#"+b.strings.pad(i.toString(16),6)}else{return Math.ceil(i)+"px"}break}}else{return i}}function f(){if(e){var h="";for(var k in d){var j=d[k];h+=k+"{\n";for(var i in j){h+="  "+i+": "+j[i]+";\n"}h+="}\n"}e.innerHTML=h}}b.clearCss=function(h){for(var i in d){if(i.indexOf(h)>=0){delete d[i]}}f()};b.getAbsolutePath=function(o,n){if(!b.exists(n)){n=document.location.href}if(!b.exists(o)){return undefined}if(a(o)){return o}var p=n.substring(0,n.indexOf("://")+3);var m=n.substring(p.length,n.indexOf("/",p.length+1));var j;if(o.indexOf("/")===0){j=o.split("/")}else{var k=n.split("?")[0];k=k.substring(p.length+m.length+1,k.lastIndexOf("/"));j=k.split("/").concat(o.split("/"))}var h=[];for(var l=0;l<j.length;l++){if(!j[l]||!b.exists(j[l])||j[l]=="."){continue}else{if(j[l]==".."){h.pop()}else{h.push(j[l])}}}return p+m+"/"+h.join("/")};function a(i){if(!b.exists(i)){return}var j=i.indexOf("://");var h=i.indexOf("?");return(j>0&&(h<0||(h>j)))}b.extend=function(){var h=b.extend["arguments"];if(h.length>1){for(var k=1;k<h.length;k++){for(var j in h[k]){h[0][j]=h[k][j]}}return h[0]}return null};b.parseDimension=function(h){if(typeof h=="string"){if(h===""){return 0}else{if(h.lastIndexOf("%")>-1){return h}else{return parseInt(h.replace("px",""),10)}}}return h};b.timeFormat=function(h){if(h>0){str=Math.floor(h/60)<10?"0"+Math.floor(h/60)+":":Math.floor(h/60)+":";str+=Math.floor(h%60)<10?"0"+Math.floor(h%60):Math.floor(h%60);return str}else{return"00:00"}};b.log=function(i,h){if(typeof console!="undefined"&&typeof console.log!="undefined"){if(h){console.log(i,h)}else{console.log(i)}}};b.getBoundingClientRect=function(h){if(typeof h.getBoundingClientRect=="function"){return h.getBoundingClientRect()}else{return{left:h.offsetLeft+document.body.scrollLeft,top:h.offsetTop+document.body.scrollTop,width:h.offsetWidth,height:h.offsetHeight}}};b.userAgentMatch=function(i){var h=navigator.userAgent.toLowerCase();return(h.match(i)!==null)};b.isMobile=function(){return b.userAgentMatch(/(iP(hone|ad|od))|android/i)}})(jwplayer);(function(a){a.ajax=function(f,e,b){var d;if(window.XMLHttpRequest){d=new XMLHttpRequest()}else{d=new ActiveXObject("Microsoft.XMLHTTP")}d.onreadystatechange=function(){if(d.readyState===4){if(d.status===200){if(e){if(!a.exists(d.responseXML)){try{if(window.DOMParser){var g=(new DOMParser()).parseFromString(d.responseText,"text/xml");if(g){d=a.extend({},d,{responseXML:g})}}else{g=new ActiveXObject("Microsoft.XMLDOM");g.async="false";g.loadXML(d.responseText);d=a.extend({},d,{responseXML:g})}}catch(h){if(b){b(f)}}}e(d)}}else{if(b){b(f)}}}};try{d.open("GET",f,true);d.send(null)}catch(c){if(b){b(f)}}return d}})(jwplayer.utils);(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(events){var _utils=jwplayer.utils;events.eventdispatcher=function(id,debug){var _id=id,_debug=debug,_listeners,_globallisteners;this.resetEventListeners=function(){_listeners={};_globallisteners=[]};this.resetEventListeners();this.addEventListener=function(type,listener,count){try{if(!_utils.exists(_listeners[type])){_listeners[type]=[]}if(typeof(listener)=="string"){eval("listener = "+listener)}_listeners[type].push({listener:listener,count:count})}catch(err){_utils.log("error",err)}return false};this.removeEventListener=function(type,listener){if(!_listeners[type]){return}try{for(var listenerIndex=0;listenerIndex<_listeners[type].length;listenerIndex++){if(_listeners[type][listenerIndex].listener.toString()==listener.toString()){_listeners[type].splice(listenerIndex,1);break}}}catch(err){_utils.log("error",err)}return false};this.addGlobalListener=function(listener,count){try{if(typeof(listener)=="string"){eval("listener = "+listener)}_globallisteners.push({listener:listener,count:count})}catch(err){_utils.log("error",err)}return false};this.removeGlobalListener=function(listener){if(!listener){return}try{for(var globalListenerIndex=0;globalListenerIndex<_globallisteners.length;globalListenerIndex++){if(_globallisteners[globalListenerIndex].listener.toString()==listener.toString()){_globallisteners.splice(globalListenerIndex,1);break}}}catch(err){_utils.log("error",err)}return false};this.sendEvent=function(type,data){if(!_utils.exists(data)){data={}}_utils.extend(data,{id:_id,version:jwplayer.version,type:type});if(_debug){_utils.log(type,data)}if(typeof _listeners[type]!="undefined"){for(var listenerIndex=0;listenerIndex<_listeners[type].length;listenerIndex++){try{_listeners[type][listenerIndex].listener(data)}catch(err){_utils.log("There was an error while handling a listener: "+err.toString(),_listeners[type][listenerIndex].listener)}if(_listeners[type][listenerIndex]){if(_listeners[type][listenerIndex].count===1){delete _listeners[type][listenerIndex]}else{if(_listeners[type][listenerIndex].count>0){_listeners[type][listenerIndex].count=_listeners[type][listenerIndex].count-1}}}}}var globalListenerIndex;for(globalListenerIndex=0;globalListenerIndex<_globallisteners.length;globalListenerIndex++){try{_globallisteners[globalListenerIndex].listener(data)}catch(err){_utils.log("There was an error while handling a listener: "+err.toString(),_globallisteners[globalListenerIndex].listener)}if(_globallisteners[globalListenerIndex]){if(_globallisteners[globalListenerIndex].count===1){delete _globallisteners[globalListenerIndex]}else{if(_globallisteners[globalListenerIndex].count>0){_globallisteners[globalListenerIndex].count=_globallisteners[globalListenerIndex].count-1}}}}}}})(jwplayer.events);(function(a){a.html5={}})(jwplayer);(function(l){var t=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",u="right",j="100%",q="width .25s linear, left .25s linear, opacity .25s, background .25s";CB_CLASS=".jwcontrolbar";t.controlbar=function(B,an){var z,Q,A={backgroundcolor:"",margin:10,font:"Arial,sans-serif",fontsize:10,fontcolor:parseInt("000000",16),fontstyle:"normal",fontweight:"bold",buttoncolor:parseInt("ffffff",16),position:"OVER",idlehide:false,hideplaylistcontrols:false,forcenextprev:false,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},y={play:Z,mute:K,fullscreen:W,next:x,prev:ac},C={time:T,volume:az};function ay(){ah={};z=B;an=h.extend({},an);ak=z.id+"_controlbar";aE=0;au=L();au.id=ak;au.className="jwcontrolbar";window.addEventListener("mousemove",aD,false);window.addEventListener("mouseup",aD,false);Q=z.skin;P=h.extend({},A,Q.controlbar.settings,z.settings.controlbar);aw=(Q.controlbar.layout.left||Q.controlbar.layout.right||Q.controlbar.layout.center)?Q.controlbar.layout:A.layout;S();ap();v()}function v(){z.jwAddEventListener(l.events.JWPLAYER_MEDIA_TIME,aF);z.jwAddEventListener(l.events.JWPLAYER_PLAYER_STATE,F);z.jwAddEventListener(l.events.JWPLAYER_MEDIA_MUTE,aA);z.jwAddEventListener(l.events.JWPLAYER_MEDIA_VOLUME,D);z.jwAddEventListener(l.events.JWPLAYER_MEDIA_BUFFER,H);z.jwAddEventListener(l.events.JWPLAYER_FULLSCREEN,E)}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 F(aG){switch(aG.newstate){case l.events.state.PLAYING:case l.events.state.BUFFERING:if(ah.timeSliderThumb){ah.timeSliderThumb.style.opacity=1}if(ah.timeRail){ah.timeRail.className="jwrail jwsmooth"}O("play",true);break;case l.events.state.PAUSED:if(!ae){O("play",false)}break;case l.events.state.IDLE:case l.events.state.COMPLETED:O("play",false);if(ah.timeSliderThumb){ah.timeSliderThumb.style.opacity=0}ax(0);aF({position:0,duration:0});if(ah.timeRail){ah.timeRail.className="jwrail"}break}}function aA(aG){O("mute",aG.mute);w(aG.mute?0:J)}function D(aG){J=aG.volume/100;w(J)}function H(aG){ax(aG.bufferPercent/100)}function E(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);au.style.opacity=0;if(aG){au.appendChild(aG)}if(aI){au.appendChild(aI)}aq();if(aH){au.appendChild(aH)}setTimeout(function(){ad();au.style.opacity=1},1000)}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(y[aG]){y[aG]()}}}function Z(){if(av.play){z.jwPause()}else{z.jwPlay()}}function K(){z.jwSetMute();aA({mute:av.mute})}function az(aG){if(aG<0.1){aG=0}if(aG>0.9){aG=1}z.jwSetVolume(aG*100);w(aG)}function T(aG){if(!ae){z.jwPlay()}z.jwSeek(aG*aE)}function W(){z.jwSetFullscreen()}function x(){z.jwPlaylistNext()}function ac(){z.jwPlaylistNext()}function O(aG,aH){if(!h.exists(aH)){aH=!av[aG]}if(ah[aG]){ah[aG].className="jw"+aG+(aH?" jwtoggle":"")}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(z.jwGetState()!=l.events.state.IDLE){ae=aG}}else{ae=aG}})}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;C[aH](aJ)}else{if(ae=="time"){at(aJ)}else{w(aJ)}var aI=(new Date()).getTime();if(aI-am>500){z.jwPause();am=aI;C[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 w(aG){ag("volume",aG,true)}function at(aG){ag("time",aG)}function Y(aG){if(Q.controlbar.elements[aG]){return Q.controlbar.elements[aG]}else{return{width:0,height:0,src:"",image:undefined,ready:false}}}ay()};function s(){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"})}s()})(jwplayer);(function(a){var e=jwplayer,c=e.utils,d=e.events,b=d.state;a.controller=function(i){var m=i,g=i.getVideo(),h=new d.eventdispatcher(m.id);c.extend(this,h);function l(){m.addGlobalListener(f);m.addEventListener(d.JWPLAYER_MEDIA_BUFFER_FULL,k)}function f(n){h.sendEvent(n.type,n)}function k(n){g.play()}var j;this.load=function(n){if(g.getTag().canPlayType("video/mp4")){j="http://playertest.longtailvideo.com/bunny.mp4"}else{if(g.getTag().canPlayType("video/webm")){j="http://playertest.longtailvideo.com/bunny.webm"}else{j="http://playertest.longtailvideo.com/bunny.ogv"}}if(c.isMobile()){g.load(j)}};this.play=function(){if(m.state==b.IDLE){g.load(j)}else{if(m.state==b.PAUSED){g.play()}}};this.stop=function(){g.stop()};this.pause=function(){if(m.state==b.PLAYING||m.state==b.BUFFERING){g.pause()}};this.seek=function(n){g.seek(n)};this.volume=function(n){g.volume(n)};this.mute=function(n){if(!c.exists(n)){n=!m.mute}g.mute(n)};this.prev=function(){};this.next=function(){};this.item=function(n){};l()}})(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(a){var b=jwplayer.utils;a.model=function(d){var i=this,c,e;b.extend(i,new jwplayer.events.eventdispatcher());function g(j){return j}function f(){b.extend(i,{id:d.id,settings:g(d),volume:0,state:jwplayer.events.state.IDLE,mute:false});e=document.createElement("video");c=new a.video(e);c.addGlobalListener(h)}function h(j){switch(j.type){case jwplayer.events.JWPLAYER_MEDIA_MUTE:if(i.mute==j.mute){return}i.mute=j.mute;break;case jwplayer.events.JWPLAYER_MEDIA_VOLUME:if(i.volume==j.volume){return}i.volume=j.volume;break;case jwplayer.events.JWPLAYER_PLAYER_STATE:if(i.state==j.newstate){return}i.state=j.newstate}i.sendEvent(j.type,j)}this.getVideo=function(){return c};this.setFullscreen=function(j){if(j!=i.fullscreen){i.fullscreen=j;i.sendEvent(jwplayer.events.JWPLAYER_FULLSCREEN,{fullscreen:j})}};f()}})(jwplayer.html5);(function(a){a.player=function(b){var f,g,e,c=this;function d(){f=new a.model(b);c.id=f.id;c.settings=f.settings;e=new a.controller(f);e.load();(new a.skinloader(b.skin,function(h){c.skin=h;g=new a.view(c,f)},function(h){_utils.log(h)}))}this.jwPlay=function(){e.play()};this.jwPause=function(){e.pause()};this.jwStop=function(){e.stop()};this.jwSeek=function(h){e.seek(h)};this.jwSetVolume=function(h){e.volume(h)};this.jwSetMute=function(h){e.mute(h)};this.jwLoad=function(h){e.load(h)};this.jwPlaylistNext=function(){e.next()};this.jwPlaylistPrev=function(){e.prev()};this.jwPlaylistItem=function(h){e.item(h)};this.jwSetFullscreen=function(h){g.fullscreen(h)};this.jwGetState=function(){return f.state};this.jwGetVolume=function(){return f.volume};this.jwGetMute=function(){return f.mute};this.jwGetFullscreen=function(){return f.fullscreen};this.jwAddEventListener=function(i,h){e.addEventListener(i,h)};this.jwRemoveEventListener=function(i,h){e.removeEventListener(i,h)};d()}})(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(jwplayer.html5.defaultskin().xml)},function(t){e(jwplayer.html5.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);t(L)}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(a){var g=jwplayer,e=g.utils,d=document,c="jwcontainer",b="jwvideocontainer",f="jwcontrolscontainer";a.view=function(l,k){var p=l,m=k,s={},j,h;function n(){j=d.getElementById(p.id);j.className=c;h=d.createElement("span");h.className=b;h.appendChild(m.getVideo().getTag());_controlsLayer=d.createElement("span");_controlsLayer.className=f;if(!e.isMobile()){s.controlbar=new a.controlbar(p);_controlsLayer.appendChild(s.controlbar.getDisplayElement())}j.appendChild(h);j.appendChild(_controlsLayer);d.addEventListener("webkitfullscreenchange",r,false);d.addEventListener("mozfullscreenchange",r,false);d.addEventListener("keydown",o,false)}var q=this.fullscreen=function(t){if(!e.exists(t)){t=!m.fullscreen}if(t){if(!m.fullscreen){if(j.requestFullScreen){j.requestFullScreen()}else{if(j.mozRequestFullScreen){j.mozRequestFullScreen()}else{if(j.webkitRequestFullScreenWithKeys){j.webkitRequestFullScreenWithKeys()}else{if(j.webkitRequestFullScreen){j.webkitRequestFullScreen()}else{i(true)}}}}}m.setFullscreen(true)}else{if(d.cancelFullScreen){d.cancelFullScreen()}else{if(d.mozCancelFullScreen){d.mozCancelFullScreen()}else{if(d.webkitCancelFullScreen){d.webkitCancelFullScreen()}else{i(false)}}}m.setFullscreen(false)}};function o(t){switch(t.keyCode){case 27:if(m.fullscreen){q(false)}break}}function i(t){if(t){j.className+=" jwfullscreen"}else{j.className=j.className.replace(/\s+jwfullscreen/,"")}}function r(t){m.setFullscreen(d.mozFullScreenElement==j||d.webkitCurrentFullScreenElement==j)}n()};e.appendStylesheet("."+c+":-webkit-full-screen",{width:"100% !important",height:"100% !important"});e.appendStylesheet("."+c+":-moz-full-screen",{width:"100% !important",height:"100% !important"});e.appendStylesheet("."+c+".jwfullscreen",{left:0,right:0,top:0,bottom:0,position:"fixed !important"});e.appendStylesheet("."+b+" ,."+f,{width:"100%",height:"100%",display:"inline-block",position:"absolute"});e.appendStylesheet("."+b+" video",{width:"100%",height:"100%",background:"#000",opacity:0,"-webkit-transition":"opacity .15s ease"})})(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(c){var g=document;var b=c.utils=function(){};b.exists=function(i){switch(typeof(i)){case"string":return(i.length>0);break;case"object":return(i!==null);case"undefined":return false}return true};var e;var d={};b.css=function(i,l){if(b.exists(i)){for(var j in l){try{if(typeof l[j]==="undefined"){continue}else{if(typeof l[j]=="number"&&!(j=="zIndex"||j=="opacity")){if(isNaN(l[j])){continue}if(j.match(/color/i)){l[j]="#"+b.strings.pad(l[j].toString(16),6)}else{l[j]=Math.ceil(l[j])+"px"}}}if(l[j]){i.style[j]=l[j]}}catch(k){}}}};b.appendStylesheet=function(i,k){if(!e){e=g.createElement("style");e.type="text/css";g.getElementsByTagName("head")[0].appendChild(e)}if(!d[i]){d[i]={}}for(var j in k){var l=h(j,k[j]);if(b.exists(d[i][j])&&!b.exists(l)){delete d[i][j]}else{d[i][j]=l}}f()};function h(i,j){if(typeof j==="undefined"){return undefined}if(typeof j=="number"){if(isNaN(j)){return undefined}switch(i){case"z-index":case"opacity":return j;break;default:if(i.match(/color/i)){return"#"+b.strings.pad(j.toString(16),6)}else{return Math.ceil(j)+"px"}break}}else{return j}}function f(){if(e){var i="";for(var l in d){var k=d[l];i+=l+"{\n";for(var j in k){i+="  "+j+": "+k[j]+";\n"}i+="}\n"}e.innerHTML=i}}b.clearCss=function(i){for(var j in d){if(j.indexOf(i)>=0){delete d[j]}}f()};b.getAbsolutePath=function(p,o){if(!b.exists(o)){o=g.location.href}if(!b.exists(p)){return undefined}if(a(p)){return p}var q=o.substring(0,o.indexOf("://")+3);var n=o.substring(q.length,o.indexOf("/",q.length+1));var k;if(p.indexOf("/")===0){k=p.split("/")}else{var l=o.split("?")[0];l=l.substring(q.length+n.length+1,l.lastIndexOf("/"));k=l.split("/").concat(p.split("/"))}var j=[];for(var m=0;m<k.length;m++){if(!k[m]||!b.exists(k[m])||k[m]=="."){continue}else{if(k[m]==".."){j.pop()}else{j.push(k[m])}}}return q+n+"/"+j.join("/")};function a(j){if(!b.exists(j)){return}var k=j.indexOf("://");var i=j.indexOf("?");return(k>0&&(i<0||(i>k)))}b.extend=function(){var j=b.extend["arguments"];if(j.length>1){for(var l=1;l<j.length;l++){for(var k in j[l]){j[0][k]=j[l][k]}}return j[0]}return null};b.parseDimension=function(i){if(typeof i=="string"){if(i===""){return 0}else{if(i.lastIndexOf("%")>-1){return i}else{return parseInt(i.replace("px",""),10)}}}return i};b.timeFormat=function(i){if(i>0){str=Math.floor(i/60)<10?"0"+Math.floor(i/60)+":":Math.floor(i/60)+":";str+=Math.floor(i%60)<10?"0"+Math.floor(i%60):Math.floor(i%60);return str}else{return"00:00"}};b.log=function(j,i){if(typeof console!="undefined"&&typeof console.log!="undefined"){if(i){console.log(j,i)}else{console.log(j)}}};b.getBoundingClientRect=function(i){if(typeof i.getBoundingClientRect=="function"){return i.getBoundingClientRect()}else{return{left:i.offsetLeft+g.body.scrollLeft,top:i.offsetTop+g.body.scrollTop,width:i.offsetWidth,height:i.offsetHeight}}};b.userAgentMatch=function(j){var i=navigator.userAgent.toLowerCase();return(i.match(j)!==null)};b.isMobile=function(){return b.userAgentMatch(/(iP(hone|ad|od))|android/i)};b.saveCookie=function(i,j){g.cookie="jwplayer."+i+"="+j+"; path=/"};b.getCookies=function(){var m={};var l=g.cookie.split("; ");for(var k=0;k<l.length;k++){var j=l[k].split("=");if(j[0].indexOf("jwplayer.")==0){m[j[0].substring(9,j[0].length)]=j[1]}}return m};b.ajax=function(m,l,i){var k;if(b.exists(window.XDomainRequest)){k=new XDomainRequest()}else{if(window.XMLHttpRequest){k=new XMLHttpRequest()}else{i()}}k.onreadystatechange=function(){if(k.readyState===4){if(k.status===200){if(l){if(!c.utils.exists(k.responseXML)){try{if(window.DOMParser){var n=(new DOMParser()).parseFromString(k.responseText,"text/xml");if(n){k=c.utils.extend({},k,{responseXML:n})}}else{n=new ActiveXObject("Microsoft.XMLDOM");n.async="false";n.loadXML(k.responseText);k=c.utils.extend({},k,{responseXML:n})}}catch(o){if(i){i(m)}}}l(k)}}else{if(i){i(m)}}}};try{k.open("GET",m,true);k.send(null)}catch(j){if(i){i(m)}}return k};b.typeOf=function(j){var i=typeof j;if(i==="object"){if(!j){return"null"}return(j instanceof Array)?"array":i}else{return i}}})(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(events){var _utils=jwplayer.utils;events.eventdispatcher=function(id,debug){var _id=id,_debug=debug,_listeners,_globallisteners;this.resetEventListeners=function(){_listeners={};_globallisteners=[]};this.resetEventListeners();this.addEventListener=function(type,listener,count){try{if(!_utils.exists(_listeners[type])){_listeners[type]=[]}if(typeof(listener)=="string"){eval("listener = "+listener)}_listeners[type].push({listener:listener,count:count})}catch(err){_utils.log("error",err)}return false};this.removeEventListener=function(type,listener){if(!_listeners[type]){return}try{for(var listenerIndex=0;listenerIndex<_listeners[type].length;listenerIndex++){if(_listeners[type][listenerIndex].listener.toString()==listener.toString()){_listeners[type].splice(listenerIndex,1);break}}}catch(err){_utils.log("error",err)}return false};this.addGlobalListener=function(listener,count){try{if(typeof(listener)=="string"){eval("listener = "+listener)}_globallisteners.push({listener:listener,count:count})}catch(err){_utils.log("error",err)}return false};this.removeGlobalListener=function(listener){if(!listener){return}try{for(var globalListenerIndex=0;globalListenerIndex<_globallisteners.length;globalListenerIndex++){if(_globallisteners[globalListenerIndex].listener.toString()==listener.toString()){_globallisteners.splice(globalListenerIndex,1);break}}}catch(err){_utils.log("error",err)}return false};this.sendEvent=function(type,data){if(!_utils.exists(data)){data={}}_utils.extend(data,{id:_id,version:jwplayer.version,type:type});if(_debug){_utils.log(type,data)}if(typeof _listeners[type]!="undefined"){for(var listenerIndex=0;listenerIndex<_listeners[type].length;listenerIndex++){try{_listeners[type][listenerIndex].listener(data)}catch(err){_utils.log("There was an error while handling a listener: "+err.toString(),_listeners[type][listenerIndex].listener)}if(_listeners[type][listenerIndex]){if(_listeners[type][listenerIndex].count===1){delete _listeners[type][listenerIndex]}else{if(_listeners[type][listenerIndex].count>0){_listeners[type][listenerIndex].count=_listeners[type][listenerIndex].count-1}}}}}var globalListenerIndex;for(globalListenerIndex=0;globalListenerIndex<_globallisteners.length;globalListenerIndex++){try{_globallisteners[globalListenerIndex].listener(data)}catch(err){_utils.log("There was an error while handling a listener: "+err.toString(),_globallisteners[globalListenerIndex].listener)}if(_globallisteners[globalListenerIndex]){if(_globallisteners[globalListenerIndex].count===1){delete _globallisteners[globalListenerIndex]}else{if(_globallisteners[globalListenerIndex].count>0){_globallisteners[globalListenerIndex].count=_globallisteners[globalListenerIndex].count-1}}}}}}})(jwplayer.events);(function(a){a.html5={}})(jwplayer);(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";s.controlbar=function(A,am){var y,P,z={backgroundcolor:"",margin:10,font:"Arial,sans-serif",fontsize:10,fontcolor:parseInt("000000",16),fontstyle:"normal",fontweight:"bold",buttoncolor:parseInt("ffffff",16),position:"OVER",idlehide:false,hideplaylistcontrols:false,forcenextprev:false,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}]}}},O,av,ag,at,aj,aD,I,T={play:"pause",mute:"unmute",fullscreen:"normalscreen"},au={play:false,mute:false,fullscreen:false},x={play:Y,mute:J,fullscreen:V,next:w,prev:ab},B={time:S,volume:ay};function ax(){ag={};y=A;aj=y.id+"_controlbar";aD=0;at=K();at.id=aj;at.className="jwcontrolbar";window.addEventListener("mousemove",aC,false);window.addEventListener("mouseup",aC,false);P=y.skin;O=h.extend({},z,P.controlbar.settings,am);av=(P.controlbar.layout.left||P.controlbar.layout.right||P.controlbar.layout.center)?P.controlbar.layout:z.layout;R();ao();u()}function u(){y.jwAddEventListener(l.events.JWPLAYER_MEDIA_TIME,aE);y.jwAddEventListener(l.events.JWPLAYER_PLAYER_STATE,E);y.jwAddEventListener(l.events.JWPLAYER_MEDIA_MUTE,az);y.jwAddEventListener(l.events.JWPLAYER_MEDIA_VOLUME,C);y.jwAddEventListener(l.events.JWPLAYER_MEDIA_BUFFER,G);y.jwAddEventListener(l.events.JWPLAYER_FULLSCREEN,D)}function aE(aF){aD=aF.duration;if(ag.elapsed){ag.elapsed.innerHTML=h.timeFormat(aF.position)}if(ag.duration){ag.duration.innerHTML=h.timeFormat(aF.duration)}if(aF.duration>0){ar(aF.position/aF.duration)}else{ar(0)}}function E(aF){switch(aF.newstate){case l.events.state.BUFFERING:case l.events.state.PLAYING:if(ag.timeSliderThumb){ag.timeSliderThumb.style.opacity=1}N("play",true);break;case l.events.state.PAUSED:if(!ad){N("play",false)}break;case l.events.state.IDLE:case l.events.state.COMPLETED:N("play",false);if(ag.timeSliderThumb){ag.timeSliderThumb.style.opacity=0}if(ag.timeRail){ag.timeRail.className="jwrail";setTimeout(function(){ag.timeRail.className+=" jwsmooth"},100)}aw(0);aE({position:0,duration:0});break}}function az(aF){N("mute",aF.mute);v(aF.mute?0:I)}function C(aF){I=aF.volume/100;v(I)}function G(aF){aw(aF.bufferPercent/100)}function D(aF){N("fullscreen",aF.fullscreen)}function R(){h.clearCss("#"+aj);g("#"+aj,{height:X("background").height,bottom:O.position=="OVER"?O.margin:0,left:O.position=="OVER"?O.margin:0,right:O.position=="OVER"?O.margin:0});g(an(".jwtext"),{font:O.fontsize+"px/"+X("background").height+"px "+O.font,color:O.fontcolor,"font-weight":O.fontweight,"font-style":O.fontstyle,"text-align":"center",padding:"0 5px"})}function an(aF){return"#"+aj+" "+aF}function K(){return document.createElement("span")}function ao(){var aH=ah("capLeft");var aG=ah("capRight");var aF=ah("background",{position:f,left:X("capLeft").width,right:X("capRight").width,"background-repeat":"repeat-x"},true);at.style.opacity=0;if(aF){at.appendChild(aF)}if(aH){at.appendChild(aH)}ap();if(aG){at.appendChild(aG)}setTimeout(function(){ac();at.style.opacity=1},1000)}function L(aF){switch(aF.type){case d:return aa(aF);break;case n:return ai(aF.name);break;case b:if(aF.name!="blank"){return Z(aF.name)}break;case p:return M(aF.name);break}}function ah(aH,aK,aG,aM){var aJ=K();aJ.className="jw"+aH;var aF=aM?" left center":" center";var aI=X(aH);aJ.innerHTML="&nbsp;";if(!aI||aI.src==""){return}var aL;if(aG){aL={background:"url('"+aI.src+"') repeat-x "+aF}}else{aL={background:"url('"+aI.src+"') no-repeat"+aF,width:aI.width}}g(an(".jw"+aH),h.extend(aL,aK));ag[aH]=aJ;return aJ}function Z(aH){if(!X(aH+"Button").src){return null}var aI=document.createElement("button");aI.className="jw"+aH;aI.addEventListener("click",ae(aH),false);var aJ=X(aH+"Button");var aG=X(aH+"ButtonOver");aI.innerHTML="&nbsp;";Q(an(".jw"+aH),aJ,aG);var aF=T[aH];if(aF){Q(an(".jw"+aH+".jwtoggle"),X(aF+"Button"),X(aF+"ButtonOver"))}ag[aH]=aI;return aI}function Q(aF,aG,aH){if(!aG.src){return}g(aF,{width:aG.width,background:"url("+aG.src+") center no-repeat"});if(aH.src){g(aF+":hover",{background:"url("+aH.src+") center no-repeat"})}}function ae(aF){return function(){if(x[aF]){x[aF]()}}}function Y(){if(au.play){y.jwPause()}else{y.jwPlay()}}function J(){y.jwSetMute();az({mute:au.mute})}function ay(aF){if(aF<0.1){aF=0}if(aF>0.9){aF=1}y.jwSetVolume(aF*100);v(aF)}function S(aF){if(!ad){y.jwPlay()}y.jwSeek(aF*aD)}function V(){y.jwSetFullscreen()}function w(){y.jwPlaylistNext()}function ab(){y.jwPlaylistNext()}function N(aF,aG){if(!h.exists(aG)){aG=!au[aF]}if(ag[aF]){ag[aF].className="jw"+aF+(aG?" jwtoggle jwtoggling":" jwtoggling");setTimeout(function(){ag[aF].className=ag[aF].className.replace(" jwtoggling","")},100)}au[aF]=aG}function H(aF){return aj+"_"+aF}function ai(aF,aJ){var aH=K();aH.id=H(aF);aH.className="jwtext jw"+aF;var aG={};var aI=X(aF+"Background");if(aI.src){aG.background="url("+aI.src+") no-repeat center";aG["background-size"]="100% "+X("background").height+"px"}g(an(".jw"+aF),aG);aH.innerHTML="00:00";ag[aF]=aH;return aH}function aa(aG){if(aG.width){var aF=K();aF.className="jwblankDivider";g(aF,{width:parseInt(aG.width)});return aF}else{if(aG.element){return ah(aG.element)}else{return ah(aG.name)}}}function M(aF){var aI=K();aI.className="jwslider jw"+aF;var aH=ah(aF+"SliderCapLeft");var aG=ah(aF+"SliderCapRight");if(aG){aG.className+=" jwcapRight"}var aJ=ak(aF);if(aH){aI.appendChild(aH)}aI.appendChild(aJ);if(aH){aI.appendChild(aG)}g(an(".jw"+aF+" .jwrail"),{left:X(aF+"SliderCapLeft").width,right:X(aF+"SliderCapRight").width,});ag[aF]=aI;if(aF=="time"){aB(aI);ar(0);aw(0)}else{if(aF=="volume"){aq(aI)}}return aI}function ak(aH){var aK=K();aK.className="jwrail jwsmooth";var aF=["Rail","Buffer","Progress"];for(var aJ=0;aJ<aF.length;aJ++){var aI=ah(aH+"Slider"+aF[aJ],null,true,(aH=="volume"));if(aI){aI.className+=" jwstretch";aK.appendChild(aI)}}var aG=ah(aH+"SliderThumb");if(aG){aG.className+=" jwthumb";aG.style.opacity=0;aK.appendChild(aG)}aK.addEventListener("mousedown",F(aH),false);ag[aH+"Rail"]=aK;return aK}var ad;function F(aF){return(function(aG){if(aG.button!=0){return}ag[aF+"Rail"].className="jwrail";if(aF=="time"){if(y.jwGetState()!=l.events.state.IDLE){ad=aF}}else{ad=aF}})}var al=0;function aC(aF){if(!ad||aF.button!=0){return}var aJ=ag[ad].getElementsByClassName("jwrail")[0],aK=h.getBoundingClientRect(aJ),aI=(aF.clientX-aK.left)/aK.width;if(aF.type=="mouseup"){var aG=ad;ag[aG+"Rail"].className="jwrail jwsmooth";ad=null;B[aG](aI)}else{if(ad=="time"){ar(aI)}else{v(aI)}var aH=(new Date()).getTime();if(aH-al>500){y.jwPause();al=aH;B[ad](aI)}}}function aB(aF){if(ag.timeSliderThumb){g(an(".jwtimeSliderThumb"),{"margin-left":(X("timeSliderThumb").width/-2)})}aw(0);ar(0)}function aq(aH){var aG=X("volumeSliderCapLeft").width,aF=X("volumeSliderCapRight").width,aI=X("volumeSliderRail").width;g(an(".jwvolume"),{width:(aG+aI+aF)})}var U={};function ap(){aA("left");aA("center");aA("right");at.appendChild(U.left);at.appendChild(U.center);at.appendChild(U.right);g(an(".jwright"),{right:X("capRight").width})}function aA(aG){var aF=K();aF.className="jwgroup jw"+aG;U[aG]=aF;if(av[aG]){W(av[aG],U[aG])}}function W(aI,aF){if(aI&&aI.elements.length>0){for(var aH=0;aH<aI.elements.length;aH++){var aG=L(aI.elements[aH]);if(aG){aF.appendChild(aG)}}}}var ac=this.resize=function(aG,aF){g(an(".jwgroup.jwcenter"),{left:Math.round(h.parseDimension(U.left.offsetWidth)+X("capLeft").width),right:Math.round(h.parseDimension(U.right.offsetWidth)+X("capRight").width)})};this.getDisplayElement=function(){return at};function aw(aF){aF=Math.min(Math.max(0,aF),1);ag.timeSliderBuffer.style.width=aF*100+"%"}function af(aH,aJ,aK){if(!ag[aH]){return}aJ=Math.min(Math.max(0,aJ),1);var aG=ag[aH+"SliderProgress"];var aF=ag[aH+"SliderThumb"];var aI=100*aJ+"%";if(aG){aG.style.width=aI}if(aF){aF.style.left=aI}}function v(aF){af("volume",aF,true)}function ar(aF){af("time",aF)}function X(aF){if(P.controlbar.elements[aF]){return P.controlbar.elements[aF]}else{return{width:0,height:0,src:"",image:undefined,ready:false}}}ax()};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(b){var e=jwplayer.utils,c=e.css,f=jwplayer.events,d=f.state;function a(h){c(h,{display:"none"})}function g(h){c(h,{display:"block"})}b.display=function(p,P){var o={icons:true,showmute:false};var ac=e.extend({},o,P);var n=p;var ab={};var k;var B;var E;var Y;var z;var R;var J;var S=!e.exists(n.skin.getComponentSettings("display").bufferrotation)?15:parseInt(n.skin.getComponentSettings("display").bufferrotation,10);var x=!e.exists(n.skin.getComponentSettings("display").bufferinterval)?100:parseInt(n.skin.getComponentSettings("display").bufferinterval,10);var I=-1;var A=d.IDLE;var T=true;var j;var H=false,aa=true;var u="";var m=false;var t=false;var r;var D,W;var Q=new f.eventdispatcher();e.extend(this,Q);var M={display:{style:{cursor:"pointer",top:0,left:0,overflow:"hidden"},click:s},display_icon:{style:{cursor:"pointer",position:"absolute",top:((n.skin.getSkinElement("display","background").height-n.skin.getSkinElement("display","playIcon").height)/2),left:((n.skin.getSkinElement("display","background").width-n.skin.getSkinElement("display","playIcon").width)/2),border:0,margin:0,padding:0,zIndex:3,display:"none"}},display_iconBackground:{style:{cursor:"pointer",position:"absolute",top:((B-n.skin.getSkinElement("display","background").height)/2),left:((k-n.skin.getSkinElement("display","background").width)/2),border:0,backgroundImage:(["url(",n.skin.getSkinElement("display","background").src,")"]).join(""),width:n.skin.getSkinElement("display","background").width,height:n.skin.getSkinElement("display","background").height,margin:0,padding:0,zIndex:2,display:"none"}},display_image:{style:{display:"none",width:k,height:B,position:"absolute",cursor:"pointer",left:0,top:0,margin:0,padding:0,textDecoration:"none",zIndex:1}},display_text:{style:{zIndex:4,position:"relative",opacity:0.8,backgroundColor:parseInt("000000",16),color:parseInt("ffffff",16),textAlign:"center",fontFamily:"Arial,sans-serif",padding:"0 5px",fontSize:14}}};n.jwAddEventListener(f.JWPLAYER_PLAYER_STATE,v);n.jwAddEventListener(f.JWPLAYER_MEDIA_MUTE,v);n.jwAddEventListener(f.JWPLAYER_PLAYLIST_LOADED,U);n.jwAddEventListener(f.JWPLAYER_PLAYLIST_ITEM,v);n.jwAddEventListener(f.JWPLAYER_ERROR,w);V();function V(){ab.display=L("div","display");ab.display_text=L("div","display_text");ab.display.appendChild(ab.display_text);ab.display_image=L("img","display_image");ab.display_image.onerror=function(ad){a(ab.display_image)};ab.display_image.onload=G;ab.display_icon=L("div","display_icon");ab.display_iconBackground=L("div","display_iconBackground");ab.display.appendChild(ab.display_image);ab.display_iconBackground.appendChild(ab.display_icon);ab.display.appendChild(ab.display_iconBackground);l();setTimeout((function(){t=true;if(ac.icons.toString()=="true"){O()}}),1)}this.getDisplayElement=function(){return ab.display};this.resize=function(ae,ad){if(n.jwGetFullscreen()&&e.isMobile()){return}c(ab.display,{width:ae,height:ad});c(ab.display_text,{width:(ae-10),top:((ad-e.getBoundingClientRect(ab.display_text).height)/2)});c(ab.display_iconBackground,{top:((ad-n.skin.getSkinElement("display","background").height)/2),left:((ae-n.skin.getSkinElement("display","background").width)/2)});if(k!=ae||B!=ad){k=ae;B=ad;j=undefined;O()}if(!n.jwGetFullscreen()){D=ae;W=ad}i();v({})};this.show=function(){if(m){m=false;y(n.jwGetState())}};this.hide=function(){if(!m){K();m=true}};function G(ad){E=ab.display_image.naturalWidth;Y=ab.display_image.naturalHeight;i();if(n.jwGetState()==d.IDLE){c(ab.display_image,{display:"block",opacity:0});e.fadeTo(ab.display_image,1,0.1)}H=false}function i(){if(n.jwGetFullscreen()&&n.jwGetStretching()==e.stretching.EXACTFIT){var ad=document.createElement("div");e.stretch(e.stretching.UNIFORM,ad,k,B,D,W);e.stretch(e.stretching.EXACTFIT,ab.display_image,e.parseDimension(ad.style.width),e.parseDimension(ad.style.height),E,Y);c(ab.display_image,{left:ad.style.left,top:ad.style.top})}else{e.stretch(n.jwGetStretching(),ab.display_image,k,B,E,Y)}}function L(ad,af){var ae=document.createElement(ad);ae.id=n.id+"_jwplayer_"+af;c(ae,M[af].style);return ae}function l(){for(var ad in ab){if(e.exists(M[ad].click)){ab[ad].onclick=M[ad].click}}}function s(ad){if(typeof ad.preventDefault!="undefined"){ad.preventDefault()}else{ad.returnValue=false}if(typeof r=="function"){r(ad);return}else{if(n.jwGetState()!=d.PLAYING){n.jwPlay()}else{n.jwPause()}}}function Z(ad){if(J){K();return}ab.display_icon.style.backgroundImage=(["url(",n.skin.getSkinElement("display",ad).src,")"]).join("");c(ab.display_icon,{width:n.skin.getSkinElement("display",ad).width,height:n.skin.getSkinElement("display",ad).height,top:(n.skin.getSkinElement("display","background").height-n.skin.getSkinElement("display",ad).height)/2,left:(n.skin.getSkinElement("display","background").width-n.skin.getSkinElement("display",ad).width)/2});h();if(e.exists(n.skin.getSkinElement("display",ad+"Over"))){ab.display_icon.onmouseover=function(ae){ab.display_icon.style.backgroundImage=["url(",n.skin.getSkinElement("display",ad+"Over").src,")"].join("")};ab.display_icon.onmouseout=function(ae){ab.display_icon.style.backgroundImage=["url(",n.skin.getSkinElement("display",ad).src,")"].join("")}}else{ab.display_icon.onmouseover=null;ab.display_icon.onmouseout=null}}function K(){if(ac.icons.toString()=="true"){a(ab.display_icon);a(ab.display_iconBackground);X()}}function h(){if(!m&&ac.icons.toString()=="true"){g(ab.display_icon);g(ab.display_iconBackground);O()}}function w(ad){J=true;K();ab.display_text.innerHTML=ad.message;g(ab.display_text);ab.display_text.style.top=((B-e.getBoundingClientRect(ab.display_text).height)/2)+"px"}function N(){aa=false;ab.display_image.style.display="none"}function U(){A=""}function v(ad){if((ad.type==f.JWPLAYER_PLAYER_STATE||ad.type==f.JWPLAYER_PLAYLIST_ITEM)&&J){J=false;a(ab.display_text)}var ae=n.jwGetState();if(ae==A){return}A=ae;if(I>=0){clearTimeout(I)}if(T||n.jwGetState()==d.PLAYING||n.jwGetState()==d.PAUSED){y(n.jwGetState())}else{I=setTimeout(q(n.jwGetState()),500)}}function q(ad){return(function(){y(ad)})}function y(ad){if(e.exists(R)){clearInterval(R);R=null;e.animations.rotate(ab.display_icon,0)}switch(ad){case d.BUFFERING:if(e.isIPod()){N();K()}else{if(n.jwGetPlaylist()[n.jwGetPlaylistIndex()].provider=="sound"){C()}z=0;R=setInterval(function(){z+=S;e.animations.rotate(ab.display_icon,z%360)},x);Z("bufferIcon");T=true}break;case d.PAUSED:if(!e.isIPod()){if(n.jwGetPlaylist()[n.jwGetPlaylistIndex()].provider!="sound"){c(ab.display_image,{background:"transparent no-repeat center center"})}Z("playIcon");T=true}break;case d.IDLE:if(n.jwGetPlaylist()[n.jwGetPlaylistIndex()]&&n.jwGetPlaylist()[n.jwGetPlaylistIndex()].image){C()}else{N()}Z("playIcon");T=true;break;default:if(n.jwGetPlaylist()[n.jwGetPlaylistIndex()]&&n.jwGetPlaylist()[n.jwGetPlaylistIndex()].provider=="sound"){if(e.isIPod()){N();T=false}else{C()}}else{N();T=false}if(n.jwGetMute()&&ac.showmute){Z("muteIcon")}else{K()}break}I=-1}function C(){if(n.jwGetPlaylist()[n.jwGetPlaylistIndex()]){var ad=n.jwGetPlaylist()[n.jwGetPlaylistIndex()].image;if(ad){if(ad!=u){u=ad;H=true;ab.display_image.src=e.getAbsolutePath(ad)}else{if(!(H||aa)){aa=true;ab.display_image.style.opacity=0;ab.display_image.style.display="block";e.fadeTo(ab.display_image,1,0.1)}}}}}function F(ad){return function(){if(!t){return}if(!m&&j!=ad){j=ad;Q.sendEvent(ad,{component:"display",boundingRect:e.getDimensions(ab.display_iconBackground)})}}}var O=F(f.JWPLAYER_COMPONENT_SHOW);var X=F(f.JWPLAYER_COMPONENT_HIDE);this.setAlternateClickHandler=function(ad){r=ad};this.revertAlternateClickHandler=function(){r=undefined};return this}})(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:undefined,skin:undefined,volume:90,mute:false,autostart:false,debug:undefined};function i(n){return n}function k(){b.extend(j,new c.eventdispatcher());b.extend(j,{id:d.id,state:c.state.IDLE,position:0,buffer:0,playlist:[],config:b.extend({},h,m,i(d))});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.load()}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;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 h=a.parsers.rssparser.parse(i.responseXML.firstChild);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);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(!O.depends||s[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 m(O){s[O]=true}function n(){m(i)}function N(){new f.skinloader(J.config.skin,z,L)}function z(O){y=O;m(d)}function L(O){v(O.message)}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(a){var g=jwplayer,e=g.utils,d=document,c="jwplayer",b="jwvideocontainer",f="jwcontrolscontainer";a.view=function(m,l){var p=m,n=l,s={},k,h;this.setup=function(t){p.skin=t;k=d.getElementById(p.id);k.className=c;h=d.createElement("span");h.className=b;h.appendChild(n.getVideo().getTag());_controlsLayer=d.createElement("span");_controlsLayer.className=f;if(!e.isMobile()){s.controlbar=new a.controlbar(p);_controlsLayer.appendChild(s.controlbar.getDisplayElement())}k.appendChild(h);k.appendChild(_controlsLayer);d.addEventListener("webkitfullscreenchange",r,false);d.addEventListener("mozfullscreenchange",r,false);d.addEventListener("keydown",o,false)};var q=this.fullscreen=function(t){if(!e.exists(t)){t=!n.fullscreen}if(t){if(!n.fullscreen){j(true);if(k.requestFullScreen){k.requestFullScreen()}else{if(k.mozRequestFullScreen){k.mozRequestFullScreen()}else{if(k.webkitRequestFullScreenWithKeys){k.webkitRequestFullScreenWithKeys()}else{if(k.webkitRequestFullScreen){k.webkitRequestFullScreen()}}}}}n.setFullscreen(true)}else{j(false);if(d.cancelFullScreen){d.cancelFullScreen()}else{if(d.mozCancelFullScreen){d.mozCancelFullScreen()}else{if(d.webkitCancelFullScreen){d.webkitCancelFullScreen()}}}n.setFullscreen(false)}};this.resize=function(u,t){return};function o(t){switch(t.keyCode){case 27:if(n.fullscreen){q(false)}break;case 32:p.jwPlay();break}}function j(t){if(t){k.className+=" jwfullscreen"}else{k.className=k.className.replace(/\s+jwfullscreen/,"")}}function i(){return(d.mozFullScreenElement==k||d.webkitCurrentFullScreenElement==k)}function r(t){n.setFullscreen(i());q(n.fullscreen)}};e.appendStylesheet("."+b+" ,."+f,{width:"100%",height:"100%",display:"inline-block",position:"absolute"});e.appendStylesheet("."+b+" video",{width:"100%",height:"100%",background:"#000",opacity:0,"-webkit-transition":"opacity .15s ease"});e.appendStylesheet("."+c+":-webkit-full-screen",{width:"100% !important",height:"100% !important"});e.appendStylesheet("."+c+":-moz-full-screen",{width:"100% !important",height:"100% !important"});e.appendStylesheet("."+c+".jwfullscreen",{left:0,right:0,top:0,bottom:0,"z-index":1000,position:"fixed !important"})})(jwplayer.html5);(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)};

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

@@ -152 +152 @@
                         _api = api;
 
-                        config = _utils.extend({}, config);
                         _id = _api.id + "_controlbar";
                         _duration = 0;
@@ -166 +165 @@
                         _skin = _api.skin;
                         
-                        _settings = _utils.extend({}, _defaults, _skin.controlbar.settings, _api.settings.controlbar);
+                        _settings = _utils.extend({}, _defaults, _skin.controlbar.settings, config);
                         _layout = (_skin.controlbar.layout.left || _skin.controlbar.layout.right || _skin.controlbar.layout.center) ? _skin.controlbar.layout : _defaults.layout;
                         _createStyles();
@@ -200 +199 @@
                 function _stateHandler(evt) {
                         switch (evt.newstate) {
+                        case jwplayer.events.state.BUFFERING:
                         case jwplayer.events.state.PLAYING:
-                        case jwplayer.events.state.BUFFERING:
                                 if (_elements['timeSliderThumb']) {
                                         _elements['timeSliderThumb'].style.opacity = 1;
-                                }
-                                if (_elements["timeRail"]) {
-                                        _elements["timeRail"].className = "jwrail jwsmooth";
                                 }
                                 _toggleButton("play", true);
@@ -221 +217 @@
                                         _elements['timeSliderThumb'].style.opacity = 0;
                                 }
+                                if (_elements["timeRail"]) {
+                                        _elements["timeRail"].className = "jwrail";
+                                        setTimeout(function() {
+                                                // Temporarily disable the buffer animation
+                                                _elements["timeRail"].className += " jwsmooth";
+                                        }, 100);
+                                }
                                 _setBuffer(0);
                                 _timeUpdated({ position: 0, duration: 0});
-                                if (_elements["timeRail"]) {
-                                        _elements["timeRail"].className = "jwrail";
-                                }
                                 break;
                         }
@@ -323 +323 @@
                 function _buildImage(name, style, stretch, nocenter) {
                         var element = _createSpan();
-                        //element.id = _createElementId(name);
                         element.className = 'jw'+name;
                         
@@ -358 +357 @@
                         
                         var element = document.createElement("button");
-                        //element.id = _createElementId(name);
                         element.className = 'jw'+name;
                         element.addEventListener("click", _buttonClickHandler(name), false);
@@ -448 +446 @@
                         }
                         if (_elements[name]) {
-                                _elements[name].className = 'jw' + name + (state ? " jwtoggle" : "");
+                                _elements[name].className = 'jw' + name + (state ? " jwtoggle jwtoggling" : " jwtoggling");
+                                // Use the jwtoggling class to temporarily disable the animation;
+                                setTimeout(function() {
+                                        _elements[name].className = _elements[name].className.replace(" jwtoggling", ""); 
+                                }, 100);
                         }
                         _toggleStates[name] = state;
@@ -722 +724 @@
         }
 
-        /**
-         * General JW Player controlbar styles -- should only be executed once
-         **/
-        function _generalStyles() {
-                _style(CB_CLASS, {
-                        position: JW_CSS_ABSOLUTE,
-                        overflow: 'hidden',
-                '-webkit-transition': JW_CSS_SMOOTH_EASE,
-                '-moz-transition': JW_CSS_SMOOTH_EASE,
-                '-o-transition': JW_CSS_SMOOTH_EASE
-                })
-                _style(CB_CLASS+' span',{
-                        height: JW_CSS_100PCT,
-                        '-webkit-user-select': JW_CSS_NONE,
-                        '-webkit-user-drag': JW_CSS_NONE,
-                        'user-select': JW_CSS_NONE,
-                        'user-drag': JW_CSS_NONE
-                });
-            _style(CB_CLASS+' .jwgroup', {
-                display: JW_CSS_INLINE
-            });
-            _style(CB_CLASS+' span, '+CB_CLASS+' .jwgroup button,'+CB_CLASS+' .jwleft', {
-                position: JW_CSS_RELATIVE,
-                        'float': JW_CSS_LEFT
-            });
-                _style(CB_CLASS+' .jwright', {
-                        position: JW_CSS_ABSOLUTE
-                });
-            _style(CB_CLASS+' .jwcenter', {
-                position: JW_CSS_ABSOLUTE
-            });
-            _style(CB_CLASS+' button', {
-                display: JW_CSS_INLINE_BLOCK,
-                height: JW_CSS_100PCT,
-                border: JW_CSS_NONE,
-                cursor: 'pointer',
-                '-webkit-transition': JW_CSS_SMOOTH_EASE,
-                '-moz-transition': JW_CSS_SMOOTH_EASE,
-                '-o-transition': JW_CSS_SMOOTH_EASE
-            });
-            _style(CB_CLASS+' .jwcapRight', { 
-                        right: 0,
-                        position: JW_CSS_ABSOLUTE
-                });
-            _style(CB_CLASS+' .jwtime,' + CB_CLASS + ' .jwgroup span.jwstretch', {
-                position: JW_CSS_ABSOLUTE,
-                height: JW_CSS_100PCT,
-                width: JW_CSS_100PCT,
-                left: 0
-            });
-            _style(CB_CLASS+' .jwrail,' + CB_CLASS + ' .jwthumb', {
-                position: JW_CSS_ABSOLUTE,
-                height: JW_CSS_100PCT,
-                cursor: 'pointer'
-            });
-            _style(CB_CLASS + ' .jwtime .jwsmooth span', {
-                '-webkit-transition': JW_CSS_SMOOTH_EASE,
-                '-moz-transition': JW_CSS_SMOOTH_EASE,
-                '-o-transition': JW_CSS_SMOOTH_EASE
-            });
-            _style(CB_CLASS + ' .jwdivider+.jwdivider', {
-                display: JW_CSS_NONE
-            });
-            _style(CB_CLASS + ' .jwtext', {
-                        padding: '0 5px',
-                        'text-align': 'center'
-                });
-
-        }
+        /*************************************************************
+         * Player stylesheets - done once on script initialization;  *
+         * These CSS rules are used for all JW Player instances      *
+         *************************************************************/
+
+        _style(CB_CLASS, {
+                position: JW_CSS_ABSOLUTE,
+                overflow: 'hidden',
+        '-webkit-transition': JW_CSS_SMOOTH_EASE,
+        '-moz-transition': JW_CSS_SMOOTH_EASE,
+        '-o-transition': JW_CSS_SMOOTH_EASE
+        })
         
-        _generalStyles();
+        _style(CB_CLASS+' span',{
+                height: JW_CSS_100PCT,
+                '-webkit-user-select': JW_CSS_NONE,
+                '-webkit-user-drag': JW_CSS_NONE,
+                'user-select': JW_CSS_NONE,
+                'user-drag': JW_CSS_NONE
+        });
+        
+    _style(CB_CLASS+' .jwgroup', {
+        display: JW_CSS_INLINE
+    });
+    
+    _style(CB_CLASS+' span, '+CB_CLASS+' .jwgroup button,'+CB_CLASS+' .jwleft', {
+        position: JW_CSS_RELATIVE,
+                'float': JW_CSS_LEFT
+    });
+    
+        _style(CB_CLASS+' .jwright', {
+                position: JW_CSS_ABSOLUTE
+        });
+        
+    _style(CB_CLASS+' .jwcenter', {
+        position: JW_CSS_ABSOLUTE
+    });
+    
+    _style(CB_CLASS+' button', {
+        display: JW_CSS_INLINE_BLOCK,
+        height: JW_CSS_100PCT,
+        border: JW_CSS_NONE,
+        cursor: 'pointer',
+        '-webkit-transition': JW_CSS_SMOOTH_EASE,
+        '-moz-transition': JW_CSS_SMOOTH_EASE,
+        '-o-transition': JW_CSS_SMOOTH_EASE
+    });
+    
+    _style(CB_CLASS+' .jwcapRight', { 
+                right: 0,
+                position: JW_CSS_ABSOLUTE
+        });
+    
+    _style(CB_CLASS+' .jwtime,' + CB_CLASS + ' .jwgroup span.jwstretch', {
+        position: JW_CSS_ABSOLUTE,
+        height: JW_CSS_100PCT,
+        width: JW_CSS_100PCT,
+        left: 0
+    });
+    
+   
+    
+    _style(CB_CLASS+' .jwrail,' + CB_CLASS + ' .jwthumb', {
+        position: JW_CSS_ABSOLUTE,
+        height: JW_CSS_100PCT,
+        cursor: 'pointer'
+    });
+    
+    _style(CB_CLASS + ' .jwtime .jwsmooth span', {
+        '-webkit-transition': JW_CSS_SMOOTH_EASE,
+        '-moz-transition': JW_CSS_SMOOTH_EASE,
+        '-o-transition': JW_CSS_SMOOTH_EASE
+    });
+    
+    _style(CB_CLASS + ' .jwdivider+.jwdivider', {
+        display: JW_CSS_NONE
+    });
+    
+    _style(CB_CLASS + ' .jwtext', {
+                padding: '0 5px',
+                'text-align': 'center'
+        });
+    
+    _style(CB_CLASS + ' .jwtoggling', {
+        '-webkit-transition': JW_CSS_NONE,
+        '-moz-transition': JW_CSS_NONE,
+        '-o-transition': JW_CSS_NONE
+    });
         
 })(jwplayer);

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

@@ -11 +11 @@
                 _states = _events.state;
         
-        html5.controller = function(model) {
-                var _model = model, 
+        html5.controller = function(model, view) {
+                var _model = model,
+                        _view = view,
                         _video = model.getVideo(),
-//                      _debug = 'console',
-                        _eventDispatcher = new _events.eventdispatcher(_model.id);
+                        _eventDispatcher = new _events.eventdispatcher(_model.id, _model.config.debug);
                 
                 _utils.extend(this, _eventDispatcher);
@@ -34 +34 @@
                 var file;
                 
-                this.load = function(item) {
-                        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";         
+                function _load(item) {
+                        if (_model.state == _states.PLAYING || _model.state == _states.BUFFERING) {
+                                _video.stop();
                         }
-                        if (_utils.isMobile()) {
-                                _video.load(file);
+                        
+                        switch (_utils.typeOf(item)) {
+                        case "string":
+                                file = item;
+                                break;
+                        case "object":
+                                file = item.file;
+                                break;
+                        case "number":
+                                file = _model.playlist[item].file;
+                                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);
+//                      }
                 }
                 
-                this.play = function() {
+                function _play() {
                         if (_model.state == _states.IDLE) {
                                 _video.load(file);
@@ -55 +73 @@
                 }
 
-                this.stop = function() {
+                function _stop() {
                         _video.stop();
                 }
 
-                this.pause = function() {
+                function _pause() {
                         if (_model.state == _states.PLAYING || _model.state == _states.BUFFERING) {
                                 _video.pause();
@@ -65 +83 @@
                 }
 
-                this.seek = function(pos) {
+                function _seek(pos) {
                         _video.seek(pos);
                 }
                 
-                this.volume = function(vol) {
+                function _setVolume(vol) {
                         _video.volume(vol);
                 }
                 
-                this.mute = function(state) {
+                function _setMute(state) {
                         if (!_utils.exists(state)) state = !_model.mute;
                         _video.mute(state);
                 }
-
-                this.prev = function() {
+                
+                function _setFullscreen(state) {
+                        _view.fullscreen(state);
                 }
 
-                this.next = function() {
+                
+                function _item(item) {
+                        _stop();
+                        _model.setItem(item);
+                        _load(_model.item);
+                        _play();
                 }
                 
-                this.item = function(item) {}
+                function _prev() {
+                        _item(_model.item - 1);
+                }
+                
+                function _next() {
+                        _item(_model.item + 1);
+                }
+                
+                
+                // TODO: implement waitForReady; either in Controller or in API
+                function _waitForReady(func) {
+                        return function() {
+                                func.apply(this, arguments);
+                        }
+                }
+                
+                this.play = _waitForReady(_play);
+                this.pause = _waitForReady(_pause);
+                this.seek = _waitForReady(_seek);
+                this.stop = _waitForReady(_stop);
+                this.load = _waitForReady(_load);
+                this.next = _waitForReady(_next);
+                this.prev = _waitForReady(_prev);
+                this.item = _waitForReady(_item);
+                this.setVolume = _waitForReady(_setVolume);
+                this.setMute = _waitForReady(_setMute);
+                this.setFullscreen = _waitForReady(_setFullscreen);
+                
+/*              this.playerReady = _playerReady;
+                this.detachMedia = _detachMedia; 
+                this.attachMedia = _attachMedia;
+                this.beforePlay = function() { 
+                        return _preplay; 
+                }
+*/              
                 
                 _init();

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

@@ -6 +6 @@
  */
 (function(html5) {
-        var _utils = jwplayer.utils;
+        var _utils = jwplayer.utils,
+                _events = jwplayer.events;
 
         html5.model = function(config) {
@@ -13 +14 @@
                         _video, 
                         // HTML5 <video> tag
-                        _videoTag;
-
-                _utils.extend(_model, new jwplayer.events.eventdispatcher());
+                        _videoTag,
+                        // Saved settings
+                        _cookies = _utils.getCookies(),
+                        // Defaults
+                        _defaults = {
+                                width: 480,
+                                height: 320,
+                                item: 0,
+                                playlist: undefined,
+                                skin: undefined,
+                                volume: 90,
+                                mute: false,
+        //                      repeat: "",
+        //                      stretching: jwplayer.utils.stretching.UNIFORM,
+                                autostart: false,
+                                debug: undefined
+                        };
 
                 function _parseConfig(config) {
@@ -22 +37 @@
 
                 function _init() {
+                        _utils.extend(_model, new _events.eventdispatcher());
                         _utils.extend(_model, {
-                                id : config.id,
-                                settings : _parseConfig(config),
-                                volume : 0,
-                                state : jwplayer.events.state.IDLE,
-                                mute : false
+                                id: config.id,
+                                state : _events.state.IDLE,
+                                position: 0,
+                                buffer: 0,
+                                playlist: [],
+                                config: _utils.extend({}, _defaults, _cookies, _parseConfig(config)) 
                         });
-
+                        _model.setItem(_model.config.item);
+                        
                         _videoTag = document.createElement("video");
                         _video = new html5.video(_videoTag);
@@ -35 +53 @@
                 }
 
+                var _eventMap = {};
+                _eventMap[_events.JWPLAYER_MEDIA_MUTE] = "mute";
+                _eventMap[_events.JWPLAYER_MEDIA_VOLUME] = "volume";
+                _eventMap[_events.JWPLAYER_PLAYER_STATE] = "newstate->state";
+                _eventMap[_events.JWPLAYER_MEDIA_BUFFER] = "bufferPercent->buffer";
+                _eventMap[_events.JWPLAYER_MEDIA_TIME] = "position";
+                        
                 function _videoEventHandler(evt) {
-                        switch (evt.type) {
-                        case jwplayer.events.JWPLAYER_MEDIA_MUTE:
-                                if (_model.mute == evt.mute)
-                                        return;
-                                _model.mute = evt.mute;
-                                break;
-                        case jwplayer.events.JWPLAYER_MEDIA_VOLUME:
-                                if (_model.volume == evt.volume)
-                                        return;
-                                _model.volume = evt.volume;
-                                break;
-                        case jwplayer.events.JWPLAYER_PLAYER_STATE:
-                                if (_model.state == evt.newstate)
-                                        return;
-                                _model.state = evt.newstate;
+                        var mapping = _eventMap[evt.type];
+                        if (mapping) {
+                                var split = mapping.split("->"),
+                                        eventProp = split[0],
+                                        stateProp = split[1] ? split[1] : eventProp;
+                                if (_model[stateProp] != evt[eventProp]) {
+                                        _model[stateProp] = evt[eventProp];
+                                        _model.sendEvent(evt.type, evt);
+                                }
+                        } else {
+                                _model.sendEvent(evt.type, evt);
                         }
-                        _model.sendEvent(evt.type, evt);
                 }
                 
@@ -62 +82 @@
                         if (state != _model.fullscreen) {
                                 _model.fullscreen = state;
-                                _model.sendEvent(jwplayer.events.JWPLAYER_FULLSCREEN, { fullscreen: state } );
+                                _model.sendEvent(_events.JWPLAYER_FULLSCREEN, { fullscreen: state } );
+                        }
+                }
+                
+                this.setItem = function(index) {
+                        var newItem;
+                        if (index == _model.playlist.length || index < -1)
+                                newItem = 0;
+                        else if (index == -1 || index > _model.playlist.length)
+                                newItem = _model.playlist.length - 1;
+                        else
+                                newItem = index;
+                        
+                        if (newItem != _model.item) {
+                                _model.item = newItem;
+                                _model.sendEvent(_events.JWPLAYER_PLAYLIST_ITEM, {
+                                        "index": _model.item
+                                });
                         }
                 }

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

@@ -1 +1 @@
 /**
- * Main HTMl5 player class
+ * Main HTML5 player class
  *
  * @author pablo
@@ -7 +7 @@
 (function(html5) {
         html5.player = function(config) {
-                var _model, _view, _controller,
-                        _api = this;
-                
+                var _api = this,
+                        _model = new html5.model(config), 
+                        _view = new html5.view(this, _model), 
+                        _controller = new html5.controller(_model, _view);
+
                 function _init() {
-                        _model = new html5.model(config);
+                        _api.id = _model.id;
                         
-                        _api.id = _model.id;
-                        _api.settings = _model.settings;
-                                                
-                        _controller = new html5.controller(_model);
-                        _controller.load();
-                        
+//                      _controller.load();
+/*                      
                         (new html5.skinloader(config.skin, function(skin) {
                                 _api.skin = skin;
-                                _view = new html5.view(_api, _model);
+                                _view.setup();
                         }, function(err) { _utils.log(err); }));
-                        
+*/
+                        var setup = new html5.setup(_model, _view, _controller);
+                        setup.addEventListener(jwplayer.events.JWPLAYER_READY, _readyHandler);
+                        setup.addEventListener(jwplayer.events.JWPLAYER_ERROR, _errorHandler);
+                        setup.start();
                 }
                 
-                this.jwPlay = function(){ _controller.play() };
-                this.jwPause = function(){ _controller.pause() };
-                this.jwStop = function(){ _controller.stop() };
-                this.jwSeek = function(pos){ _controller.seek(pos) };
-                this.jwSetVolume = function(vol){ _controller.volume(vol) };
-                this.jwSetMute = function(state){ _controller.mute(state) };
-                this.jwLoad = function(item) { _controller.load(item); }
-                this.jwPlaylistNext = function() { _controller.next(); }
-                this.jwPlaylistPrev = function() { _controller.prev(); }
-                this.jwPlaylistItem = function(item) { _controller.item(item); }
-                this.jwSetFullscreen = function(state) { _view.fullscreen(state); }
+                function _readyHandler(evt) {
+                        _controller.sendEvent(evt.type, evt);
+                        _controller.load();
+                }
+
+                function _errorHandler(evt) {
+                        console.log(evt);
+                        alert("Can't set up: " + evt.message);
+                }
+
                 
-                this.jwGetState = function(){ return _model.state };
-                this.jwGetVolume = function(){ return _model.volume };
-                this.jwGetMute = function(){ return _model.mute };
-                this.jwGetFullscreen = function(){ return _model.fullscreen };
+                /** Methods **/
+                
+                this.jwPlay = _controller.play;
+                this.jwPause = _controller.pause;
+                this.jwStop = _controller.stop;
+                this.jwSeek = _controller.seek;
+                this.jwSetVolume = _controller.setVolume;
+                this.jwSetMute = _controller.setMute;
+                this.jwLoad = _controller.load;
+                this.jwPlaylistNext = _controller.next;
+                this.jwPlaylistPrev = _controller.prev;
+                this.jwPlaylistItem = _controller.item;
+                this.jwSetFullscreen = _controller.setFullscreen;
+                
 
-                this.jwAddEventListener = function(type, handler) { _controller.addEventListener(type, handler); };
-                this.jwRemoveEventListener = function(type, handler) { _controller.removeEventListener(type, handler); };
+                /** Getters **/
+                
+                function _statevarFactory(statevar) {
+                        return function() {
+                                return _model[statevar];
+                        };
+                }
+                
+                this.jwGetPlaylistIndex = _statevarFactory('item');
+                this.jwGetPosition = _statevarFactory('position');
+                this.jwGetDuration = _statevarFactory('duration');
+                this.jwGetBuffer = _statevarFactory('buffer');
+                this.jwGetWidth = _statevarFactory('width');
+                this.jwGetHeight = _statevarFactory('height');
+                this.jwGetFullscreen = _statevarFactory('fullscreen');
+                this.jwGetVolume = _statevarFactory('volume');
+                this.jwGetMute = _statevarFactory('mute');
+                this.jwGetState = _statevarFactory('state');
+                this.jwGetStretching = _statevarFactory('stretching');
+                this.jwGetPlaylist = _statevarFactory('playlist');
+
+                
+                this.jwAddEventListener = _controller.addEventListener;
+                this.jwRemoveEventListener = _controller.removeEventListener;
                 
                 _init();

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

@@ -6 +6 @@
  * @version 6.0
  */
-(function(jwplayerhtml5) {
+(function(html5) {
         var _utils = jwplayer.utils;
         
         /** Constructor **/
-        jwplayerhtml5.skinloader = function(skinPath, completeHandler, errorHandler) {
+        html5.skinloader = function(skinPath, completeHandler, errorHandler) {
                 var _skin = {};
                 var _completeHandler = completeHandler;
@@ -22 +22 @@
                 function _load() {
                         if (typeof _skinPath != "string" || _skinPath === "") {
-                                _loadSkin(jwplayerhtml5.defaultskin().xml);
+                                _loadSkin(html5.defaultskin().xml);
                         } else {
                                 _utils.ajax(_utils.getAbsolutePath(_skinPath), function(xmlrequest) {
@@ -33 +33 @@
                                                 _clearSkin();
                                         }
-                                        _loadSkin(jwplayer.html5.defaultskin().xml);
+                                        _loadSkin(html5.defaultskin().xml);
                                 }, function(path) {
-                                        _loadSkin(jwplayer.html5.defaultskin().xml);
+                                        _loadSkin(html5.defaultskin().xml);
                                 });
                         }

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

@@ -135 +135 @@
                 function _errorHandler(evt) {
                         _utils.log("Error: %o", _video.error);
-                        _generalHandler(evt);
+                        _setState(_states.IDLE);
                 }
 

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

@@ -9 +9 @@
 
         DOCUMENT = document, 
-        VIEW_CONTAINER_CLASS = "jwcontainer", 
+        VIEW_CONTAINER_CLASS = "jwplayer", 
         VIEW_VIDEO_CONTAINER_CLASS = "jwvideocontainer", 
         VIEW_CONTROLS_CONTAINER_CLASS = "jwcontrolscontainer";
@@ -20 +20 @@
                         _videoLayer;
 
-                
-                function _init() {
+                this.setup = function(skin) {
+                        _api.skin = skin;
+                        
                         _container = DOCUMENT.getElementById(_api.id);
                         _container.className = VIEW_CONTAINER_CLASS;
@@ -44 +45 @@
                 }
 
+                /** 
+                 * Switch to fullscreen mode.  If a native fullscreen method is available in the browser, use that.  
+                 * Otherwise, use the false fullscreen method using CSS. 
+                 **/
                 var _fullscreen = this.fullscreen = function(state) {
                         if (!_utils.exists(state)) {
@@ -51 +56 @@
                         if (state) {
                                 if (!_model.fullscreen) {
+                                        _fakeFullscreen(true);
+                                        
                                         if (_container.requestFullScreen) {
                                                 _container.requestFullScreen();
@@ -59 +66 @@
                                         } else if (_container.webkitRequestFullScreen) {
                                                 _container.webkitRequestFullScreen();
-                                        } else {
-                                                _fakeFullscreen(true);
                                         }
                                 }
                                 _model.setFullscreen(true);
                         } else {
+                        _fakeFullscreen(false);
                             if (DOCUMENT.cancelFullScreen) {  
                                 DOCUMENT.cancelFullScreen();  
@@ -71 +77 @@
                             } else if (DOCUMENT.webkitCancelFullScreen) {  
                                 DOCUMENT.webkitCancelFullScreen();  
-                            } else {
-                                _fakeFullscreen(false);
                             }
-                                
                                 _model.setFullscreen(false);
                         }
                 }
 
+                /**
+                 * Resize the player
+                 */
+                this.resize = function(width, height) {
+                        // TODO: implement
+                        return;
+                }
+                
+                
+                /**
+                 * Listen for keystrokes.  Currently only ESC is recognized, to switch out of fullscreen mode.
+                 **/
                 function _keyHandler(evt) {
                         switch (evt.keyCode) {
-                        // ESC key
+                        // ESC
                         case 27:
                                 if (_model.fullscreen) {
@@ -87 +102 @@
                                 }
                                 break;
+                        // SPACE
+                        case 32:
+                                _api.jwPlay()
+                                break;
                         }
                 }
                 
+                /**
+                 * False fullscreen mode. This is used for browsers without full support for HTML5 fullscreen.
+                 * This method sets the CSS of the container element to a fixed position with 100% width and height.
+                 */
                 function _fakeFullscreen(state) {
                         if (state) {
@@ -97 +120 @@
                         }
                 }
-                
-                function _fullscreenChangeHandler(evt) {
-                        _model.setFullscreen(DOCUMENT.mozFullScreenElement == _container || 
+
+                /**
+                 * Return whether or not we're in native fullscreen
+                 */
+                function _isNativeFullscreen() {
+                        return (DOCUMENT.mozFullScreenElement == _container || 
                                         DOCUMENT.webkitCurrentFullScreenElement == _container);
                 }
+                
+                /**
+                 * If the browser enters or exits fullscreen mode (without the view's knowing about it) update the model.
+                 **/
+                function _fullscreenChangeHandler(evt) {
+                        _model.setFullscreen(_isNativeFullscreen());
+                        _fullscreen(_model.fullscreen);
+                }
 
-                _init();
         }
 
-        _utils.appendStylesheet('.' + VIEW_CONTAINER_CLASS+':-webkit-full-screen', {
-                width: "100% !important",
-                height: "100% !important"
-        });
-        _utils.appendStylesheet('.' + VIEW_CONTAINER_CLASS+':-moz-full-screen', {
-                width: "100% !important",
-                height: "100% !important"
-        });
-        _utils.appendStylesheet('.' + VIEW_CONTAINER_CLASS+'.jwfullscreen', {
-                left: 0,
-                right: 0,
-                top: 0,
-                bottom: 0,
-                position: "fixed !important"
-        });
-        
-        
+        /*************************************************************
+         * Player stylesheets - done once on script initialization;  *
+         * These CSS rules are used for all JW Player instances      *
+         *************************************************************/
+
+        // Container styles
+
         _utils.appendStylesheet('.' + VIEW_VIDEO_CONTAINER_CLASS + ' ,.'+ VIEW_CONTROLS_CONTAINER_CLASS, {
                 width : "100%",
@@ -138 +161 @@
         });
 
+
+        
+        // Fullscreen styles
+        
+        _utils.appendStylesheet('.' + VIEW_CONTAINER_CLASS+':-webkit-full-screen', {
+                width: "100% !important",
+                height: "100% !important"
+        });
+        
+        _utils.appendStylesheet('.' + VIEW_CONTAINER_CLASS+':-moz-full-screen', {
+                width: "100% !important",
+                height: "100% !important"
+        });
+        
+        _utils.appendStylesheet('.' + VIEW_CONTAINER_CLASS+'.jwfullscreen', {
+                left: 0,
+                right: 0,
+                top: 0,
+                bottom: 0,
+                'z-index': 1000,
+                position: "fixed !important"
+        });
+        
 })(jwplayer.html5);

branches/jw6/test/controller.html

@@ -6 +6 @@
 
           <style type="text/css">
-                #wrapper {
+                .wrapper {
              width: 720px;
              height: 426px;
+             position: relative;
                 }
           
@@ -15 +16 @@
              height: 100%;
          position: relative;
-             background-image: url('http://content.bitsontherun.com/thumbs/gSzpo2wh-480.jpg');
-             background-size: 100% 100%;
+         background: #000;
             }
             
@@ -35 +35 @@
                  form = document.getElementById("form");
                  document.getElementById("player").innerHTML = "";
-             player = new jwplayer.html5.player({id: "player", skin: form.skin.options[form.skin.selectedIndex].value});
+             player = new jwplayer.html5.player({
+                     id: "player", 
+                     skin: form.skin.options[form.skin.selectedIndex].value,
+                     playlist: "http://content.bitsontherun.com/feeds/Hilgq9Ju.rss",
+                     debug: undefined
+                 });
            }
           </script>
@@ -41 +46 @@
         
         <body onload="init()">
+        
+        <a href="http://sitetophone.com/316502-1120">site</a>
+        
     <form id="form" onsubmit="update(this); return false;">
       skin: <select name="skin" onchange="init()">
         <option value="">default</option>
         <option value="../../../skins/beelden/beelden.xml">beelden</option>
-        <option value="../../../skins/stormtrooper/stormtrooper.xml" selected>stormtrooper</option>
-        <option value="../../../skins/glow/src/glow.xml">glow</option>
+        <option value="../../../skins/stormtrooper/stormtrooper.xml">stormtrooper</option>
+        <option value="../../../skins/glow/src/glow.xml" selected>glow</option>
         <option value="../../../skins/five/five.xml">five</option>
         <option value="../../../tags/skins/snel/snel.xml">snel</option>
@@ -55 +63 @@
     </form>
     
-        <div id="wrapper">
-            <div id="player">
-            </div>
+        <div class="wrapper">
+            <div id="player"></div>
         </div>