/**
 * jwplayer.html5 namespace
 *
 * @author pablo
 */
(function(jwplayer) {
    jwplayer.html5 = {};
    jwplayer.html5.version = '6.12.0';

    // these 'reset' styles must be included before any others
    var _css = jwplayer.utils.css;
    var jw_class = '.jwplayer ';

    var helperstring = [jw_class, 'div', 'span', 'a', 'img', 'ul', 'li', 'video'].join(', ' + jw_class);
    _css(helperstring + ', .jwclick', {
        margin: 0,
        padding: 0,
        border: 0,
        color: '#000000',
        'font-size': '100%',
        font: 'inherit',
        'vertical-align': 'baseline',
        'background-color': 'transparent',
        'text-align': 'left',
        'direction': 'ltr',
        'line-height': 20,
        '-webkit-tap-highlight-color': 'rgba(255, 255, 255, 0)'
    });

    // reset box-sizing to default for player and all sub-elements
    //  note: if we use pseudo elements we will need to add *:before and *:after
    _css(jw_class + ',' + jw_class + '*', { 'box-sizing': 'content-box'});
    // browsers use border-box as a the default box-sizing for many form elements
    _css(jw_class + '* button,' + jw_class + '* input,' + jw_class + '* select,' + jw_class + '* textarea',
        { 'box-sizing': 'border-box'});


    _css(jw_class + 'ul', {
        'list-style': 'none'
    });


    // these rules allow click and hover events to reach the provider, instead
    //  of being blocked by the controller element
    //  ** note : pointer-events will not work on ie < 11
    _css('.jwplayer .jwcontrols', {
        'pointer-events': 'none'
    });
    _css('.jwplayer.jw-user-inactive .jwcontrols', {
        'pointer-events': 'all'
    });
    var acceptclicks = [
        '.jwplayer .jwcontrols .jwdockbuttons',
        '.jwplayer .jwcontrols .jwcontrolbar',
        '.jwplayer .jwcontrols .jwskip',
        '.jwplayer .jwcontrols .jwdisplayicon', // play and replay button
        '.jwplayer .jwcontrols .jwpreview', // poster image
        '.jwplayer .jwcontrols .jwlogo'
    ];
    _css(acceptclicks.join(', '), {
        'pointer-events' : 'all'
    });

})(jwplayer);
/**
 * html5-only utilities for the jw player.
 *
 * @author pablo
 * @version 6.0
 */
(function(utils) {
    var document = document;

    /**
     * cleans up a css dimension (e.g. '420px') and returns an integer.
     */
    utils.parsedimension = function(dimension) {
        if (typeof dimension === 'string') {
            if (dimension === '') {
                return 0;
            } else if (dimension.lastindexof('%') > -1) {
                return dimension;
            }
            return parseint(dimension.replace('px', ''), 10);
        }
        return dimension;
    };

    /** format the elapsed / remaining text. **/
    utils.timeformat = function(sec) {
        if (sec > 0) {
            var hrs = math.floor(sec / 3600),
                mins = math.floor((sec - hrs * 3600) / 60),
                secs = math.floor(sec % 60);

            return (hrs ? hrs + ':' : '') + (mins < 10 ? '0' : '') + mins + ':' + (secs < 10 ? '0' : '') + secs;
        } else {
            return '00:00';
        }
    };

    utils.bounds = function(element) {
        var bounds = {
            left: 0,
            right: 0,
            width: 0,
            height: 0,
            top: 0,
            bottom: 0
        };
        if (!element || !document.body.contains(element)) {
            return bounds;
        }
        if (element.getboundingclientrect) {
            var rect = element.getboundingclientrect(element),
                scrolloffsety = window.pageyoffset,
                scrolloffsetx = window.pagexoffset;
            if (!rect.width && !rect.height && !rect.left && !rect.top) {
                //element is not visible / no layout
                return bounds;
            }
            bounds.left = rect.left + scrolloffsetx;
            bounds.right = rect.right + scrolloffsetx;
            bounds.top = rect.top + scrolloffsety;
            bounds.bottom = rect.bottom + scrolloffsety;
            bounds.width = rect.right - rect.left;
            bounds.height = rect.bottom - rect.top;
        } else {
            /*jshint -w084 */ // for the while loop assignment
            bounds.width = element.offsetwidth | 0;
            bounds.height = element.offsetheight | 0;
            do {
                bounds.left += element.offsetleft | 0;
                bounds.top += element.offsettop | 0;
            } while (element = element.offsetparent);
            bounds.right = bounds.left + bounds.width;
            bounds.bottom = bounds.top + bounds.height;
        }
        return bounds;
    };

    utils.empty = function(element) {
        if (!element) {
            return;
        }
        while (element.childelementcount > 0) {
            element.removechild(element.children[0]);
        }
    };

})(jwplayer.utils);
(function(utils) {
    /*jshint maxparams:6*/

    /** stretching options **/
    var _stretching = utils.stretching = {
        none: 'none',
        fill: 'fill',
        uniform: 'uniform',
        exactfit: 'exactfit'
    };

    utils.scale = function(domelement, xscale, yscale, xoffset, yoffset) {
        var value = '';

        // set defaults
        xscale = xscale || 1;
        yscale = yscale || 1;
        xoffset = xoffset | 0;
        yoffset = yoffset | 0;

        if (xscale !== 1 || yscale !== 1) {
            value = 'scale(' + xscale + ', ' + yscale + ')';
        }
        if (xoffset || yoffset) {
            if (value) {
                value += ' ';
            }
            value = 'translate(' + xoffset + 'px, ' + yoffset + 'px)';
        }
        utils.transform(domelement, value);
    };

    /**
     * stretches domelement based on stretching. parentwidth, parentheight,
     * elementwidth, and elementheight are required as the elements dimensions
     * change as a result of the stretching. hence, the original dimensions must
     * always be supplied.
     *
     * @param {string}
     *            stretching
     * @param {domelement}
     *            domelement
     * @param {number}
     *            parentwidth
     * @param {number}
     *            parentheight
     * @param {number}
     *            elementwidth
     * @param {number}
     *            elementheight
     */
    utils.stretch = function(stretching, domelement, parentwidth, parentheight, elementwidth, elementheight) {
        if (!domelement) {
            return false;
        }
        if (!parentwidth || !parentheight || !elementwidth || !elementheight) {
            return false;
        }
        stretching = stretching || _stretching.uniform;

        var xscale = math.ceil(parentwidth / 2) * 2 / elementwidth,
            yscale = math.ceil(parentheight / 2) * 2 / elementheight,
            video = (domelement.tagname.tolowercase() === 'video'),
            scale = false,
            stretchclass = 'jw' + stretching.tolowercase();

        switch (stretching.tolowercase()) {
            case _stretching.fill:
                if (xscale > yscale) {
                    yscale = xscale;
                } else {
                    xscale = yscale;
                }
                scale = true;
                break;
            case _stretching.none:
                xscale = yscale = 1;
                /* falls through */
            case _stretching.exactfit:
                scale = true;
                break;
            case _stretching.uniform:
                /* falls through */
            default:
                if (xscale > yscale) {
                    if (elementwidth * yscale / parentwidth > 0.95) {
                        scale = true;
                        stretchclass = 'jwexactfit';
                    } else {
                        elementwidth = elementwidth * yscale;
                        elementheight = elementheight * yscale;
                    }
                } else {
                    if (elementheight * xscale / parentheight > 0.95) {
                        scale = true;
                        stretchclass = 'jwexactfit';
                    } else {
                        elementwidth = elementwidth * xscale;
                        elementheight = elementheight * xscale;
                    }
                }
                if (scale) {
                    xscale = math.ceil(parentwidth / 2) * 2 / elementwidth;
                    yscale = math.ceil(parentheight / 2) * 2 / elementheight;
                }
        }

        if (video) {
            var style = {
                left: '',
                right: '',
                width: '',
                height: ''
            };
            if (scale) {
                if (parentwidth < elementwidth) {
                    style.left =
                        style.right = math.ceil((parentwidth - elementwidth) / 2);
                }
                if (parentheight < elementheight) {
                    style.top =
                        style.bottom = math.ceil((parentheight - elementheight) / 2);
                }
                style.width = elementwidth;
                style.height = elementheight;
                utils.scale(domelement, xscale, yscale, 0, 0);
            } else {
                scale = false;
                utils.transform(domelement);
            }
            utils.css.style(domelement, style);
        } else {
            domelement.classname = domelement.classname.replace(/\s*jw(none|exactfit|uniform|fill)/g, '') +
                ' ' + stretchclass;
        }
        return scale;
    };

})(jwplayer.utils);
(function(parsers) {

    /** component that loads and parses an dfxp file. **/
    parsers.dfxp = function() {

        var _seconds = jwplayer.utils.seconds;

        this.parse = function(data) {
            var _captions = [{
                begin: 0,
                text: ''
            }];
            data = data.replace(/^\s+/, '').replace(/\s+$/, '');
            var list = data.split('</p>');
            var list2 = data.split('</tt:p>');
            var newlist = [];
            var i;
            for (i = 0; i < list.length; i++) {
                if (list[i].indexof('<p') >= 0) {
                    list[i] = list[i].substr(list[i].indexof('<p') + 2).replace(/^\s+/, '').replace(/\s+$/, '');
                    newlist.push(list[i]);
                }
            }
            for (i = 0; i < list2.length; i++) {
                if (list2[i].indexof('<tt:p') >= 0) {
                    list2[i] = list2[i].substr(list2[i].indexof('<tt:p') + 5).replace(/^\s+/, '').replace(/\s+$/, '');
                    newlist.push(list2[i]);
                }
            }
            list = newlist;

            for (i = 0; i < list.length; i++) {
                var entry = _entry(list[i]);
                if (entry.text) {
                    _captions.push(entry);
                    // insert empty caption at the end.
                    if (entry.end) {
                        _captions.push({
                            begin: entry.end,
                            text: ''
                        });
                        delete entry.end;
                    }
                }
            }
            if (_captions.length > 1) {
                return _captions;
            } else {
                throw {
                    message: 'invalid dfxp file:'
                };
            }
        };


        /** parse a single captions entry. **/
        function _entry(data) {
            var entry = {};
            try {
                var idx = data.indexof('begin=\"');
                data = data.substr(idx + 7);
                idx = data.indexof('\" end=\"');
                entry.begin = _seconds(data.substr(0, idx));
                data = data.substr(idx + 7);
                idx = data.indexof('\"');
                entry.end = _seconds(data.substr(0, idx));
                idx = data.indexof('\">');
                data = data.substr(idx + 2);
                entry.text = data;
            } catch (error) {}
            return entry;
        }

    };


})(jwplayer.parsers);
(function(parsers) {


    /** component that loads and parses an srt file. **/
    parsers.srt = function() {


        /** xmlhttp object. **/
        var _utils = jwplayer.utils,
            _seconds = _utils.seconds;

        this.parse = function(data, mergebeginend) {
            // trim whitespace and split the list by returns.
            var _captions = mergebeginend ? [] : [{
                begin: 0,
                text: ''
            }];
            data = _utils.trim(data);
            var list = data.split('\r\n\r\n');
            if (list.length === 1) {
                list = data.split('\n\n');
            }
            for (var i = 0; i < list.length; i++) {
                if (list[i] === 'webvtt') {
                    continue;
                }
                // parse each entry
                var entry = _entry(list[i]);
                if (entry.text) {
                    _captions.push(entry);
                    // insert empty caption at the end.
                    if (entry.end && !mergebeginend) {
                        _captions.push({
                            begin: entry.end,
                            text: ''
                        });
                        delete entry.end;
                    }
                }
            }
            if (_captions.length > 1) {
                return _captions;
            } else {
                throw {
                    message: 'invalid srt file'
                };
            }
        };


        /** parse a single captions entry. **/
        function _entry(data) {
            var entry = {};
            var array = data.split('\r\n');
            if (array.length === 1) {
                array = data.split('\n');
            }
            try {
                // second line contains the start and end.
                var idx = 1;
                if (array[0].indexof(' --> ') > 0) {
                    idx = 0;
                }
                var index = array[idx].indexof(' --> ');
                if (index > 0) {
                    entry.begin = _seconds(array[idx].substr(0, index));
                    entry.end = _seconds(array[idx].substr(index + 5));
                }
                // third line starts the text.
                if (array[idx + 1]) {
                    entry.text = array[idx + 1];
                    // arbitrary number of additional lines.
                    for (var i = idx + 2; i < array.length; i++) {
                        entry.text += '<br/>' + array[i];
                    }
                }
            } catch (error) {}
            return entry;
        }

    };


})(jwplayer.parsers);
(function(jwplayer) {

    var noop = jwplayer.utils.noop,
        _ = jwplayer._,
        events = jwplayer.events,
        returnfalse = _.constant(false);

    var defaultprovider = {
        // this function is required to determine if a provider can work on a given source
        supports : returnfalse,

        // basic playback features
        play : noop,
        load : noop,
        stop : noop,
        volume : noop,
        mute : noop,
        seek : noop,
        seekdrag : noop, // only for html5 ?
        resize : noop,
        remove : noop,  // removes from page
        destroy : noop, // frees memory

        setvisibility : noop,
        setfullscreen : returnfalse,
        getfullscreen : noop,

        // if setcontainer has been set, this returns the element.
        //  it's value is used to determine if we should remove the <video> element when setting a new provider.
        getcontainer : noop,

        // sets the parent element, causing provider to append <video> into it
        setcontainer : returnfalse,

        isaudiofile : returnfalse,
        supportsfullscreen : returnfalse,

        getqualitylevels : noop,
        getcurrentquality : noop,
        setcurrentquality : noop,
        
        getaudiotracks : noop,
        getcurrentaudiotrack : noop,
        setcurrentaudiotrack : noop,

        // todo :: the following are targets for removal after refactoring
        checkcomplete : noop,
        setcontrols : noop,
        attachmedia : noop,
        detachmedia : noop,

        setstate: function(state) {
            if (state === this.state) {
                return;
            }

            var oldstate = this.state || events.state.idle;
            this.state = state;

            this.sendevent(events.jwplayer_player_state, {
                oldstate: oldstate,
                newstate: state
            });
        }
    };


    // make available to other providers for extending
    jwplayer.html5.defaultprovider  = defaultprovider;

})(jwplayer);
(function(jwplayer) {

    function chooseprovider(source) {
        if (jwplayer._.isobject(source) && jwplayer.html5.youtubeprovider.supports(source)) {
            return jwplayer.html5.youtubeprovider;
        }
        return jwplayer.html5.videoprovider;
    }

    jwplayer.html5.chooseprovider = chooseprovider;

})(jwplayer);(function(jwplayer) {

    var utils = jwplayer.utils,
        _ = jwplayer._,
        events = jwplayer.events,
        states = events.state,
        clearinterval = window.clearinterval,
        defaultprovider = jwplayer.html5.defaultprovider,
        _isie = utils.ismsie(),
        _ismobile = utils.ismobile(),
        _issafari = utils.issafari(),
        _isandroid = utils.isandroidnative(),
        _isios7 = utils.isios(7);


    function _setuplisteners(eventshash, videotag) {
        utils.foreach(eventshash, function(evt, evtcallback) {
            videotag.addeventlistener(evt, evtcallback, false);
        });
    }

    function _removelisteners(eventshash, videotag) {
        utils.foreach(eventshash, function(evt, evtcallback) {
            videotag.removeeventlistener(evt, evtcallback, false);
        });
    }

    function _round(number) {
        return math.floor(number*10) / 10;
    }

    function videoprovider(_playerid) {

        // current media state
        this.state = states.idle;

        var _dispatcher = new jwplayer.events.eventdispatcher('provider.' + this.name);
        utils.extend(this, _dispatcher);

        var _this = this,
            _mediaevents = {
                abort: _generalhandler,
                canplay: _canplayhandler,
                canplaythrough: _generalhandler,
                click : _onclickhandler,
                durationchange: _durationupdatehandler,
                emptied: _generalhandler,
                ended: _endedhandler,
                error: _errorhandler,
                loadeddata: _generalhandler,
                loadedmetadata: _canplayhandler,
                loadstart: _generalhandler,
                pause: _playhandler,
                play: _playhandler,
                playing: _playhandler,
                progress: _progresshandler,
                ratechange: _generalhandler,
                readystatechange: _generalhandler,
                seeked: _sendseekevent,
                seeking: _isie ? _bufferstatehandler : _generalhandler,
                stalled: _generalhandler,
                suspend: _generalhandler,
                timeupdate: _timeupdatehandler,
                volumechange: _volumehandler,
                waiting: _bufferstatehandler,
                webkitbeginfullscreen: _fullscreenbeginhandler,
                webkitendfullscreen: _fullscreenendhandler
            },
            // dom container
            _container,
            // currently playing source
            _source,
            // current duration
            _duration,
            // current position
            _position,
            // whether seeking is ready yet
            _canseek = false,
            // whether we have sent out the buffer_full event
            _bufferfull,
            // if we should seek on canplay
            _delayedseek = 0,
            // if we're currently dragging the seek bar
            _dragging = false,
            // save the volume state before muting
            _lastvolume,
            // using setinterval to check buffered ranges
            _bufferinterval = -1,
            // last sent buffer amount
            _bufferpercent = -1,
            // whether or not we're listening to video tag events
            _attached = false,
            // quality levels
            _levels,
            // current quality level index
            _currentquality = -1,

            // post roll support
            _beforecompleted = false,

            _fullscreenstate = false;

        // overwrite the event dispatchers to block on certain occasions
        this.sendevent = function() {
            if (!_attached) { return; }

            _dispatcher.sendevent.apply(this, arguments);
        };


        // find video tag, or create it if it doesn't exist
        var element = document.getelementbyid(_playerid);
        var _videotag = element.queryselector('video');
        _videotag = _videotag || document.createelement('video');

        _setuplisteners(_mediaevents, _videotag);

        // workaround for a safari bug where video disappears on switch to fullscreen
        if (!_isios7) {
            _videotag.controls = true;
            _videotag.controls = false;
        }

        // enable airplay
        _videotag.setattribute('x-webkit-airplay', 'allow');
        _videotag.setattribute('webkit-playsinline', '');


        _attached = true;


        function _generalhandler() {
            //if (evt) {
            //    utils.log('%s %o (%s,%s)', evt.type, evt);
            //}
        }

        function _onclickhandler() {
            _this.sendevent(events.jwplayer_provider_click);
        }

        function _durationupdatehandler(evt) {
            _generalhandler(evt);
            if (!_attached) { return; }
            var newduration = _round(_videotag.duration);
            if (_duration !== newduration) {
                _duration = newduration;
            }
            if (_isandroid && _delayedseek > 0 && newduration > _delayedseek) {
                _this.seek(_delayedseek);
            }
            _timeupdatehandler();
        }

        function _timeupdatehandler(evt) {
            _generalhandler(evt);
            _progresshandler(evt);

            if (!_attached) { return; }
            if (_this.state === states.playing && !_dragging) {
                _position = _round(_videotag.currenttime);
                // do not allow _durationupdatehandler to update _canseek before _canplayhandler does
                if (evt) {
                    _canseek = true;
                }
                _this.sendevent(events.jwplayer_media_time, {
                    position: _position,
                    duration: _duration
                });
                // working around a galaxy tab bug; otherwise _duration should be > 0
                //              if (_position >= _duration && _duration > 3 && !utils.isandroid(2.3)) {
                //                  _complete();
                //              }
            }
        }

        function sendmetaevent() {
            _this.sendevent(events.jwplayer_media_meta, {
                duration: _videotag.duration,
                height: _videotag.videoheight,
                width: _videotag.videowidth
            });
        }

        function _canplayhandler(evt) {
            _generalhandler(evt);

            if (!_attached) {
                return;
            }

            if (!_canseek) {
                _canseek = true;
                _sendbufferfull();
            }
            if (evt.type === 'loadedmetadata') {
                //fixes chrome bug where it doesn't like being muted before video is loaded
                if (_videotag.muted) {
                    _videotag.muted = false;
                    _videotag.muted = true;
                }
                sendmetaevent();
            }
        }

        function _progresshandler(evt) {
            _generalhandler(evt);
            if (_canseek && _delayedseek > 0 && !_isandroid) {
                // need to set a brief timeout before executing delayed seek; ie9 stalls otherwise.
                if (_isie) {
                    settimeout(function() {
                        if (_delayedseek > 0) {
                            _this.seek(_delayedseek);
                        }
                    }, 200);
                } else {
                    // otherwise call it immediately
                    _this.seek(_delayedseek);
                }
            }
        }

        function _sendbufferfull() {
            if (!_bufferfull) {
                _bufferfull = true;
                _this.sendevent(events.jwplayer_media_buffer_full);
            }
        }

        function _playhandler(evt) {
            _generalhandler(evt);
            if (!_attached || _dragging) {
                return;
            }

            if (_videotag.paused) {
                if (_videotag.currenttime === _videotag.duration && _videotag.duration > 3) {
                    // needed as of chrome 20
                    //_complete();
                } else {
                    _this.pause();
                }
            } else {
                if (utils.isff() && evt.type === 'play' && _this.state === states.buffering) {
                    // in ff, we get an extra "play" event on startup - we need to wait for "playing",
                    // which is also handled by this function
                    return;
                } else {
                    _this.setstate(states.playing);
                }
            }
        }

        function _bufferstatehandler(evt) {
            _generalhandler(evt);
            if (!_attached) {
                return;
            }
            if (!_dragging) {
                _this.setstate(states.buffering);
            }
        }

        function _errorhandler() { //evt) {
            if (!_attached) {
                return;
            }
            utils.log('error playing media: %o %s', _videotag.error, _videotag.src || _source.file);
            _this.sendevent(events.jwplayer_media_error, {
                message: 'error loading media: file could not be played'
            });
            _this.setstate(states.idle);
        }

        function _getpubliclevels(levels) {
            var publiclevels;
            if (utils.typeof(levels) === 'array' && levels.length > 0) {
                publiclevels = [];
                for (var i = 0; i < levels.length; i++) {
                    var level = levels[i],
                        publiclevel = {};
                    publiclevel.label = _levellabel(level) ? _levellabel(level) : i;
                    publiclevels[i] = publiclevel;
                }
            }
            return publiclevels;
        }

        function _sendlevels(levels) {
            var publiclevels = _getpubliclevels(levels);
            if (publiclevels) {
                //_sendevent?
                _this.sendevent(events.jwplayer_media_levels, {
                    levels: publiclevels,
                    currentquality: _currentquality
                });
            }
        }

        function _levellabel(level) {
            if (level.label) {
                return level.label;
            }

            return 0;
        }

        function _pickinitialquality() {
            if (_currentquality < 0) {
                _currentquality = 0;
            }
            if (_levels) {
                var cookies = utils.getcookies(),
                    label = cookies.qualitylabel;
                for (var i = 0; i < _levels.length; i++) {
                    if (_levels[i]['default']) {
                        _currentquality = i;
                    }
                    if (label && _levels[i].label === label) {
                        _currentquality = i;
                        break;
                    }
                }
            }

        }

        function _forcevideoload() {
            // these browsers will not replay videos without reloading them
            return (_ismobile || _issafari);
        }

        function _completeload(starttime, duration) {

            _source = _levels[_currentquality];

            clearinterval(_bufferinterval);
            _bufferinterval = setinterval(_sendbufferupdate, 100);

            _delayedseek = 0;

            var sourcechanged = (_videotag.src !== _source.file);
            if (sourcechanged || _forcevideoload()) {
                if (!_ismobile) {
                    // don't change state on mobile because a touch event may be required to start playback
                    _this.setstate(states.buffering);
                }
                _canseek = false;
                _bufferfull = false;
                _duration = duration ? duration : -1;
                _videotag.src = _source.file;
                _videotag.load();
            } else {
                // load event is from the same video as before
                if (starttime === 0) {
                    // restart video without dispatching seek event
                    _delayedseek = -1;
                    _this.seek(starttime);
                }
                // meta event is usually triggered by load, and is needed for googima to work on replay
                sendmetaevent();
                _videotag.play();
            }

            _position = _videotag.currenttime;

            if (_ismobile) {
                // results in html5.controller calling video.play()
                _sendbufferfull();
            }

            //in ios and fullscreen, set controls true, then when it goes to normal screen the controls don't show'
            if (utils.isios() && _this.getfullscreen()) {
                _videotag.controls = true;
            }

            if (starttime > 0) {
                _this.seek(starttime);
            }
        }

        this.stop = function() {
            if (!_attached) { return; }
            clearinterval(_bufferinterval);
            _videotag.removeattribute('src');
            if (!_isie) {
                _videotag.load();
            }
            _currentquality = -1;
            this.setstate(states.idle);
        };


        this.destroy = function() {
             _removelisteners(_mediaevents, _videotag);

            this.remove();
        };

        this.load = function(item) {
            if (!_attached) {
                return;
            }

            _levels = item.sources;
            _pickinitialquality();
            _sendlevels(_levels);

            _completeload(item.starttime || 0, item.duration);
        };

        this.play = function() {
            if (_attached && !_dragging) {
                _videotag.play();
            }
        };

        this.pause = function() {
            if (_attached) {
                _videotag.pause();
                this.setstate(states.paused);
            }
        };

        this.seekdrag = function(state) {
            if (!_attached) {
                return;
            }
            _dragging = state;
            if (state) {
                _videotag.pause();
            } else {
                _videotag.play();
            }
        };

        this.seek = function(seekpos) {
            if (!_attached) {
                return;
            }

            if (!_dragging && _delayedseek === 0) {
                this.sendevent(events.jwplayer_media_seek, {
                    position: _position,
                    offset: seekpos
                });
            }

            if (_canseek) {
                _delayedseek = 0;
                // handle readystate issue
                try {
                    _videotag.currenttime = seekpos;
                } catch (e) {
                    _delayedseek = seekpos;
                }

            } else {
                _delayedseek = seekpos;
            }

        };

        function _sendseekevent(evt) {
            _generalhandler(evt);
            if (!_dragging && _this.state !== states.paused) {
                _this.setstate(states.playing);
            }
        }

        this.volume = function(vol) {
            if (utils.exists(vol)) {
                _videotag.volume = math.min(math.max(0, vol / 100), 1);
                _lastvolume = _videotag.volume * 100;
            }
        };

        function _volumehandler() {
            _this.sendevent(events.jwplayer_media_volume, {
                volume: math.round(_videotag.volume * 100)
            });
            _this.sendevent(events.jwplayer_media_mute, {
                mute: _videotag.muted
            });
        }

        this.mute = function(state) {
            if (!utils.exists(state)) { state = !_videotag.muted; }

            if (state) {
                _lastvolume = _videotag.volume * 100;
                _videotag.muted = true;
            } else {
                this.volume(_lastvolume);
                _videotag.muted = false;
            }
        };

        /** set the current player state * */
        this.setstate = function(newstate) {
            // handles a ff 3.5 issue
            if (newstate === states.paused && this.state === states.idle) {
                return;
            }

            // ignore state changes while dragging the seekbar
            if (_dragging) { return; }

            defaultprovider.setstate.apply(this, arguments);
        };

        function _sendbufferupdate() {
            if (!_attached) { return; }
            var newbuffer = _getbuffer();

            if (newbuffer >= 1) {
                clearinterval(_bufferinterval);
            }

            if (newbuffer !== _bufferpercent) {
                _bufferpercent = newbuffer;
                _this.sendevent(events.jwplayer_media_buffer, {
                    bufferpercent: math.round(_bufferpercent * 100)
                });
            }
        }

        function _getbuffer() {
            var buffered = _videotag.buffered;
            if (!buffered || !_videotag.duration || buffered.length === 0) {
                return 0;
            }
            return buffered.end(buffered.length-1) / _videotag.duration;
        }

        function _endedhandler(evt) {
            _generalhandler(evt);
            if (_attached) {
                _complete();
            }
        }

        function _complete() {
            if (_this.state !== states.idle) {
                clearinterval(_bufferinterval);
                _currentquality = -1;
                _beforecompleted = true;
                _this.sendevent(events.jwplayer_media_beforecomplete);


                if (_attached) {
                    _this.setstate(states.idle);
                    _beforecompleted = false;
                    _this.sendevent(events.jwplayer_media_complete);
                }
            }
        }

        function _fullscreenbeginhandler(e) {
            _fullscreenstate = true;
            _sendfullscreen(e);
            // show controls on begin fullscreen so that they are disabled properly at end
            if (utils.isios()) {
                _videotag.controls = false;
            }
        }

        function _fullscreenendhandler(e) {
            _fullscreenstate = false;
            _sendfullscreen(e);
            if (utils.isios()) {
                _videotag.controls = false;
            }
        }

        function _sendfullscreen(e) {
            _this.sendevent('fullscreenchange', {
                target: e.target,
                jwstate: _fullscreenstate
            });
        }

        this.checkcomplete = function() {
            return _beforecompleted;
        };

        /**
         * return the video tag and stop listening to events
         */
        this.detachmedia = function() {
            clearinterval(_bufferinterval);
            _attached = false;
            // _canseek = false;
            return _videotag;
        };

        /**
         * begin listening to events again
         */
        this.attachmedia = function(seekable) {
            _attached = true;
            if (!seekable) {
                _canseek = false;
            }

            // this is after a postroll completes
            if (_beforecompleted) {
                this.setstate(states.idle);
                this.sendevent(events.jwplayer_media_complete);
                _beforecompleted = false;
            }
        };

        this.setcontainer = function(element) {
            _container = element;
            element.appendchild(_videotag);
        };

        this.getcontainer = function() {
            return _container;
        };

        this.remove = function() {
            // stop video silently
            if (_videotag) {
                _videotag.removeattribute('src');
                if (!_isie) {
                    _videotag.load();
                }
            }

            clearinterval(_bufferinterval);

            _currentquality = -1;

            // remove
            if (_container === _videotag.parentnode) {
                _container.removechild(_videotag);
            }
        };

        this.setvisibility = function(state) {
            state = !!state;
            if (state || _isandroid) {
                // changing visibility to hidden on android < 4.2 causes 
                // the pause event to be fired. this causes audio files to 
                // become unplayable. hence the video tag is always kept 
                // visible on android devices.
                utils.css.style(_container, {
                    visibility: 'visible',
                    opacity: 1
                });
            } else {
                utils.css.style(_container, {
                    visibility: '',
                    opacity: 0
                });
            }
        };

        this.resize = function(width, height, stretching) {
            return utils.stretch(stretching,
                _videotag,
                width, height,
                _videotag.videowidth, _videotag.videoheight);
        };

        this.setcontrols = function(state) {
            _videotag.controls = !!state;
        };

        this.supportsfullscreen = _.constant(true);

        this.setfullscreen = function(state) {
            state = !!state;

            // this implementation is for ios and android webkit only
            // this won't get called if the player contain can go fullscreen
            if (state) {
                try {
                    var enterfullscreen =
                        _videotag.webkitenterfullscreen ||
                        _videotag.webkitenterfullscreen;
                    if (enterfullscreen) {
                        enterfullscreen.apply(_videotag);
                    }
                } catch (e) {
                    //object can't go fullscreen
                    return false;
                }
                return _this.getfullscreen();

            } else {
                var exitfullscreen =
                    _videotag.webkitexitfullscreen ||
                    _videotag.webkitexitfullscreen;
                if (exitfullscreen) {
                    exitfullscreen.apply(_videotag);
                }
            }

            return state;
        };

        _this.getfullscreen = function() {
            return _fullscreenstate || !!_videotag.webkitdisplayingfullscreen;
        };

        this.isaudiofile = function() {
            if (!_levels) {
                return false;
            }
            var type = _levels[0].type;
            return (type === 'oga' || type === 'aac' || type === 'mp3' || type === 'vorbis');
        };

        this.setcurrentquality = function(quality) {
            if (_currentquality === quality) {
                return;
            }
            quality = parseint(quality, 10);
            if (quality >= 0) {
                if (_levels && _levels.length > quality) {
                    _currentquality = quality;
                    utils.savecookie('qualitylabel', _levels[quality].label);
                    this.sendevent(events.jwplayer_media_level_changed, {
                        currentquality: quality,
                        levels: _getpubliclevels(_levels)
                    });
                    var time = _round(_videotag.currenttime);
                    var duration = _round(_videotag.duration);
                    if (duration <= 0) {
                        duration = _duration;
                    }
                    _completeload(time, duration);
                }
            }
        };

        this.getcurrentquality = function() {
            return _currentquality;
        };

        this.getqualitylevels = function() {
            return _getpubliclevels(_levels);
        };

    }

    // register provider
    var f = function(){};
    f.prototype = defaultprovider;
    videoprovider.prototype = new f();
    videoprovider.supports = _.constant(true);

    jwplayer.html5.videoprovider = videoprovider;

})(jwplayer);
(function(jwplayer) {

    var utils = jwplayer.utils,
        _ = jwplayer._,
        events = jwplayer.events,
        states = events.state,
        defaultprovider = jwplayer.html5.defaultprovider,
        _scriptloader = new utils.scriptloader(window.location.protocol + '//www.youtube.com/iframe_api'),
        _ismobile = utils.ismobile();

    function youtubeprovider(_playerid) {

        this.state = states.idle;

        var _this = utils.extend(this, new jwplayer.events.eventdispatcher('provider.' + this.name)),
            // youtube api and player instance
            _youtubeapi = window.yt,
            _youtubeplayer = null,
            // iframe container (this element will be replaced by iframe element)
            _element = document.createelement('div'),
            // view container
            _container,
            // player state
            _bufferpercent = -1,
            // only add player ready listener once 
            _listeningforready = false,
            // function to call once api and view are ready
            _youtubeembedreadycallback = null,
            // function to call once _ytplayer api is ready
            _youtubeplayerreadycallback = null,
            // update timer
            _playinginterval = -1,
            // current youtube state, tracked because state events fail to fire
            _youtubestate = -1,
            // this is where we keep track of the volume
            _lastvolume,
            // post roll support
            _beforecompleted = false,
            // user must click video to initiate playback, gets set to false once playback starts
            _requiresuserinteraction = _ismobile;

        this.setstate = function(state) {
            clearinterval(_playinginterval);
            if (state !== states.idle) {
                // always run this interval when not idle because we can't trust events from iframe
                _playinginterval = setinterval(_checkplaybackhandler, 250);
                if (state === states.playing) {
                    _resetviewformobile();
                } else if (state === states.buffering) {
                    _bufferupdate();
                }
            }

            defaultprovider.setstate.apply(this, arguments);
        };

        // load iframe api
        if (!_youtubeapi && _scriptloader) {
            _scriptloader.addeventlistener(events.complete, _onloadsuccess);
            _scriptloader.addeventlistener(events.error, _onloaderror);
            _scriptloader.load();
        }

        // setup container
        _element.id = _playerid + '_youtube';

        function _onloadsuccess() {
            if (window.yt && window.yt.loaded) {
                _youtubeapi = window.yt;
                _readycheck();
            } else {
                // poll until yo api is loaded
                settimeout(_onloadsuccess, 100);
            }
        }

        function _onloaderror() {
            _scriptloader = null;
            // console.log('error loading youtube iframe api: %o', event);
            // todo: dispatch video error
        }

        function _getvideolayer() {
            var videolayer = _element && _element.parentnode;
            if (!videolayer) {
                // if jwplayer dom is not ready, do youtube embed on jwplayer ready
                if (!_listeningforready) {
                    jwplayer(_playerid).onready(_readycheck);
                    _listeningforready = true;
                }
                return false;
            }
            return videolayer;
        }

        function _readycheck() {
            if (_youtubeapi && _getvideolayer()) {
                // if setitem cued up a video, this callback will handle it now
                if (_youtubeembedreadycallback) {
                    _youtubeembedreadycallback.apply(_this);
                }
            }
        }

        function _checkplaybackhandler() {
            // return if player is not initialized and ready
            if (!_youtubeplayer || !_youtubeplayer.getplayerstate) {
                return;
            }
            // manually check for state changes since api fails to do so
            var youtubestate = _youtubeplayer.getplayerstate();
            if (youtubestate !== null &&
                youtubestate !== undefined &&
                youtubestate !== _youtubestate) {
                _onyoutubestatechange({
                    data: youtubestate
                });
            }
            // handle time and buffer updates
            var youtubestates = _youtubeapi.playerstate;
            if (youtubestate === youtubestates.playing) {
                _timeupdatehandler();
            } else if (youtubestate === youtubestates.buffering) {
                _bufferupdate();
            }
        }


        function _round(number) {
            return math.round(number*10)/10;
        }
        function _timeupdatehandler() {
            _bufferupdate();
            _this.sendevent(events.jwplayer_media_time, {
                position: _round(_youtubeplayer.getcurrenttime()),
                duration: _youtubeplayer.getduration()
            });
        }

        function _bufferupdate() {
            var bufferpercent = 0;
            if (_youtubeplayer && _youtubeplayer.getvideoloadedfraction) {
                bufferpercent = math.round(_youtubeplayer.getvideoloadedfraction() * 100);
            }
            if (_bufferpercent !== bufferpercent) {
                _bufferpercent = bufferpercent;
                _this.sendevent(events.jwplayer_media_buffer, {
                    bufferpercent: bufferpercent
                });
                //if (bufferpercent === 100) this.sendevent(events.jwplayer_media_buffer_full);
            }
        }

        function _ended() {
            if (_this.state !== states.idle) {
                _beforecompleted = true;
                _this.sendevent(events.jwplayer_media_beforecomplete);
                _this.setstate(states.idle);
                _beforecompleted = false;
                _this.sendevent(events.jwplayer_media_complete);
            }
        }

        function _sendmetaevent() {
            _this.sendevent(events.jwplayer_media_meta, {
                duration: _youtubeplayer.getduration(),
                width: _element.clientwidth,
                height: _element.clientheight
            });
        }

        // returns a function that is the composition of a list of functions, each
        // consuming the return value of the function that follows.
        function _composecallbacks() {
            var args = arguments;
            var start = args.length - 1;
            return function() {
                var i = start;
                var result = args[start].apply(this, arguments);
                while (i--) { result = args[i].call(this, result); }
                return result;
            };
        }

        function _embedyoutubeplayer(videoid, playervars) {
            if (!videoid) {
                throw 'invalid youtube id';
            }

            var videolayer = _element.parentnode;
            if (!videolayer) {
                // setcontainer() hasn't been run yet
                return;
            }

            var ytconfig = {
                height: '100%',
                width: '100%',
                videoid: videoid,
                playervars: utils.extend({
                    html5: 1,
                    autoplay: 0,
                    controls: 0,
                    showinfo: 0,
                    rel: 0,
                    modestbranding: 0,
                    playsinline: 1,
                    origin: location.protocol + '//' + location.hostname
                }, playervars),
                events: {
                    onready: _onyoutubeplayerready,
                    onstatechange: _onyoutubestatechange,
                    onplaybackqualitychange: _onyoutubeplaybackqualitychange,
                    // onplaybackratechange: _onyoutubeplaybackratechange,
                    onerror: _onyoutubeplayererror
                }
            };

            // iframe must be visible or it will not set up properly
            _this.setvisibility(true);

            _youtubeplayer = new _youtubeapi.player(_element, ytconfig);
            _element = _youtubeplayer.getiframe();

            _youtubeembedreadycallback = null;

            _readyviewformobile();

            _volumehandler();
        }

        // youtube player event handlers
        function _onyoutubeplayerready() {
            // if setitem was called before the player was ready, update the player now
            if (_youtubeplayerreadycallback) {
                _youtubeplayerreadycallback.apply(_this);
                _youtubeplayerreadycallback = null;
            }
        }

        function _onyoutubestatechange(event) {
            var youtubestates = _youtubeapi.playerstate;
            _youtubestate = event.data;

            switch (_youtubestate) {

                case youtubestates.unstarted: // -1: //unstarted
                    return;

                case youtubestates.ended: // 0: //ended (idle after playback)
                    _ended();
                    return;

                case youtubestates.playing: // 1: playing
                
                    //prevent duplicate captions when using jw player captions and yt video has yt:cc=on
                    if (_.isfunction(_youtubeplayer.unloadmodule)) {
                        _youtubeplayer.unloadmodule('captions');
                    }

                    // playback has started so stop blocking api.play()
                    _requiresuserinteraction = false;

                    // sent meta size and duration
                    _sendmetaevent();

                    // send levels when playback starts
                    _this.sendevent(events.jwplayer_media_levels, {
                        levels: _this.getqualitylevels(),
                        currentquality: _this.getcurrentquality()
                    });

                    _this.setstate(states.playing);
                    return;

                case youtubestates.paused: // 2: //paused
                    _this.setstate(states.paused);
                    return;

                case youtubestates.buffering: // 3: //buffering
                    _this.setstate(states.buffering);
                    return;

                case youtubestates.cued: // 5: //video cued (idle before playback)
                    _this.setstate(states.idle);
                    return;
            }
        }

        function _onyoutubeplaybackqualitychange() {
            // this event is where the youtube player and media is actually ready and can be played

            // make sure playback starts/resumes
            if (_youtubestate !== _youtubeapi.playerstate.ended) {
                _this.play();
            }

            _this.sendevent(events.jwplayer_media_level_changed, {
                currentquality: _this.getcurrentquality(),
                levels: _this.getqualitylevels()
            });
        }

        function _onyoutubeplayererror() {
            _this.sendevent(events.jwplayer_media_error, {
                message: 'error loading youtube: video could not be played'
            });
        }

        function _readyviewformobile() {
            if (_ismobile) {
                _this.setvisibility(true);
                // hide controls so user can click on iframe
                utils.css('#' + _playerid + ' .jwcontrols', {
                    display: 'none'
                });
            }
        }

        function _resetviewformobile() {
            utils.css('#' + _playerid + ' .jwcontrols', {
                display: ''
            });
        }

        // internal operations

        function _stopvideo() {
            clearinterval(_playinginterval);
            if (_youtubeplayer && _youtubeplayer.stopvideo) {
                try {
                    _youtubeplayer.stopvideo();
                    _youtubeplayer.clearvideo();
                } catch (e) {
                    //console.error('error stopping yt', e);
                }
            }
        }
        // additional provider methods (not yet implemented in html5.video)

        this.init = function(item) {
            // for now, we want each youtube provider to delete and start from scratch
            //this.destroy();

            // load item on embed for mobile touch to start
            _setitem(item);
        };

        this.destroy = function() {
            this.remove();

            _container =
                _element =
                _youtubeapi =
                _this = null;
        };


        // video provider api
        this.load = function(item) {
            this.setstate(states.buffering);

            _setitem(item);
            // start playback if api is ready
            _this.play();
        };

        function _setitem(item) {
            _youtubeplayerreadycallback = null;
            var url = item.sources[0].file;
            var videoid = utils.youtubeid(url);

            if (!item.image) {
                item.image = '//i.ytimg.com/vi/' + videoid + '/0.jpg';
            }

            _this.setvisibility(true);

            if (!_youtubeapi || !_youtubeplayer) {
                // wait for api to be present and jwplayer dom to be instantiated
                _youtubeembedreadycallback = function() {
                    _embedyoutubeplayer(videoid);
                };
                _readycheck();
                return;
            }

            if (!_youtubeplayer.getplayerstate) {
                var onstart = function() {
                    _volumehandler();
                    _this.load(item);
                };
                if (_youtubeplayerreadycallback) {
                    _youtubeplayerreadycallback = _composecallbacks(onstart, _youtubeplayerreadycallback);
                } else {
                    _youtubeplayerreadycallback = onstart;
                }
                return;
            }

            var currentvideoid = _youtubeplayer.getvideodata().video_id;

            if (currentvideoid !== videoid) {
                // an exception is thrown by the iframe_api - but the call works
                // it's trying to access an element of the controls which is not present
                // because we disabled control in the setup
                if (_requiresuserinteraction) {
                    _stopvideo();
                    _youtubeplayer.cuevideobyid(videoid);
                } else {
                    _youtubeplayer.loadvideobyid(videoid);
                }

                // if player is unstarted, ready for mobile
                var youtubestate = _youtubeplayer.getplayerstate();
                var youtubestates = _youtubeapi.playerstate;
                if (youtubestate === youtubestates.unstarted || youtubestate === youtubestates.cued) {
                    _readyviewformobile();
                }
            } else {
                // replay current video
                if (_youtubeplayer.getcurrenttime() > 0) {
                    _youtubeplayer.seekto(0);
                }
                _sendmetaevent();
            }
        }


        this.stop = function() {
            _stopvideo();
            this.setstate(states.idle);
        };

        this.play = function() {
            if (_requiresuserinteraction) {
                return;
            }
            if (_youtubeplayer && _youtubeplayer.playvideo) {
                _youtubeplayer.playvideo();
            } else {    // if the _youtubeplayer isn't setup, then play when we're ready
                if (_youtubeplayerreadycallback) {
                    _youtubeplayerreadycallback = _composecallbacks(this.play, _youtubeplayerreadycallback);
                } else {
                    _youtubeplayerreadycallback = this.play;
                }
            }
        };

        this.pause = function() {
            if (_requiresuserinteraction) {
                return;
            }
            if (_youtubeplayer.pausevideo) {
                _youtubeplayer.pausevideo();
            }
        };

        this.seek = function(position) {
            if (_requiresuserinteraction) {
                return;
            }
            if (_youtubeplayer.seekto) {
                _youtubeplayer.seekto(position);
            }
        };

        this.volume = function(volume) {
            if (!_youtubeplayer || !_youtubeplayer.getvolume) {
                return;
            }
            if (utils.exists(volume)) {
                _lastvolume = math.min(math.max(0, volume), 100);
                _youtubeplayer.setvolume(_lastvolume);
            }
        };

        function _volumehandler() {
            if (!_youtubeplayer || !_youtubeplayer.getvolume) {
                return;
            }
            _this.sendevent(events.jwplayer_media_volume, {
                volume: math.round(_youtubeplayer.getvolume())
            });
            _this.sendevent(events.jwplayer_media_mute, {
                mute: _youtubeplayer.ismuted()
            });
        }

        this.mute = function(state) {
            if (!_youtubeplayer || !_youtubeplayer.getvolume) {
                return;
            }
            if (!utils.exists(state)) {
                state = !_youtubeplayer.ismuted();
            }

            if (state) {
                _lastvolume = _youtubeplayer.getvolume();
                _youtubeplayer.mute();
            } else {
                this.volume(_lastvolume);
                _youtubeplayer.unmute();
            }
        };

        this.detachmedia = function() {
            // temp return a video element so instream doesn't break.
            // for vast: prevent instream from being initialized while casting

            return document.createelement('video');
        };

        this.attachmedia = function() {
            if (_beforecompleted) {
                this.setstate(states.idle);
                this.sendevent(events.jwplayer_media_complete);
                _beforecompleted = false;
            }
        };

        this.setcontainer = function(parent) {
            _container = parent;
            parent.appendchild(_element);
            this.setvisibility(true);
        };

        this.getcontainer = function() {
            return _container;
        };

        this.supportsfullscreen = function() {
            return !!(_container && (_container.requestfullscreen ||
                _container.requestfullscreen ||
                _container.webkitrequestfullscreen ||
                _container.webkitrequestfullscreen ||
                _container.webkitenterfullscreen ||
                _container.webkitenterfullscreen ||
                _container.mozrequestfullscreen ||
                _container.msrequestfullscreen));
        };

        this.remove = function() {
            _stopvideo();

            // remove element
            if (_element && _container && _container === _element.parentnode) {
                _container.removechild(_element);
            }

            _youtubeembedreadycallback =
                _youtubeplayerreadycallback =
                    _youtubeplayer = null;
        };

        this.setvisibility = function(state) {
            state = !!state;
            if (state) {
                // show
                utils.css.style(_element, {
                    display: 'block'
                });
                utils.css.style(_container, {
                    visibility: 'visible',
                    opacity: 1
                });
            } else {
                // hide
                if (!_ismobile) {
                    utils.css.style(_container, {
                        opacity: 0
                    });
                }
            }
        };

        this.resize = function(width, height, stretching) {
            return utils.stretch(stretching,
                _element,
                width, height,
                _element.clientwidth, _element.clientheight);
        };

        this.checkcomplete = function() {
            return _beforecompleted;
        };

        this.getcurrentquality = function() {
            if (!_youtubeplayer) {
                return;
            }
            if (_youtubeplayer.getavailablequalitylevels) {
                var ytquality = _youtubeplayer.getplaybackquality();
                var ytlevels = _youtubeplayer.getavailablequalitylevels();
                return ytlevels.indexof(ytquality);
            }
            return -1;
        };

        this.getqualitylevels = function() {
            if (!_youtubeplayer) {
                return;
            }

            if (!_.isfunction(_youtubeplayer.getavailablequalitylevels)) {
                return [];
            }

            var ytlevels = _youtubeplayer.getavailablequalitylevels();

            // if the result is ['auto', 'low'], we prefer to return ['low']
            if (ytlevels.length === 2 && _.contains(ytlevels, 'auto')) {
                return {
                    label : _.without(ytlevels, 'auto')
                };
            }

            var qualityarray = _.map(ytlevels, function(val) {
                return {
                    label : val
                };
            });

            // we expect them in decreasing order
            return qualityarray.reverse();
        };

        this.setcurrentquality = function(quality) {
            if (!_youtubeplayer) {
                return;
            }
            if (_youtubeplayer.getavailablequalitylevels) {
                var ytlevels = _youtubeplayer.getavailablequalitylevels();
                if (ytlevels.length) {
                    var ytquality = ytlevels[ytlevels.length - quality - 1];
                    _youtubeplayer.setplaybackquality(ytquality);
                }
            }
        };
    }

    // clear up the memory, this is called by google
    window.onyoutubeiframeapiready = function() {
        _scriptloader = null;
    };

    function supports(source) {
        return (utils.isyoutube(source.file, source.type));
    }

    // required configs
    var f = function(){};
    f.prototype = defaultprovider;
    youtubeprovider.prototype = new f();
    youtubeprovider.supports = supports;

    jwplayer.html5.youtubeprovider = youtubeprovider;

})(jwplayer);
/* jshint maxparams:9, maxlen:9000 */
(function(jwplayer) {
    var _utils = jwplayer.utils,
        _css = _utils.css,
        _events = jwplayer.events,
        view_instream_skip_class = 'jwskip',
        view_instream_image = 'jwskipimage',
        view_instream_over = 'jwskipover',
        view_instream_out = 'jwskipout',
        _skip_width = 80,
        _skip_height = 30,
        _skip_icon = 'data:image/png;base64,ivborw0kggoaaaansuheugaaaakaaaaicayaaaarzdw1aaaagxrfwhrtb2z0d2fyzqbbzg9izsbjbwfnzvjlywr5ccllpaaaa3npvfh0we1momnvbs5hzg9izs54bxaaaaaaadw/ehbhy2tldcbizwdpbj0i77u/iibpzd0ivzvnme1wq2voauh6cmvtek5uy3pryzlkij8+idx4onhtcg1ldgegeg1sbnm6ed0iywrvymu6bnm6bwv0ys8iihg6eg1wdgs9ikfkb2jlifhnucbdb3jliduuns1jmde0idc5lje1mtq4mswgmjaxmy8wmy8xmy0xmjowotoxnsagicagicagij4gphjkzjpsreygeg1sbnm6cmrmpsjodhrwoi8vd3d3lnczlm9yzy8xotk5lzaylziylxjkzi1zew50yxgtbnmjij4gphjkzjpezxnjcmlwdglvbibyzgy6ywjvdxq9iiigeg1sbnm6eg1wtu09imh0dha6ly9ucy5hzg9izs5jb20vegfwlzeumc9tbs8iihhtbg5zonn0umvmpsjodhrwoi8vbnmuywrvymuuy29tl3hhcc8xljavc1r5cguvumvzb3vyy2vszwyjiib4bwxuczp4bxa9imh0dha6ly9ucy5hzg9izs5jb20vegfwlzeumc8iihhtce1nok9yawdpbmfsrg9jdw1lbnrjrd0ieg1wlmrpzdo0odkzmwi3ny04yje5ltqzyzmtogm2ni0wyzdkodnmztllndyiihhtce1nokrvy3vtzw50suq9inhtcc5kawq6rdi0otcxrke0oem2mtffm0i4mtrem0zbqtfcnde3ntgiihhtce1nokluc3rhbmnlsuq9inhtcc5pawq6rdi0otcxrjk0oem2mtffm0i4mtrem0zbqtfcnde3ntgiihhtcdpdcmvhdg9yvg9vbd0iqwrvymugughvdg9zag9wiendichnywnpbnrvc2gpij4gphhtce1nokrlcml2zwrgcm9tihn0umvmomluc3rhbmnlsuq9inhtcc5pawq6nda5zgqxndktnzdkmi00m2e3lwjjywytotrjzmm2mwnkzdi0iibzdfjlzjpkb2n1bwvudelepsj4bxauzglkojq4otmxyjc3lthimtktndnjmy04yzy2ltbjn2q4m2zlowu0niivpia8l3jkzjpezxnjcmlwdglvbj4gpc9yzgy6ukrgpia8l3g6eg1wbwv0yt4gpd94cgfja2v0igvuzd0icii/pqazxx0aaabysurbvhjafi2bccawcaq/kr3scrwjw+g2ssezci0kyhpwkly8jcldbwagtm+mafzuvnxhnitqsh+ps9qhz7o9jufmeuvnwjsamdma4k+3oy1cqx/hxypaaaqwnkv27g9paaaaaelftksuqmcc',
        _skip_icon_over = 'data:image/png;base64,ivborw0kggoaaaansuheugaaaakaaaaicayaaaarzdw1aaaagxrfwhrtb2z0d2fyzqbbzg9izsbjbwfnzvjlywr5ccllpaaaa3npvfh0we1momnvbs5hzg9izs54bxaaaaaaadw/ehbhy2tldcbizwdpbj0i77u/iibpzd0ivzvnme1wq2voauh6cmvtek5uy3pryzlkij8+idx4onhtcg1ldgegeg1sbnm6ed0iywrvymu6bnm6bwv0ys8iihg6eg1wdgs9ikfkb2jlifhnucbdb3jliduuns1jmde0idc5lje1mtq4mswgmjaxmy8wmy8xmy0xmjowotoxnsagicagicagij4gphjkzjpsreygeg1sbnm6cmrmpsjodhrwoi8vd3d3lnczlm9yzy8xotk5lzaylziylxjkzi1zew50yxgtbnmjij4gphjkzjpezxnjcmlwdglvbibyzgy6ywjvdxq9iiigeg1sbnm6eg1wtu09imh0dha6ly9ucy5hzg9izs5jb20vegfwlzeumc9tbs8iihhtbg5zonn0umvmpsjodhrwoi8vbnmuywrvymuuy29tl3hhcc8xljavc1r5cguvumvzb3vyy2vszwyjiib4bwxuczp4bxa9imh0dha6ly9ucy5hzg9izs5jb20vegfwlzeumc8iihhtce1nok9yawdpbmfsrg9jdw1lbnrjrd0ieg1wlmrpzdo0odkzmwi3ny04yje5ltqzyzmtogm2ni0wyzdkodnmztllndyiihhtce1nokrvy3vtzw50suq9inhtcc5kawq6rdi0otcxrku0oem2mtffm0i4mtrem0zbqtfcnde3ntgiihhtce1nokluc3rhbmnlsuq9inhtcc5pawq6rdi0otcxrkq0oem2mtffm0i4mtrem0zbqtfcnde3ntgiihhtcdpdcmvhdg9yvg9vbd0iqwrvymugughvdg9zag9wiendichnywnpbnrvc2gpij4gphhtce1nokrlcml2zwrgcm9tihn0umvmomluc3rhbmnlsuq9inhtcc5pawq6nda5zgqxndktnzdkmi00m2e3lwjjywytotrjzmm2mwnkzdi0iibzdfjlzjpkb2n1bwvudelepsj4bxauzglkojq4otmxyjc3lthimtktndnjmy04yzy2ltbjn2q4m2zlowu0niivpia8l3jkzjpezxnjcmlwdglvbj4gpc9yzgy6ukrgpia8l3g6eg1wbwv0yt4gpd94cgfja2v0igvuzd0icii/pvgij/qaaabysurbvhjadi6bccagdas/0jmyih2tm2lhsrzjx6hqq3w4fp49lkrashv3zldzauai3cwaquhsfvft+eweznhneudtzpgrmp5hejfhao3lacnjn7blzcvaah9yoscl5rzkaaaaaelftksuqmcc';

    jwplayer.html5.adskipbutton = function(_playerid, _bottom, _skipmessage, _skiptext) {
        var _instreamskipcontainer,
            _instreamskip,
            _offsettime = -1,
            _instreamskipset = false,
            _controls,
            _skipoffset = 0,
            _skip_image,
            _skip_image_over,
            _mouseover = false,
            _this = _utils.extend(this, new _events.eventdispatcher());

        function _init() {
            _skip_image = new image();
            _skip_image.src = _skip_icon;
            _skip_image.classname = view_instream_image + ' ' + view_instream_out;
            _skip_image_over = new image();
            _skip_image_over.src = _skip_icon_over;
            _skip_image_over.classname = view_instream_image + ' ' + view_instream_over;
            _instreamskipcontainer = _createelement('div', view_instream_skip_class);
            _instreamskipcontainer.id = _playerid + '_skipcontainer';
            _instreamskip = _createelement('canvas');
            _instreamskipcontainer.appendchild(_instreamskip);
            _this.width = _instreamskip.width = _skip_width;
            _this.height = _instreamskip.height = _skip_height;
            _instreamskipcontainer.appendchild(_skip_image_over);
            _instreamskipcontainer.appendchild(_skip_image);
            _css.style(_instreamskipcontainer, {
                'visibility': 'hidden',
                'bottom': _bottom
            });
            // add event listeners once, exit with !_instreamskipset
            _instreamskipcontainer.addeventlistener('mouseover', onmouseover);
            _instreamskipcontainer.addeventlistener('mouseout', onmouseout);
            if (_utils.ismobile()) {
                var skiptouch = new _utils.touch(_instreamskipcontainer);
                skiptouch.addeventlistener(_utils.touchevents.tap, skipad);
            } else {
                _instreamskipcontainer.addeventlistener('click', skipad);
            }
        }


        function _updatetime(currtime) {
            if (_offsettime < 0) {
                return;
            }
            var message = _skipmessage.replace(/xx/gi, math.ceil(_offsettime - currtime));
            drawout(message);
        }

        function _updateoffset(pos, duration) {
            if (_utils.typeof(_skipoffset) === 'number') {
                _offsettime = _skipoffset;
            } else if (_skipoffset.slice(-1) === '%') {
                var percent = parsefloat(_skipoffset.slice(0, -1));
                if (duration && !isnan(percent)) {
                    _offsettime = duration * percent / 100;
                }
            } else if (_utils.typeof(_skipoffset) === 'string') {
                _offsettime = _utils.seconds(_skipoffset);
            } else if (!isnan(_skipoffset)) {
                _offsettime = _skipoffset;
            }
        }

        _this.updateskiptime = function(time, duration) {
            _updateoffset(time, duration);
            if (_offsettime >= 0) {
                _css.style(_instreamskipcontainer, {
                    'visibility': _controls ? 'visible' : 'hidden'
                });
                if (_offsettime - time > 0) {
                    _updatetime(time);
                    if (_instreamskipset) {
                        _instreamskipset = false;
                        _instreamskipcontainer.style.cursor = 'default';
                    }
                } else if (!_instreamskipset) {
                    if (!_instreamskipset) {
                        _instreamskipset = true;
                        _instreamskipcontainer.style.cursor = 'pointer';
                    }
                    if (_mouseover) {
                        drawover();
                    } else {
                        drawout();
                    }
                }
            }
        };

        function skipad() {
            if (_instreamskipset) {
                _this.sendevent(_events.jwplayer_ad_skipped);
            }
        }

        this.reset = function(offset) {
            _instreamskipset = false;
            _skipoffset = offset;
            _updateoffset(0, 0);
            _updatetime(0);
        };

        function onmouseover() {
            _mouseover = true;
            if (_instreamskipset) {
                drawover();
            }
        }

        function onmouseout() {
            _mouseover = false;
            if (_instreamskipset) {
                drawout();
            }
        }

        function drawout(message) {
            message = message || _skiptext;

            var ctx = _instreamskip.getcontext('2d');
            ctx.clearrect(0, 0, _skip_width, _skip_height);
            drawroundrect(ctx, 0, 0, _skip_width, _skip_height, 5, true, false, false);
            drawroundrect(ctx, 0, 0, _skip_width, _skip_height, 5, false, true, false);
            ctx.fillstyle = '#979797';
            ctx.globalalpha = 1.0;
            var y = _instreamskip.height / 2;
            var x = _instreamskip.width / 2;
            ctx.textalign = 'center';
            ctx.font = 'bold 12px sans-serif';
            if (message === _skiptext) {
                x -= _skip_image.width;
                ctx.drawimage(_skip_image, _instreamskip.width - ((_instreamskip.width - ctx.measuretext(_skiptext).width) / 2) - 4, (_skip_height - _skip_image.height) / 2);
            }
            ctx.filltext(message, x, y + 4);
        }

        function drawover(message) {
            message = message || _skiptext;

            var ctx = _instreamskip.getcontext('2d');
            ctx.clearrect(0, 0, _skip_width, _skip_height);
            drawroundrect(ctx, 0, 0, _skip_width, _skip_height, 5, true, false, true);
            drawroundrect(ctx, 0, 0, _skip_width, _skip_height, 5, false, true, true);
            ctx.fillstyle = '#ffffff';
            ctx.globalalpha = 1.0;
            var y = _instreamskip.height / 2;
            var x = _instreamskip.width / 2;
            ctx.textalign = 'center';
            ctx.font = 'bold 12px sans-serif';
            if (message === _skiptext) {
                x -= _skip_image.width;
                ctx.drawimage(_skip_image_over, _instreamskip.width - ((_instreamskip.width - ctx.measuretext(_skiptext).width) / 2) - 4, (_skip_height - _skip_image.height) / 2);
            }
            ctx.filltext(message, x, y + 4);
        }

        function drawroundrect(ctx, x, y, width, height, radius, fill, stroke, over) {
            if (typeof stroke === 'undefined') {
                stroke = true;
            }
            if (typeof radius === 'undefined') {
                radius = 5;
            }
            ctx.beginpath();
            ctx.moveto(x + radius, y);
            ctx.lineto(x + width - radius, y);
            ctx.quadraticcurveto(x + width, y, x + width, y + radius);
            ctx.lineto(x + width, y + height - radius);
            ctx.quadraticcurveto(x + width, y + height, x + width - radius, y + height);
            ctx.lineto(x + radius, y + height);
            ctx.quadraticcurveto(x, y + height, x, y + height - radius);
            ctx.lineto(x, y + radius);
            ctx.quadraticcurveto(x, y, x + radius, y);
            ctx.closepath();
            if (stroke) {
                ctx.strokestyle = 'white';
                ctx.globalalpha = over ? 1.0 : 0.25;
                ctx.stroke();
            }
            if (fill) {
                ctx.fillstyle = '#000000';
                ctx.globalalpha = 0.5;
                ctx.fill();
            }
        }

        _this.show = function() {
            _controls = true;
            if (_offsettime > 0) {
                _css.style(_instreamskipcontainer, {
                    'visibility': 'visible'
                });
            }
        };

        _this.hide = function() {
            _controls = false;
            _css.style(_instreamskipcontainer, {
                'visibility': 'hidden'
            });
        };

        function _createelement(elem, classname) {
            var newelement = document.createelement(elem);
            if (classname) {
                newelement.classname = classname;
            }
            return newelement;
        }

        this.element = function() {
            return _instreamskipcontainer;
        };

        _init();
    };

    _css('.' + view_instream_skip_class, {
        'position': 'absolute',
        'float': 'right',
        'display': 'inline-block',
        'width': _skip_width,
        'height': _skip_height,
        'right': 10
    });

    _css('.' + view_instream_image, {
        'position': 'relative',
        'display': 'none'
    });

})(window.jwplayer);
(function(jwplayer) {

    var html5 = jwplayer.html5,
        utils = jwplayer.utils,
        events = jwplayer.events,
        states = events.state,
        parsers = jwplayer.parsers,
        _css = utils.css,
        _nonchromeandroid = utils.isandroid(4, true),
        playing = 'playing',

        d_class = '.jwcaptions',

        /** some css constants we should use for minimization **/
        jw_css_absolute = 'absolute',
        jw_css_none = 'none',
        jw_css_100pct = '100%',
        jw_css_hidden = 'hidden',
        jw_css_normal = 'normal',
        jw_css_white = '#ffffff';

    /** displays closed captions or subtitles on top of the video. **/
    html5.captions = function(api, options) {

        var _api = api,
            _display,
            _defaults = {
                back: true,
                color: jw_css_white,
                fontsize: 15,
                fontfamily: 'arial,sans-serif',
                fontopacity: 100,
                backgroundcolor: '#000',
                backgroundopacity: 100,
                // if back == false edgestyle defaults to 'uniform',
                // otherwise it's 'none'
                edgestyle: null,
                windowcolor: jw_css_white,
                windowopacity: 0
            },

            /** default configuration options. **/
            _options = {
                fontstyle: jw_css_normal,
                fontweight: jw_css_normal,
                textdecoration: jw_css_none
            },

            /** reference to the text renderer. **/
            _renderer,
            /** current player state. **/
            _state,
            /** currently active captions track. **/
            _track,
            /** list with all tracks. **/
            _tracks = [],
            /**counter for downloading all the tracks**/
            _dlcount = 0,

            _waiting = -1,
            /** currently selected track in the displayed track list. **/
            _selectedtrack = 0,
            /** flag to remember fullscreen state. **/
            _fullscreen = false,
            /** event dispatcher for captions events. **/
            _eventdispatcher = new events.eventdispatcher();

        utils.extend(this, _eventdispatcher);

        function _init() {

            _display = document.createelement('div');
            _display.id = _api.id + '_caption';
            _display.classname = 'jwcaptions';

            _api.jwaddeventlistener(events.jwplayer_player_state, _statehandler);
            _api.jwaddeventlistener(events.jwplayer_playlist_item, _itemhandler);
            _api.jwaddeventlistener(events.jwplayer_media_error, _errorhandler);
            _api.jwaddeventlistener(events.jwplayer_error, _errorhandler);
            _api.jwaddeventlistener(events.jwplayer_ready, _setup);
            _api.jwaddeventlistener(events.jwplayer_media_time, _timehandler);
            _api.jwaddeventlistener(events.jwplayer_fullscreen, _fullscreenhandler);
            _api.jwaddeventlistener(events.jwplayer_resize, _resizehandler);
        }

        function _resizehandler() {
            _redraw(false);
        }

        /** error loading/parsing the captions. **/
        function _errorhandler(error) {
            utils.log('captions(' + error + ')');
        }

        /** player jumped to idle state. **/
        function _idlehandler() {
            _state = 'idle';
            _redraw(false);
            //_renderer.update(0);
        }

        function _statehandler(evt) {
            switch (evt.newstate) {
                case states.idle:
                    _idlehandler();
                    break;
                case states.playing:
                    _playhandler();
                    break;
            }
        }

        function _fullscreenhandler(event) {
            _fullscreen = event.fullscreen;
            if (event.fullscreen) {
                _fullscreenresize();
                // to fix browser fullscreen issue
                settimeout(_fullscreenresize, 500);
            } else {
                _redraw(true);
            }

        }

        function _fullscreenresize() {
            var height = _display.offsetheight,
                width = _display.offsetwidth;
            if (height !== 0 && width !== 0) {
                _renderer.resize(width, math.round(height * 0.94));
            }
        }

        /** listen to playlist item updates. **/
        function _itemhandler() {
            _track = 0;
            _tracks = [];
            _renderer.update(0);
            _dlcount = 0;

            var item = _api.jwgetplaylist()[_api.jwgetplaylistindex()],
                tracks = item.tracks,
                captions = [],
                i = 0,
                label = '',
                defaulttrack = 0,
                file = '',
                cookies;

            for (i = 0; i < tracks.length; i++) {
                var kind = tracks[i].kind.tolowercase();
                if (kind === 'captions' || kind === 'subtitles') {
                    captions.push(tracks[i]);
                }
            }

            _selectedtrack = 0;
            if (_nonchromeandroid) {
                return;
            }
            for (i = 0; i < captions.length; i++) {
                file = captions[i].file;
                if (file) {
                    if (!captions[i].label) {
                        captions[i].label = i.tostring();

                    }
                    _tracks.push(captions[i]);
                    _load(_tracks[i].file, i);
                }
            }

            for (i = 0; i < _tracks.length; i++) {
                if (_tracks[i]['default']) {
                    defaulttrack = i + 1;
                    break;
                }
            }

            cookies = utils.getcookies();
            label = cookies.captionlabel;

            if (label) {
                tracks = _gettracks();
                for (i = 0; i < tracks.length; i++) {
                    if (label === tracks[i].label) {
                        defaulttrack = i;
                        break;
                    }
                }
            }
            if (defaulttrack > 0) {
                _rendercaptions(defaulttrack);
            }
            _redraw(false);
            _sendevent(events.jwplayer_captions_list, _gettracks(), _selectedtrack);
        }

        /** load captions. **/
        function _load(file, index) {
            utils.ajax(file, function(xmlevent) {
                _xmlreadhandler(xmlevent, index);
            }, _xmlfailedhandler, true);
        }

        function _xmlreadhandler(xmlevent, index) {
            var rss = xmlevent.responsexml ? xmlevent.responsexml.firstchild : null,
                parser;
            _dlcount++;
            // ie9 sets the firstchild element to the root <xml> tag

            if (rss) {
                if (parsers.localname(rss) === 'xml') {
                    rss = rss.nextsibling;
                }
                // ignore all comments
                while (rss.nodetype === rss.comment_node) {
                    rss = rss.nextsibling;
                }
            }
            if (rss && parsers.localname(rss) === 'tt') {
                parser = new jwplayer.parsers.dfxp();
            } else {
                parser = new jwplayer.parsers.srt();
            }
            try {
                var data = parser.parse(xmlevent.responsetext);
                if (_track < _tracks.length) {
                    _tracks[index].data = data;
                }
                _redraw(false);
            } catch (e) {
                _errorhandler(e.message + ': ' + _tracks[index].file);
            }

            if (_dlcount === _tracks.length) {
                if (_waiting > 0) {
                    _rendercaptions(_waiting);
                    _waiting = -1;
                }
                sendall();
            }
        }

        function _xmlfailedhandler(message) {
            _dlcount++;
            _errorhandler(message);
            if (_dlcount === _tracks.length) {
                if (_waiting > 0) {
                    _rendercaptions(_waiting);
                    _waiting = -1;
                }
                sendall();
            }
        }


        function sendall() {

            var data = [];
            for (var i = 0; i < _tracks.length; i++) {
                data.push(_tracks[i]);
            }
            _eventdispatcher.sendevent(events.jwplayer_captions_loaded, {
                captiondata: data
            });
        }

        /** player started playing. **/
        function _playhandler() {
            _state = playing;
            _redraw(false);
        }

        /** update the interface. **/
        function _redraw(timeout) {
            if (!_tracks.length) {
                _renderer.hide();
            } else {
                if (_state === playing && _selectedtrack > 0) {
                    _renderer.show();
                    if (_fullscreen) {
                        _fullscreenhandler({
                            fullscreen: true
                        });
                        return;
                    }
                    _normalresize();
                    if (timeout) {
                        settimeout(_normalresize, 500);
                    }
                } else {
                    _renderer.hide();
                }
            }
        }

        function _normalresize() {
            _renderer.resize();
        }

        /** setup captions when player is ready. **/
        function _setup() {
            utils.foreach(_defaults, function(rule, val) {
                if (options) {
                    if (options[rule] !== undefined) {
                        val = options[rule];
                    } else if (options[rule.tolowercase()] !== undefined) {
                        val = options[rule.tolowercase()];
                    }
                }
                _options[rule] = val;
            });

            // place renderer and selector.
            _renderer = new jwplayer.html5.captions.renderer(_options, _display);
            _redraw(false);
        }


        /** selection menu was closed. **/
        function _rendercaptions(index) {
            // store new state and track
            if (index > 0) {
                _track = index - 1;
                _selectedtrack = math.floor(index);
            } else {
                _selectedtrack = 0;
                _redraw(false);
                return;
            }

            if (_track >= _tracks.length) {
                return;
            }

            // load new captions
            if (_tracks[_track].data) {
                _renderer.populate(_tracks[_track].data);
            } else if (_dlcount === _tracks.length) {
                _errorhandler('file not loaded: ' + _tracks[_track].file);
                if (_selectedtrack !== 0) {
                    _sendevent(events.jwplayer_captions_changed, _tracks, 0);
                }
                _selectedtrack = 0;
            } else {
                _waiting = index;
            }
            _redraw(false);
        }


        /** listen to player time updates. **/
        function _timehandler(event) {
            _renderer.update(event.position);
        }

        function _sendevent(type, tracks, track) {
            var captionsevent = {
                type: type,
                tracks: tracks,
                track: track
            };
            _eventdispatcher.sendevent(type, captionsevent);
        }

        function _gettracks() {
            var list = [{
                label: 'off'
            }];
            for (var i = 0; i < _tracks.length; i++) {
                list.push({
                    label: _tracks[i].label
                });
            }
            return list;
        }

        this.element = function() {
            return _display;
        };

        this.getcaptionslist = function() {
            return _gettracks();
        };

        this.getcurrentcaptions = function() {
            return _selectedtrack;
        };

        this.setcurrentcaptions = function(index) {
            if (index >= 0 && _selectedtrack !== index && index <= _tracks.length) {
                _rendercaptions(index);
                var tracks = _gettracks();
                utils.savecookie('captionlabel', tracks[_selectedtrack].label);
                _sendevent(events.jwplayer_captions_changed, tracks, _selectedtrack);
            }
        };

        _init();
    };

    _css(d_class, {
        position: jw_css_absolute,
        cursor: 'pointer',
        width: jw_css_100pct,
        height: jw_css_100pct,
        overflow: jw_css_hidden
    });

})(jwplayer);
(function(jwplayer) {
    var html5 = jwplayer.html5,
        utils = jwplayer.utils,
        _style = utils.css.style;

    /** component that renders the actual captions on screen. **/
    html5.captions.renderer = function(_options, _div) {

        /** current list with captions. **/
        var _captions,
            /** container of captions window. **/
            _container,
            /** container of captions text. **/
            _captionswindow,
            /** text container of captions. **/
            _textcontainer,
            /** current actie captions entry. **/
            _current,
            /** current video position. **/
            _position,
            /** should the captions be visible or not. **/
            _visible = 'visible',
            /** interval for resize. **/
            _interval = -1;


        /** hide the rendering component. **/
        this.hide = function() {
            clearinterval(_interval);
            _style(_container, {
                display: 'none'
            });
        };

        /** assign list of captions to the renderer. **/
        this.populate = function(captions) {
            _current = -1;
            _captions = captions;
            _select();
        };

        /** render the active caption. **/
        function _render(html) {
            html = html || '';
            //hide containers before resizing
            _visible = 'hidden';
            _style(_container, {
                visibility: _visible
            });
            //update text and resize after delay
            _textcontainer.innerhtml = html;
            if (html.length) {
                _visible = 'visible';
                settimeout(_resize, 16);
            }
        }

        /** store new dimensions. **/
        this.resize = function() {
            _resize();
        };

        /** resize the captions. **/
        function _resize() {
            // only resize if visible
            if (_visible === 'visible') {
                var width = _container.clientwidth,
                    scale = math.pow(width / 400, 0.6);

                var size = _options.fontsize * scale;
                _style(_textcontainer, {
                    maxwidth: width + 'px',
                    fontsize: math.round(size) + 'px',
                    lineheight: math.round(size * 1.4) + 'px',
                    padding: math.round(1 * scale) + 'px ' + math.round(8 * scale) + 'px'
                });
                if (_options.windowopacity) {
                    _style(_captionswindow, {
                        padding: math.round(5 * scale) + 'px',
                        borderradius: math.round(5 * scale) + 'px'
                    });
                }
                _style(_container, {
                    visibility: _visible
                });
            }
        }

        /** select a caption for rendering. **/
        function _select() {
            var found = -1;
            for (var i = 0; i < _captions.length; i++) {
                if (_captions[i].begin <= _position &&
                    (i === _captions.length - 1 || _captions[i + 1].begin >= _position)) {
                    found = i;
                    break;
                }
            }
            // if none, empty the text. if not current, re-render.
            if (found === -1) {
                _render('');
            } else if (found !== _current) {
                _current = found;
                _render(_captions[i].text);
            }
        }

        /** constructor for the renderer. **/
        function _setup() {
            var fontopacity = _options.fontopacity,
                windowopacity = _options.windowopacity,
                edgestyle = _options.edgestyle,
                bgcolor = _options.backgroundcolor,
                windowstyle = {
                    display: 'inline-block'
                },
                textstyle = {
                    color: utils.hextorgba(utils.rgbhex(_options.color), fontopacity),
                    display: 'inline-block',
                    fontfamily: _options.fontfamily,
                    fontstyle: _options.fontstyle,
                    fontweight: _options.fontweight,
                    textalign: 'center',
                    textdecoration: _options.textdecoration,
                    wordwrap: 'break-word'
                };

            if (windowopacity) {
                windowstyle.backgroundcolor = utils.hextorgba(utils.rgbhex(_options.windowcolor), windowopacity);
            }

            addedgestyle(edgestyle, textstyle, fontopacity);

            if (_options.back) {
                textstyle.backgroundcolor = utils.hextorgba(utils.rgbhex(bgcolor), _options.backgroundopacity);
            } else if (edgestyle === null) {
                addedgestyle('uniform', textstyle);
            }

            _container = document.createelement('div');
            _captionswindow = document.createelement('div');
            _textcontainer = document.createelement('span');

            _style(_container, {
                display: 'block',
                height: 'auto',
                position: 'absolute',
                bottom: '20px',
                textalign: 'center',
                width: '100%'
            });

            _style(_captionswindow, windowstyle);

            _style(_textcontainer, textstyle);

            _captionswindow.appendchild(_textcontainer);
            _container.appendchild(_captionswindow);
            _div.appendchild(_container);
        }

        function addedgestyle(option, style, fontopacity) {
            var color = utils.hextorgba('#000000', fontopacity);
            if (option === 'dropshadow') { // small drop shadow
                style.textshadow = '0 2px 1px ' + color;
            } else if (option === 'raised') { // larger drop shadow
                style.textshadow = '0 0 5px ' + color + ', 0 1px 5px ' + color + ', 0 2px 5px ' + color;
            } else if (option === 'depressed') { // top down shadow
                style.textshadow = '0 -2px 1px ' + color;
            } else if (option === 'uniform') { // outline
                style.textshadow = '-2px 0 1px ' + color + ',2px 0 1px ' + color +
                    ',0 -2px 1px ' + color + ',0 2px 1px ' + color + ',-1px 1px 1px ' +
                    color + ',1px 1px 1px ' + color + ',1px -1px 1px ' + color +
                    ',1px 1px 1px ' + color;
            }
        }

        /** show the rendering component. **/
        this.show = function() {
            _style(_container, {
                display: 'block'
            });
            _resize();
            clearinterval(_interval);
            _interval = setinterval(_resize, 250);
        };

        /** update the video position. **/
        this.update = function(position) {
            _position = position;
            if (_captions) {
                _select();
            }
        };

        _setup();
    };

})(jwplayer);
/*jshint maxparams:5*/
(function(window, document, undefined) {
    var jwplayer = window.jwplayer,
        html5 = jwplayer.html5,
        utils = jwplayer.utils,
        _     = jwplayer._,
        events = jwplayer.events,
        states = events.state,
        _css = utils.css,
        _settransition = utils.transitionstyle,
        _ismobile = utils.ismobile(),
        _nonchromeandroid = utils.isandroid(4, true),
        _iframed = (window.top !== window.self),

        /** controlbar element types * */
        cb_button = 'button',
        cb_text = 'text',
        cb_divider = 'divider',
        cb_slider = 'slider',

        jw_visibility_timeout = 250,

        hidden = {
            display: 'none'
        },
        showing = {
            display: 'block'
        },
        not_hidden = {
            display: ''
        };

    function _removefromarray(array, item) {
        var index = _.indexof(array, item);
        if (index > -1) {
            array.splice(index, 1);
        }
    }

    function _addoncetoarray(array, item) {
        var index = _.indexof(array, item);
        if (index === -1) {
            array.push(item);
        }
    }

    function _createelementid(_id, name) {
        return _id + '_' + name;
    }

    function _elementsize(skinelem) {
        return skinelem ? parseint(skinelem.width, 10) + 'px ' + parseint(skinelem.height, 10) + 'px' : '0 0';
    }


    /** html5 controlbar class * */
    html5.controlbar = function(_api, _config) {
        _config = _config || {};
        var _skin,
            _dividerelement = _layoutelement('divider', cb_divider),
            _defaults = {
                margin: 8,
                maxwidth: 800,
                font: 'arial,sans-serif',
                fontsize: 11,
                fontcolor: parseint('eeeeee', 16),
                fontweight: 'bold',
                layout: {
                    left: {
                        position: 'left',
                        elements: [
                            _layoutelement('play', cb_button),
                            _layoutelement('prev', cb_button),
                            _layoutelement('next', cb_button),
                            _layoutelement('elapsed', cb_text)
                        ]
                    },
                    center: {
                        position: 'center',
                        elements: [
                            _layoutelement('time', cb_slider),
                            _layoutelement('alt', cb_text)
                        ]
                    },
                    right: {
                        position: 'right',
                        elements: [
                            _layoutelement('duration', cb_text),
                            _layoutelement('hd', cb_button),
                            _layoutelement('cc', cb_button),
                            _layoutelement('mute', cb_button),
                            _layoutelement('volume', cb_slider),
                            _layoutelement('volumeh', cb_slider),
                            _layoutelement('cast', cb_button),
                            _layoutelement('fullscreen', cb_button)
                        ]
                    }
                }
            },

            _settings,
            _layout,
            _elements,
            _bgheight,
            _controlbar,
            _id,
            _duration,
            _position,
            _levels = [],
            _currentquality,
            _captions,
            _currentcaptions,
            _currentvolume,
            _caststate = {},
            _volumeoverlay,
            _cbbounds,
            _timerail,
            _railbounds,
            _timeoverlay,
            _timeoverlaycontainer,
            _timeoverlaythumb,
            _timeoverlaytext,
            _hdtimer,
            _hdtaptimer,
            _hdoverlay,
            _cctimer,
            _cctaptimer,
            _ccoverlay,
            _redrawtimeout,
            _hidetimeout = -1,
            _audiomode = false,
            _instreammode = false,
            _admode = false,
            _hidefullscreen = false,
            _dragging = null,
            _lastseektime = 0,
            _cues = [],
            _activecue,
            _toggles = {
                play: 'pause',
                mute: 'unmute',
                cast: 'casting',
                fullscreen: 'normalscreen'
            },

            _togglestates = {
                play: false,
                mute: false,
                cast: false,
                fullscreen: _config.fullscreen || false
            },

            _buttonmapping = {
                play: _play,
                mute: _mute,
                fullscreen: _fullscreen,
                next: _next,
                prev: _prev,
                hd: _hd,
                cc: _cc,
                cast: _cast
            },

            _slidermapping = {
                time: _seek,
                volume: _volume
            },

            _overlays = {},
            _jwhidden = [],
            _this = utils.extend(this, new events.eventdispatcher());

        function _layoutelement(name, type, classname) {
            return {
                name: name,
                type: type,
                classname: classname
            };
        }

        function _init() {
            _elements = {};

            _id = _api.id + '_controlbar';
            _duration = _position = 0;

            _controlbar = _createspan();
            _controlbar.id = _id;
            _controlbar.classname = 'jwcontrolbar';

            _skin = _api.skin;
            _layout = _skin.getcomponentlayout('controlbar');
            if (!_layout) {
                _layout = _defaults.layout;
            }
            utils.clearcss(_internalselector());
            _css.block(_id + 'build');
            _createstyles();
            _buildcontrolbar();
            _css.unblock(_id + 'build');
            _addeventlisteners();
            settimeout(_volumehandler, 0);
            _playlisthandler();
            _this.visible = false;
            _castavailable();
        }

        function _addeventlisteners() {
            _api.jwaddeventlistener(events.jwplayer_media_time, _timeupdated);
            _api.jwaddeventlistener(events.jwplayer_player_state, _statehandler);
            _api.jwaddeventlistener(events.jwplayer_playlist_item, _itemhandler);
            _api.jwaddeventlistener(events.jwplayer_media_mute, _volumehandler);
            _api.jwaddeventlistener(events.jwplayer_media_volume, _volumehandler);
            _api.jwaddeventlistener(events.jwplayer_media_buffer, _bufferhandler);
            _api.jwaddeventlistener(events.jwplayer_fullscreen, _fullscreenhandler);
            _api.jwaddeventlistener(events.jwplayer_playlist_loaded, _playlisthandler);
            _api.jwaddeventlistener(events.jwplayer_media_levels, _qualityhandler);
            _api.jwaddeventlistener(events.jwplayer_media_level_changed, _qualitylevelchanged);
            _api.jwaddeventlistener(events.jwplayer_captions_list, _captionshandler);
            _api.jwaddeventlistener(events.jwplayer_captions_changed, _captionchanged);
            _api.jwaddeventlistener(events.jwplayer_resize, _resizehandler);
            _api.jwaddeventlistener(events.jwplayer_cast_available, _castavailable);
            _api.jwaddeventlistener(events.jwplayer_cast_session, _castsession);

            if (!_ismobile) {
                _controlbar.addeventlistener('mouseover', function() {
                    // slider listeners
                    window.addeventlistener('mousedown', _killselect, false);
                }, false);
                _controlbar.addeventlistener('mouseout', function() {
                    // slider listeners
                    window.removeeventlistener('mousedown', _killselect);
                    document.onselectstart = null;
                }, false);
            }
        }

        function _resizehandler() {
            _cbbounds = utils.bounds(_controlbar);
            if (_cbbounds.width > 0) {
                _this.show(true);
            }
        }

        function islivestream(evt) {
            var isipadstream = (evt.duration === number.positive_infinity);
            var issafaristream = (evt.duration === 0 && evt.position !== 0 && utils.issafari() && !_ismobile);

            return isipadstream || issafaristream;
        }

        function _timeupdated(evt) {
            _css.block(_id); //unblock on redraw

            // positive infinity for live streams on ipad, 0 for live streams on safari (html5)
            if (islivestream(evt)) {
                _this.settext(_api.jwgetplaylist()[_api.jwgetplaylistindex()].title || 'live broadcast');

                // so that elapsed time doesn't display for live streams
                _toggletimesdisplay(false);
            } else {
                var timestring;
                if (_elements.elapsed) {
                    timestring = utils.timeformat(evt.position);
                    _elements.elapsed.innerhtml = timestring;
                }
                if (_elements.duration) {
                    timestring = utils.timeformat(evt.duration);
                    _elements.duration.innerhtml = timestring;
                }
                if (evt.duration > 0) {
                    _setprogress(evt.position / evt.duration);
                } else {
                    _setprogress(0);
                }
                _duration = evt.duration;
                _position = evt.position;
                if (!_instreammode) {
                    _this.settext();
                }
            }
        }

        function _statehandler(evt) {
            switch (evt.newstate) {
                case states.buffering:
                case states.playing:
                    if (_elements.timesliderthumb) {
                        _css.style(_elements.timesliderthumb, {
                            opacity: 1
                        });
                    }
                    _togglebutton('play', true);
                    break;
                case states.paused:
                    if (!_dragging) {
                        _togglebutton('play', false);
                    }
                    break;
                case states.idle:
                    _togglebutton('play', false);
                    if (_elements.timesliderthumb) {
                        _css.style(_elements.timesliderthumb, {
                            opacity: 0
                        });
                    }
                    if (_elements.timerail) {
                        _elements.timerail.classname = 'jwrail';
                    }
                    _setbuffer(0);
                    _timeupdated({
                        position: 0,
                        duration: 0
                    });
                    break;
            }
        }

        function _itemhandler(evt) {
            if (!_instreammode) {
                var tracks = _api.jwgetplaylist()[evt.index].tracks,
                    tracksloaded = false,
                    cuesloaded = false;
                _removecues();
                if (_.isarray(tracks) && !_ismobile) {
                    for (var i = 0; i < tracks.length; i++) {
                        if (!tracksloaded && tracks[i].file && tracks[i].kind &&
                            tracks[i].kind.tolowercase() === 'thumbnails') {
                            _timeoverlaythumb.load(tracks[i].file);
                            tracksloaded = true;
                        }
                        if (tracks[i].file && tracks[i].kind &&
                            tracks[i].kind.tolowercase() === 'chapters') {
                            _loadcues(tracks[i].file);
                            cuesloaded = true;
                        }
                    }
                }
                // if we're here, there are no thumbnails to load -
                // we should clear out the thumbs from the previous item
                if (!tracksloaded) {
                    _timeoverlaythumb.load();
                }
            }
        }

        function _volumehandler() {
            var muted = _api.jwgetmute();
            _currentvolume = _api.jwgetvolume() / 100;
            _togglebutton('mute', muted || _currentvolume === 0);
            _setvolume(muted ? 0 : _currentvolume);
        }

        function _bufferhandler(evt) {
            _setbuffer(evt.bufferpercent / 100);
        }

        function _fullscreenhandler(evt) {
            _togglebutton('fullscreen', evt.fullscreen);
            _updatenextprev();
            if (_this.visible) {
                _this.show(true);
            }
        }

        function _playlisthandler() {
            _css.style([
                _elements.hd,
                _elements.cc
            ], hidden);

            _updatenextprev();
            _redraw();
        }

        function _hashd() {
            return (!_instreammode && _levels.length > 1 && _hdoverlay);
        }

        function _qualityhandler(evt) {
            _levels = evt.levels || [];
            if (_hashd()) {
                _css.style(_elements.hd, not_hidden);
                _hdoverlay.clearoptions();
                for (var i = 0; i < _levels.length; i++) {
                    _hdoverlay.addoption(_levels[i].label, i);
                }
                _qualitylevelchanged(evt);
            } else {
                _css.style(_elements.hd, hidden);
            }
            _redraw();
        }

        function _qualitylevelchanged(evt) {
            _currentquality = math.floor(evt.currentquality);
            if (_elements.hd) {
                _elements.hd.queryselector('button').classname =
                    (_levels.length === 2 && _currentquality === 0) ? 'off' : '';
            }
            if (_hdoverlay && _currentquality >= 0) {
                _hdoverlay.setactive(evt.currentquality);
            }
        }

        function _hascaptions() {
            return (!_instreammode && _captions && _captions.length > 1 && _ccoverlay);
        }

        function _captionshandler(evt) {
            _captions = evt.tracks;
            if (_hascaptions()) {
                _css.style(_elements.cc, not_hidden);
                _ccoverlay.clearoptions();
                for (var i = 0; i < _captions.length; i++) {
                    _ccoverlay.addoption(_captions[i].label, i);
                }
                _captionchanged(evt);
            } else {
                _css.style(_elements.cc, hidden);
            }
            _redraw();
        }

        function _captionchanged(evt) {
            if (!_captions) {
                return;
            }
            _currentcaptions = math.floor(evt.track);
            if (_elements.cc) {
                _elements.cc.queryselector('button').classname =
                    (_captions.length === 2 && _currentcaptions === 0) ? 'off' : '';
            }
            if (_ccoverlay && _currentcaptions >= 0) {
                _ccoverlay.setactive(evt.track);
            }
        }

        function _castavailable(evt) {
            // chromecast button is displayed after receiving this event
            if (_elements.cast) {
                if (utils.cancast()) {
                    utils.addclass(_elements.cast, 'jwcancast');
                } else {
                    utils.removeclass(_elements.cast, 'jwcancast');
                }
            }

            _castsession(evt || _caststate);
        }

        function _castsession(evt) {
            _caststate = evt;

            _togglebutton('cast', evt.active);

            _redraw();
        }

        // bit of a hacky way to determine if the playlist is available
        function _sidebarshowing() {
            return (!!document.queryselector('#' + _api.id + ' .jwplaylist') && !_api.jwgetfullscreen());
        }

        /**
         * styles specific to this controlbar/skin
         */
        function _createstyles() {
            _settings = utils.extend({}, _defaults, _skin.getcomponentsettings('controlbar'), _config);

            _bgheight = _getskinelement('background').height;

            var margin = _audiomode ? 0 : _settings.margin;
            var styles = {
                height: _bgheight,
                bottom: margin,
                left: margin,
                right: margin,
                'max-width': _audiomode ? '' : _settings.maxwidth
            };
            _css.style(_controlbar, styles);

            _css(_internalselector('.jwtext'), {
                font: _settings.fontsize + 'px/' + _getskinelement('background').height + 'px ' + _settings.font,
                color: _settings.fontcolor,
                'font-weight': _settings.fontweight
            });

            _css(_internalselector('.jwoverlay'), {
                bottom: _bgheight
            });
        }


        function _internalselector(name) {
            return '#' + _id + (name ? ' ' + name : '');
        }

        function _createspan() {
            return _createelement('span');
        }

        function _createelement(tagname) {
            return document.createelement(tagname);
        }

        function _buildcontrolbar() {
            var capleft = _buildimage('capleft');
            var capright = _buildimage('capright');
            var bg = _buildimage('background', {
                position: 'absolute',
                left: _getskinelement('capleft').width,
                right: _getskinelement('capright').width,
                'background-repeat': 'repeat-x'
            }, true);

            if (bg) {
                _appendchild(_controlbar, bg);
            }
            if (capleft) {
                _appendchild(_controlbar, capleft);
            }
            _buildlayout();
            if (capright) {
                _appendchild(_controlbar, capright);
            }
        }

        function _buildelement(element, pos) {
            switch (element.type) {
                case cb_text:
                    return _buildtext(element.name);
                case cb_button:
                    if (element.name !== 'blank') {
                        return _buildbutton(element.name, pos);
                    }
                    break;
                case cb_slider:
                    return _buildslider(element.name);
            }
        }

        /*jshint maxparams:5*/
        function _buildimage(name, style, stretch, nocenter, vertical) {
            var element = _createspan(),
                skinelem = _getskinelement(name),
                center = nocenter ? ' left center' : ' center',
                size = _elementsize(skinelem),
                newstyle;

            element.classname = 'jw' + name;
            element.innerhtml = '&nbsp;';

            if (!skinelem || !skinelem.src) {
                return;
            }

            if (stretch) {
                newstyle = {
                    background: 'url("' + skinelem.src + '") repeat-x ' + center,
                    'background-size': size,
                    height: vertical ? skinelem.height : ''
                };
            } else {
                newstyle = {
                    background: 'url("' + skinelem.src + '") no-repeat' + center,
                    'background-size': size,
                    width: skinelem.width,
                    height: vertical ? skinelem.height : ''
                };
            }
            element.skin = skinelem;
            _css(_internalselector((vertical ? '.jwvertical ' : '') + '.jw' + name), utils.extend(newstyle, style));
            _elements[name] = element;
            return element;
        }

        function _buildbutton(name, pos) {
            if (!_getskinelement(name + 'button').src) {
                return null;
            }

            // don't show volume or mute controls on mobile, since it's not possible to modify audio levels in js
            if (_ismobile && (name === 'mute' || name.indexof('volume') === 0)) {
                return null;
            }
            // having issues with stock (non-chrome) android browser and showing overlays.
            //  just remove hd/cc buttons in that case
            if (_nonchromeandroid && /hd|cc/.test(name)) {
                return null;
            }


            var element = _createspan();
            var span = _createspan();
            var divider = _builddivider(_dividerelement);
            var button = _createelement('button');
            element.classname = 'jw' + name;
            if (pos === 'left') {
                _appendchild(element, span);
                _appendchild(element, divider);
            } else {
                _appendchild(element, divider);
                _appendchild(element, span);
            }

            if (!_ismobile) {
                button.addeventlistener('click', _buttonclickhandler(name), false);
            } else if (name !== 'hd' && name !== 'cc') {
                var buttontouch = new utils.touch(button);
                buttontouch.addeventlistener(utils.touchevents.tap, _buttonclickhandler(name));
            }

            button.innerhtml = '&nbsp;';
            button.tabindex = -1;
            //fix for postbacks on mobile devices when a <form> is used
            button.setattribute('type', 'button');
            _appendchild(span, button);

            var outskin = _getskinelement(name + 'button'),
                overskin = _getskinelement(name + 'buttonover'),
                offskin = _getskinelement(name + 'buttonoff');


            _buttonstyle(_internalselector('.jw' + name + ' button'), outskin, overskin, offskin);
            var toggle = _toggles[name];
            if (toggle) {
                _buttonstyle(_internalselector('.jw' + name + '.jwtoggle button'), _getskinelement(toggle + 'button'),
                    _getskinelement(toggle + 'buttonover'));
            }

            if (_togglestates[name]) {
                utils.addclass(element, 'jwtoggle');
            } else {
                utils.removeclass(element, 'jwtoggle');
            }

            _elements[name] = element;

            return element;
        }

        function _buttonstyle(selector, out, over, off) {
            if (!out || !out.src) {
                return;
            }

            _css(selector, {
                width: out.width,
                background: 'url(' + out.src + ') no-repeat center',
                'background-size': _elementsize(out)
            });

            if (over.src && !_ismobile) {
                _css(selector + ':hover,' + selector + '.off:hover', {
                    background: 'url(' + over.src + ') no-repeat center',
                    'background-size': _elementsize(over)
                });
            }

            if (off && off.src) {
                _css(selector + '.off', {
                    background: 'url(' + off.src + ') no-repeat center',
                    'background-size': _elementsize(off)
                });
            }
        }

        function _buttonclickhandler(name) {
            return function(evt) {
                if (_buttonmapping[name]) {
                    _buttonmapping[name]();
                    if (_ismobile) {
                        _this.sendevent(events.jwplayer_user_action);
                    }
                }
                if (evt.preventdefault) {
                    evt.preventdefault();
                }
            };
        }


        function _play() {
            if (_togglestates.play) {
                _api.jwpause();
            } else {
                _api.jwplay();
            }
        }

        function _mute() {
            var muted = !_togglestates.mute;
            _api.jwsetmute(muted);
            if (!muted && _currentvolume === 0) {
                _api.jwsetvolume(20);
            }
            _volumehandler();
        }

        function _hideoverlays(exception) {
            utils.foreach(_overlays, function(i, overlay) {
                if (i !== exception) {
                    if (i === 'cc') {
                        _clearcctaptimeout();
                    }
                    if (i === 'hd') {
                        _clearhdtaptimeout();
                    }
                    overlay.hide();
                }
            });
        }

        function _toggletimesdisplay(state) {
            if (!_controlbar || !_elements.alt) {
                return;
            }

            if (state === undefined) {
                state = (_controlbar.parentnode && _controlbar.parentnode.clientwidth >= 320);
            }

            if (state && !_instreammode) {
                _css.style(_jwhidden, not_hidden);
            } else {
                _css.style(_jwhidden, hidden);
            }
        }

        function _showvolume() {
            if (_audiomode || _instreammode) {
                return;
            }
            _css.block(_id); // unblock on position overlay
            _volumeoverlay.show();
            _positionoverlay('volume', _volumeoverlay);
            _hideoverlays('volume');
        }

        function _volume(pct) {
            _setvolume(pct);
            if (pct < 0.1) {
                pct = 0;
            }
            if (pct > 0.9) {
                pct = 1;
            }
            _api.jwsetvolume(pct * 100);
        }

        function _seek(pct) {
            var position;
            if (_activecue) {
                pct = _activecue.position;
                if (pct.tostring().slice(-1) === '%') {
                    // percent string
                    position = _duration * parsefloat(pct.slice(0, -1)) / 100;
                } else {
                    // time value
                    position = parsefloat(pct);
                }
            } else {
                position = pct * _duration;
            }
            _api.jwseek(position);
        }

        function _fullscreen() {
            _api.jwsetfullscreen();
        }

        function _next() {
            _api.jwplaylistnext();
        }

        function _prev() {
            _api.jwplaylistprev();
        }

        function _togglebutton(name, state) {
            if (!_.isboolean(state)) {
                state = !_togglestates[name];
            }

            if (_elements[name]) {
                if (state) {
                    utils.addclass(_elements[name], 'jwtoggle');
                } else {
                    utils.removeclass(_elements[name], 'jwtoggle');
                }

                // use the jwtoggling class to temporarily disable the animation
                utils.addclass(_elements[name], 'jwtoggling');
                settimeout(function() {
                    utils.removeclass(_elements[name], 'jwtoggling');
                }, 100);
            }
            _togglestates[name] = state;
        }

        function _buildtext(name) {
            var style = {},
                skinname = (name === 'alt') ? 'elapsed' : name,
                skinelement = _getskinelement(skinname + 'background');
            if (skinelement.src) {
                var element = _createspan();
                element.id = _createelementid(_id, name);
                if (name === 'elapsed' || name === 'duration') {
                    element.classname = 'jwtext jw' + name + ' jwhidden';
                    _jwhidden.push(element);
                } else {
                    element.classname = 'jwtext jw' + name;
                }
                style.background = 'url(' + skinelement.src + ') repeat-x center';
                style['background-size'] = _elementsize(_getskinelement('background'));
                _css.style(element, style);
                element.innerhtml = (name !== 'alt') ? '00:00' : '';

                _elements[name] = element;
                return element;
            }
            return null;
        }

        function _builddivider(divider) {
            var element = _buildimage(divider.name);
            if (!element) {
                element = _createspan();
                element.classname = 'jwblankdivider';
            }
            if (divider.classname) {
                element.classname += ' ' + divider.classname;
            }
            return element;
        }

        function _showhd() {
            if (_levels.length > 2) {
                if (_hdtimer) {
                    cleartimeout(_hdtimer);
                    _hdtimer = undefined;
                }
                _css.block(_id); // unblock on position overlay
                _hdoverlay.show();
                _positionoverlay('hd', _hdoverlay);
                _hideoverlays('hd');
            }
        }

        function _showcc() {
            if (_captions && _captions.length > 2) {
                if (_cctimer) {
                    cleartimeout(_cctimer);
                    _cctimer = undefined;
                }
                _css.block(_id); // unblock on position overlay
                _ccoverlay.show();
                _positionoverlay('cc', _ccoverlay);
                _hideoverlays('cc');
            }
        }

        function _switchlevel(newlevel) {
            if (newlevel >= 0 && newlevel < _levels.length) {
                _api.jwsetcurrentquality(newlevel);
                _clearhdtaptimeout();
                _hdoverlay.hide();
            }
        }

        function _switchcaption(newcaption) {
            if (newcaption >= 0 && newcaption < _captions.length) {
                _api.jwsetcurrentcaptions(newcaption);
                _clearcctaptimeout();
                _ccoverlay.hide();
            }
        }

        function _cc() {
            if (_captions.length !== 2) {
                return;
            }
            _switchcaption((_currentcaptions + 1) % 2);
        }

        function _hd() {
            if (_levels.length !== 2) {
                return;
            }
            _switchlevel((_currentquality + 1) % 2);
        }

        function _cast() {
            if (_caststate.active) {
                _api.jwopenextension();
            } else {
                _api.jwstartcasting();
            }
        }

        function _buildslider(name) {
            if (_ismobile && name.indexof('volume') === 0) {
                return;
            }

            var slider = _createspan(),
                vertical = name === 'volume',
                skinprefix = name + (name === 'time' ? 'slider' : ''),
                capprefix = skinprefix + 'cap',
                left = vertical ? 'top' : 'left',
                right = vertical ? 'bottom' : 'right',
                capleft = _buildimage(capprefix + left, null, false, false, vertical),
                capright = _buildimage(capprefix + right, null, false, false, vertical),
                rail = _buildsliderrail(name, vertical, left, right),
                capleftskin = _getskinelement(capprefix + left),
                caprightskin = _getskinelement(capprefix + left);
            //railskin = _getskinelement(name+'sliderrail');

            slider.classname = 'jwslider jw' + name;

            if (capleft) {
                _appendchild(slider, capleft);
            }
            _appendchild(slider, rail);
            if (capright) {
                if (vertical) {
                    capright.classname += ' jwcapbottom';
                }
                _appendchild(slider, capright);
            }

            _css(_internalselector('.jw' + name + ' .jwrail'), {
                left: vertical ? '' : capleftskin.width,
                right: vertical ? '' : caprightskin.width,
                top: vertical ? capleftskin.height : '',
                bottom: vertical ? caprightskin.height : '',
                width: vertical ? '100%' : '',
                height: vertical ? 'auto' : ''
            });

            _elements[name] = slider;
            slider.vertical = vertical;

            if (name === 'time') {
                _timeoverlay = new html5.overlay(_id + '_timetooltip', _skin);
                _timeoverlaythumb = new html5.thumbs(_id + '_thumb');
                _timeoverlaytext = _createelement('div');
                _timeoverlaytext.classname = 'jwoverlaytext';
                _timeoverlaycontainer = _createelement('div');
                _appendchild(_timeoverlaycontainer, _timeoverlaythumb.element());
                _appendchild(_timeoverlaycontainer, _timeoverlaytext);
                _timeoverlay.setcontents(_timeoverlaycontainer);
                _timerail = rail;
                _settimeoverlay(0);
                _appendchild(rail, _timeoverlay.element());
                _styletimeslider(slider);
                _setprogress(0);
                _setbuffer(0);
            } else if (name.indexof('volume') === 0) {
                _stylevolumeslider(slider, vertical, left, right);
            }

            return slider;
        }

        function _buildsliderrail(name, vertical, left, right) {
            var rail = _createspan(),
                railelements = ['rail', 'buffer', 'progress'],
                progressrail,
                sliderprefix;

            rail.classname = 'jwrail';

            for (var i = 0; i < railelements.length; i++) {
                sliderprefix = (name === 'time' ? 'slider' : '');
                var prefix = name + sliderprefix + railelements[i],
                    element = _buildimage(prefix, null, !vertical, (name.indexof('volume') === 0), vertical),
                    capleft = _buildimage(prefix + 'cap' + left, null, false, false, vertical),
                    capright = _buildimage(prefix + 'cap' + right, null, false, false, vertical),
                    capleftskin = _getskinelement(prefix + 'cap' + left),
                    caprightskin = _getskinelement(prefix + 'cap' + right);

                if (element) {
                    var railelement = _createspan();
                    railelement.classname = 'jwrailgroup ' + railelements[i];
                    if (capleft) {
                        _appendchild(railelement, capleft);
                    }
                    _appendchild(railelement, element);
                    if (capright) {
                        _appendchild(railelement, capright);
                        capright.classname += ' jwcap' + (vertical ? 'bottom' : 'right');
                    }

                    _css(_internalselector('.jwrailgroup.' + railelements[i]), {
                        'min-width': (vertical ? '' : capleftskin.width + caprightskin.width)
                    });
                    railelement.capsize = vertical ? capleftskin.height + caprightskin.height :
                        capleftskin.width + caprightskin.width;

                    _css(_internalselector('.' + element.classname), {
                        left: vertical ? '' : capleftskin.width,
                        right: vertical ? '' : caprightskin.width,
                        top: vertical ? capleftskin.height : '',
                        bottom: vertical ? caprightskin.height : '',
                        height: vertical ? 'auto' : ''
                    });

                    if (i === 2) {
                        progressrail = railelement;
                    }

                    if (i === 2 && !vertical) {
                        var progresscontainer = _createspan();
                        progresscontainer.classname = 'jwprogressoverflow';
                        _appendchild(progresscontainer, railelement);
                        _elements[prefix] = progresscontainer;
                        _appendchild(rail, progresscontainer);
                    } else {
                        _elements[prefix] = railelement;
                        _appendchild(rail, railelement);
                    }
                }
            }

            var thumb = _buildimage(name + sliderprefix + 'thumb', null, false, false, vertical);
            if (thumb) {
                _css(_internalselector('.' + thumb.classname), {
                    opacity: name === 'time' ? 0 : 1,
                    'margin-top': vertical ? thumb.skin.height / -2 : ''
                });

                thumb.classname += ' jwthumb';
                _appendchild(vertical && progressrail ? progressrail : rail, thumb);
            }

            if (!_ismobile) {
                var slidername = name;
                if (slidername === 'volume' && !vertical) {
                    slidername += 'h';
                }
                rail.addeventlistener('mousedown', _slidermousedown(slidername), false);
            } else {
                var railtouch = new utils.touch(rail);
                railtouch.addeventlistener(utils.touchevents.drag_start, _sliderdragstart);
                railtouch.addeventlistener(utils.touchevents.drag, _sliderdragevent);
                railtouch.addeventlistener(utils.touchevents.drag_end, _sliderdragevent);
                railtouch.addeventlistener(utils.touchevents.tap, _slidertapevent);
            }

            if (name === 'time' && !_ismobile) {
                rail.addeventlistener('mousemove', _showtimetooltip, false);
                rail.addeventlistener('mouseout', _hidetimetooltip, false);
            }

            _elements[name + 'rail'] = rail;

            return rail;
        }

        function _idle() {
            var currentstate = _api.jwgetstate();
            return (currentstate === states.idle);
        }

        function _killselect(evt) {
            evt.preventdefault();
            document.onselectstart = function() {
                return false;
            };
        }

        function _draggingstart(name) {
            _draggingend();
            _dragging = name;
            window.addeventlistener('mouseup', _slidermouseevent, false);
            window.addeventlistener('mousemove', _slidermouseevent, false);
        }

        function _draggingend() {
            window.removeeventlistener('mouseup', _slidermouseevent);
            window.removeeventlistener('mousemove', _slidermouseevent);
            _dragging = null;
        }

        function _sliderdragstart() {
            _elements.timerail.classname = 'jwrail';
            if (!_idle()) {
                _api.jwseekdrag(true);
                _draggingstart('time');
                _showtimetooltip();
                _this.sendevent(events.jwplayer_user_action);
            }
        }

        function _sliderdragevent(evt) {
            if (!_dragging) {
                return;
            }
            var rail = _elements[_dragging].queryselector('.jwrail'),
                railrect = utils.bounds(rail),
                pct = evt.x / railrect.width;
            if (pct > 100) {
                pct = 100;
            }
            if (evt.type === utils.touchevents.drag_end) {
                _api.jwseekdrag(false);
                _elements.timerail.classname = 'jwrail';
                _draggingend();
                _slidermapping.time(pct);
                _hidetimetooltip();
                _this.sendevent(events.jwplayer_user_action);
            } else {
                _setprogress(pct);
                var currenttime = (new date()).gettime();
                if (currenttime - _lastseektime > 500) {
                    _lastseektime = currenttime;
                    _slidermapping.time(pct);
                }
                _this.sendevent(events.jwplayer_user_action);
            }
        }

        function _slidertapevent(evt) {
            var rail = _elements.time.queryselector('.jwrail'),
                railrect = utils.bounds(rail),
                pct = evt.x / railrect.width;
            if (pct > 100) {
                pct = 100;
            }
            if (!_idle()) {
                _slidermapping.time(pct);
                _this.sendevent(events.jwplayer_user_action);
            }
        }

        function _slidermousedown(name) {
            return function(evt) {
                if (evt.button) {
                    return;
                }

                _elements[name + 'rail'].classname = 'jwrail';

                if (name === 'time') {
                    if (!_idle()) {
                        _api.jwseekdrag(true);
                        _draggingstart(name);
                    }
                } else {
                    _draggingstart(name);
                }
            };
        }

        function _slidermouseevent(evt) {
            if (!_dragging || evt.button) {
                return;
            }
            var rail = _elements[_dragging].queryselector('.jwrail'),
                railrect = utils.bounds(rail),
                name = _dragging,
                pct;

            if (_iframedfullscreenie()) {
                pct = _elements[name].vertical ? ((railrect.bottom * 100 - evt.pagey) / (railrect.height * 100)) :
                ((evt.pagex - (railrect.left * 100)) / (railrect.width * 100));
            } else {
                pct = _elements[name].vertical ? ((railrect.bottom - evt.pagey) / railrect.height) :
                ((evt.pagex - railrect.left) / railrect.width);
            }
            if (evt.type === 'mouseup') {
                if (name === 'time') {
                    _api.jwseekdrag(false);
                }

                _elements[name + 'rail'].classname = 'jwrail';
                _draggingend();
                _slidermapping[name.replace('h', '')](pct);
            } else {
                if (_dragging === 'time') {
                    _setprogress(pct);
                } else {
                    _setvolume(pct);
                }
                var currenttime = (new date()).gettime();
                if (currenttime - _lastseektime > 500) {
                    _lastseektime = currenttime;
                    _slidermapping[_dragging.replace('h', '')](pct);
                }
            }
            return false;
        }

        function _showtimetooltip(evt) {
            if (evt) {
                _positiontimetooltip.apply(this, arguments);
            }

            if (_timeoverlay && _duration && !_audiomode && !_ismobile) {
                _css.block(_id); // unblock on position overlay
                _timeoverlay.show();
                _positionoverlay('time', _timeoverlay);
            }
        }

        function _hidetimetooltip() {
            if (_timeoverlay) {
                _timeoverlay.hide();
            }
        }

        function _positiontimetooltip(evt) {
            _cbbounds = utils.bounds(_controlbar);
            _railbounds = utils.bounds(_timerail);

            if (!_railbounds || _railbounds.width === 0) {
                return;
            }

            var position,
                width;
            if (_iframedfullscreenie()) {
                position = (evt.pagex ? (evt.pagex - _railbounds.left*100) : evt.x);
                width = _railbounds.width *100;
            } else {
                position = (evt.pagex ? (evt.pagex - _railbounds.left) : evt.x);
                width = _railbounds.width;
            }

            _timeoverlay.positionx(math.round(position));
            _settimeoverlay(_duration * position / width);
        }

        var _settimeoverlay = (function() {
            var lasttext;

            var thumbloadedcallback = function(width) {
                _css.style(_timeoverlay.element(), {
                    'width': width
                });
                _positionoverlay('time', _timeoverlay);
            };

            return function(sec) {
                var thumburl = _timeoverlaythumb.updatetimeline(sec, thumbloadedcallback);

                var text;
                if (_activecue) {
                    text = _activecue.text;
                    if (text && (text !== lasttext)) {
                        lasttext = text;
                        _css.style(_timeoverlay.element(), {
                            'width': (text.length > 32) ? 160 : ''
                        });
                    }
                } else {
                    text = utils.timeformat(sec);
                    if (!thumburl) {
                        _css.style(_timeoverlay.element(), {
                            'width': ''
                        });
                    }
                }
                if (_timeoverlaytext.innerhtml !== text) {
                    _timeoverlaytext.innerhtml = text;
                }
                _positionoverlay('time', _timeoverlay);
            };
        })();

        function _styletimeslider() {
            if (!_elements.timesliderrail) {
                _css.style(_elements.time, hidden);
            }

            if (_elements.timesliderthumb) {
                _css.style(_elements.timesliderthumb, {
                    'margin-left': (_getskinelement('timesliderthumb').width / -2)
                });
            }

            var cueclass = 'timeslidercue',
                cue = _getskinelement(cueclass),
                cuestyle = {
                    'z-index': 1
                };

            if (cue && cue.src) {
                _buildimage(cueclass);
                cuestyle['margin-left'] = cue.width / -2;
            } else {
                cuestyle.display = 'none';
            }
            _css(_internalselector('.jw' + cueclass), cuestyle);

            _setbuffer(0);
            _setprogress(0);
        }

        function _addcue(timepos, text) {
            // test digits or percent
            if (/^[\d\.]+%?$/.test(timepos.tostring())) {
                var cueelem = _buildimage('timeslidercue'),
                    rail = _elements.timesliderrail,
                    cue = {
                        position: timepos,
                        text: text,
                        element: cueelem
                    };

                if (cueelem && rail) {
                    rail.appendchild(cueelem);
                    cueelem.addeventlistener('mouseover', function() {
                        _activecue = cue;
                    }, false);
                    cueelem.addeventlistener('mouseout', function() {
                        _activecue = null;
                    }, false);
                    _cues.push(cue);
                }

            }
            _drawcues();
        }

        function _drawcues() {
            utils.foreach(_cues, function(idx, cue) {
                var style = {};
                if (cue.position.tostring().slice(-1) === '%') {
                    style.left = cue.position;
                } else {
                    if (_duration > 0) {
                        style.left = (100 * cue.position / _duration).tofixed(2) + '%';
                        style.display = null;
                    } else {
                        style.left = 0;
                        style.display = 'none';
                    }
                }
                _css.style(cue.element, style);
            });
        }

        function _removecues() {
            var rail = _elements.timesliderrail;
            utils.foreach(_cues, function(idx, cue) {
                rail.removechild(cue.element);
            });
            _cues.length = 0;
        }

        _this.settext = function(text) {
            _css.block(_id); //unblock on redraw
            var jwalt = _elements.alt,
                jwtime = _elements.time;
            if (!_elements.timesliderrail) {
                _css.style(jwtime, hidden);
            } else {
                _css.style(jwtime, text ? hidden : showing);
            }
            if (jwalt) {
                _css.style(jwalt, text ? showing : hidden);
                jwalt.innerhtml = text || '';
            }
            _redraw();
        };

        function _stylevolumeslider(slider, vertical, left, right) {
            var prefix = 'volume' + (vertical ? '' : 'h'),
                direction = vertical ? 'vertical' : 'horizontal';

            _css(_internalselector('.jw' + prefix + '.jw' + direction), {
                width: _getskinelement(prefix + 'rail', vertical).width + (vertical ? 0 :
                    (_getskinelement(prefix + 'cap' + left).width +
                        _getskinelement(prefix + 'railcap' + left).width +
                        _getskinelement(prefix + 'railcap' + right).width +
                        _getskinelement(prefix + 'cap' + right).width)
                ),
                height: vertical ? (
                    _getskinelement(prefix + 'cap' + left).height +
                    _getskinelement(prefix + 'rail').height +
                    _getskinelement(prefix + 'railcap' + left).height +
                    _getskinelement(prefix + 'railcap' + right).height +
                    _getskinelement(prefix + 'cap' + right).height
                ) : ''
            });

            slider.classname += ' jw' + direction;
        }

        var _groups = {};

        function _buildlayout() {
            _buildgroup('left');
            _buildgroup('center');
            _buildgroup('right');
            _appendchild(_controlbar, _groups.left);
            _appendchild(_controlbar, _groups.center);
            _appendchild(_controlbar, _groups.right);
            _buildoverlays();

            _css.style(_groups.right, {
                right: _getskinelement('capright').width
            });
        }

        function _buildoverlays() {
            if (_elements.hd) {
                _hdoverlay = new html5.menu('hd', _id + '_hd', _skin, _switchlevel);
                if (!_ismobile) {
                    _addoverlay(_hdoverlay, _elements.hd, _showhd, _sethdtimer);
                } else {
                    _addmobileoverlay(_hdoverlay, _elements.hd, _showhd, 'hd');
                }
                _overlays.hd = _hdoverlay;
            }
            if (_elements.cc) {
                _ccoverlay = new html5.menu('cc', _id + '_cc', _skin, _switchcaption);
                if (!_ismobile) {
                    _addoverlay(_ccoverlay, _elements.cc, _showcc, _setcctimer);
                } else {
                    _addmobileoverlay(_ccoverlay, _elements.cc, _showcc, 'cc');
                }
                _overlays.cc = _ccoverlay;
            }
            if (_elements.mute && _elements.volume && _elements.volume.vertical) {
                _volumeoverlay = new html5.overlay(_id + '_volumeoverlay', _skin);
                _volumeoverlay.setcontents(_elements.volume);
                _addoverlay(_volumeoverlay, _elements.mute, _showvolume);
                _overlays.volume = _volumeoverlay;
            }
        }

        function _setcctimer() {
            _cctimer = settimeout(_ccoverlay.hide, 500);
        }

        function _sethdtimer() {
            _hdtimer = settimeout(_hdoverlay.hide, 500);
        }

        function _addoverlay(overlay, button, hoveraction, timer) {
            if (_ismobile) {
                return;
            }
            var element = overlay.element();
            _appendchild(button, element);
            button.addeventlistener('mousemove', hoveraction, false);
            if (timer) {
                button.addeventlistener('mouseout', timer, false);
            } else {
                button.addeventlistener('mouseout', overlay.hide, false);
            }
            _css.style(element, {
                left: '50%'
            });
        }

        function _addmobileoverlay(overlay, button, tapaction, name) {
            if (!_ismobile) {
                return;
            }
            var element = overlay.element();
            _appendchild(button, element);
            var buttontouch = new utils.touch(button);
            buttontouch.addeventlistener(utils.touchevents.tap, function() {
                _overlaytaphandler(overlay, tapaction, name);
            });
        }

        function _overlaytaphandler(overlay, tapaction, name) {
            if (name === 'cc') {
                if (_captions.length === 2) {
                    tapaction = _cc;
                }
                if (_cctaptimer) {
                    _clearcctaptimeout();
                    overlay.hide();
                } else {
                    _cctaptimer = settimeout(function() {
                        overlay.hide();
                        _cctaptimer = undefined;
                    }, 4000);
                    tapaction();
                }
                _this.sendevent(events.jwplayer_user_action);
            } else if (name === 'hd') {
                if (_levels.length === 2) {
                    tapaction = _hd;
                }
                if (_hdtaptimer) {
                    _clearhdtaptimeout();
                    overlay.hide();
                } else {
                    // todo:: _.throttle
                    _hdtaptimer = settimeout(function() {
                        overlay.hide();
                        _hdtaptimer = undefined;
                    }, 4000);
                    tapaction();
                }
                _this.sendevent(events.jwplayer_user_action);
            }
        }

        function _buildgroup(pos) {
            var elem = _createspan();
            elem.classname = 'jwgroup jw' + pos;
            _groups[pos] = elem;
            if (_layout[pos]) {
                _buildelements(_layout[pos], _groups[pos], pos);
            }
        }

        function _buildelements(group, container, pos) {
            if (group && group.elements.length > 0) {
                for (var i = 0; i < group.elements.length; i++) {
                    var element = _buildelement(group.elements[i], pos);
                    if (element) {
                        if (group.elements[i].name === 'volume' && element.vertical) {
                            _volumeoverlay = new html5.overlay(_id + '_volumeoverlay', _skin);
                            _volumeoverlay.setcontents(element);
                        } else {
                            _appendchild(container, element);
                        }
                    }
                }
            }
        }

        function _iframedfullscreenie() {
            return (_iframed && utils.isie() && _api.jwgetfullscreen());
        }

        function _redraw() {
            cleartimeout(_redrawtimeout);
            _redrawtimeout = settimeout(_this.redraw, 0);
        }

        _this.redraw = function(resize) {
            _css.block(_id);

            if (resize && _this.visible) {
                _this.show(true);
            }
            _createstyles();

            // ie <= ie10 does not allow fullscreen from inside an iframe. hide the fs button.
            var ieiframe = _iframed && utils.ismsie();
            var casting = _caststate.active;
            _css.style(_elements.fullscreen, {
                display: (_audiomode || casting || _hidefullscreen || ieiframe) ? 'none' : ''
            });

            // todo: hide these all by default (global styles at bottom), and update using classes when model changes:
            // jwinstream, jwaudio, jwhas-hd, jwhas-cc (see jwcancast)
            _css.style(_elements.volumeh, {
                display: _audiomode || _instreammode ? 'block' : 'none'
            });
            var maxwidth = math.floor(_settings.maxwidth);
            if (maxwidth) {
                if (_controlbar.parentnode && utils.isie()) {
                    if (!_audiomode &&
                        _controlbar.parentnode.clientwidth > maxwidth + (math.floor(_settings.margin) * 2)) {
                        _css.style(_controlbar, {
                            width: maxwidth
                        });
                    } else {
                        _css.style(_controlbar, {
                            width: ''
                        });
                    }
                }
            }

            if (_volumeoverlay) {
                _css.style(_volumeoverlay.element(), {
                    display: !(_audiomode || _instreammode) ? 'block' : 'none'
                });
            }
            _css.style(_elements.hd, {
                display: !_audiomode && !casting && _hashd() ? '' : 'none'
            });
            _css.style(_elements.cc, {
                display: !_audiomode && _hascaptions() ? '' : 'none'
            });



            _drawcues();

            // utils.foreach(_overlays, _positionoverlay);

            _css.unblock(_id);

            if (_this.visible) {
                var capleft  = _getskinelement('capleft'),
                    capright = _getskinelement('capright'),
                    centercss;
                if (_iframedfullscreenie()) {
                    centercss = {
                        left: math.round(utils.parsedimension(_groups.left.offsetwidth*62) + capleft.width),
                        right: math.round(utils.parsedimension(_groups.right.offsetwidth*86) + capright.width)
                    };
                } else {
                    centercss = {
                        left: math.round(utils.parsedimension(_groups.left.offsetwidth) + capleft.width),
                        right: math.round(utils.parsedimension(_groups.right.offsetwidth) + capright.width)
                    };
                }
                _css.style(_groups.center, centercss);
            }
        };

        function _updatenextprev() {
            if (!_admode && _api.jwgetplaylist().length > 1 && !_sidebarshowing()) {
                _css.style(_elements.next, not_hidden);
                _css.style(_elements.prev, not_hidden);
            } else {
                _css.style(_elements.next, hidden);
                _css.style(_elements.prev, hidden);
            }
        }

        function _positionoverlay(name, overlay) {
            if (!_cbbounds) {
                _cbbounds = utils.bounds(_controlbar);
            }
            var forceredraw = true;
            overlay.constrainx(_cbbounds, forceredraw);
        }


        _this.audiomode = function(mode) {
            if (mode !== undefined && mode !== _audiomode) {
                _audiomode = !!mode;
                _redraw();
            }
            return _audiomode;
        };

        _this.instreammode = function(mode) {
            if (mode !== undefined && mode !== _instreammode) {
                _instreammode = !!mode;
                // todo: redraw

                // instreammode is when we add a second cbar overtop the original
                _css.style(_elements.cast, _instreammode ? hidden : not_hidden);
            }
            return _instreammode;
        };

        _this.admode = function(mode) {
            if (_.isboolean(mode) && mode !== _admode) {
                _admode = mode;

                if (mode) {
                    _removefromarray(_jwhidden, _elements.elapsed);
                    _removefromarray(_jwhidden, _elements.duration);
                } else {
                    _addoncetoarray(_jwhidden, _elements.elapsed);
                    _addoncetoarray(_jwhidden, _elements.duration);
                }

                _css.style([
                    _elements.cast,
                    _elements.elapsed,
                    _elements.duration
                ], mode ? hidden : not_hidden);

                _updatenextprev();
            }

            return _admode;
        };

        /** whether or not to show the fullscreen icon - used when an audio file is played **/
        _this.hidefullscreen = function(mode) {
            if (mode !== undefined && mode !== _hidefullscreen) {
                _hidefullscreen = !!mode;
                _redraw();
            }
            return _hidefullscreen;
        };

        _this.element = function() {
            return _controlbar;
        };

        _this.margin = function() {
            return parseint(_settings.margin, 10);
        };

        _this.height = function() {
            return _bgheight;
        };


        function _setbuffer(pct) {
            if (_elements.timesliderbuffer) {
                pct = math.min(math.max(0, pct), 1);
                _css.style(_elements.timesliderbuffer, {
                    width: (pct * 100).tofixed(1) + '%',
                    opacity: pct > 0 ? 1 : 0
                });
            }
        }

        function _sliderpercent(name, pct) {
            if (!_elements[name]) {
                return;
            }
            var vertical = _elements[name].vertical,
                prefix = name + (name === 'time' ? 'slider' : ''),
                size = 100 * math.min(math.max(0, pct), 1) + '%',
                progress = _elements[prefix + 'progress'],
                thumb = _elements[prefix + 'thumb'],
                style;

            if (progress) {
                style = {};
                if (vertical) {
                    style.height = size;
                    style.bottom = 0;
                } else {
                    style.width = size;
                }
                if (name !== 'volume') {
                    style.opacity = (pct > 0 || _dragging) ? 1 : 0;
                }
                _css.style(progress, style);
            }

            if (thumb) {
                style = {};
                if (vertical) {
                    style.top = 0;
                } else {
                    style.left = size;
                }
                _css.style(thumb, style);
            }
        }

        function _setvolume(pct) {
            _sliderpercent('volume', pct);
            _sliderpercent('volumeh', pct);
        }

        function _setprogress(pct) {
            _sliderpercent('time', pct);
        }

        function _getskinelement(name) {
            var component = 'controlbar',
                elem, newname = name;
            if (name.indexof('volume') === 0) {
                if (name.indexof('volumeh') === 0) {
                    newname = name.replace('volumeh', 'volume');
                } else {
                    component = 'tooltip';
                }
            }
            elem = _skin.getskinelement(component, newname);
            if (elem) {
                return elem;
            } else {
                return {
                    width: 0,
                    height: 0,
                    src: '',
                    image: undefined,
                    ready: false
                };
            }
        }

        function _appendchild(parent, child) {
            parent.appendchild(child);
        }


        //because of size impacting whether to show duration/elapsed time,
        // optional resize argument overrides the this.visible return clause.
        _this.show = function(resize) {
            if (_this.visible && !resize) {
                return;
            }
            _this.visible = true;

            var style = {
                display: 'inline-block'
            };

            _css.style(_controlbar, style);
            _cbbounds = utils.bounds(_controlbar);

            _toggletimesdisplay();

            _css.block(_id); //unblock on redraw

            _volumehandler();
            _redraw();

            _clearhidetimeout();
            _hidetimeout = settimeout(function() {
                _css.style(_controlbar, {
                    opacity: 1
                });
            }, 0);
        };

        _this.showtemp = function() {
            if (!this.visible) {
                _controlbar.style.opacity = 0;
                _controlbar.style.display = 'inline-block';
            }
        };

        _this.hidetemp = function() {
            if (!this.visible) {
                _controlbar.style.display = 'none';
            }
        };


        function _clearhidetimeout() {
            cleartimeout(_hidetimeout);
            _hidetimeout = -1;
        }

        function _clearcctaptimeout() {
            cleartimeout(_cctaptimer);
            _cctaptimer = undefined;
        }

        function _clearhdtaptimeout() {
            cleartimeout(_hdtaptimer);
            _hdtaptimer = undefined;
        }

        function _loadcues(vttfile) {
            if (vttfile) {
                utils.ajax(vttfile, _cueloaded, _cuefailed, true);
            } else {
                _cues.length = 0;
            }
        }

        function _cueloaded(xmlevent) {
            var data = new jwplayer.parsers.srt().parse(xmlevent.responsetext, true);
            if (!_.isarray(data)) {
                return _cuefailed('invalid data');
            }
            _this.addcues(data);
        }

        _this.addcues = function(cues) {
            utils.foreach(cues, function(idx, elem) {
                if (elem.text) {
                    _addcue(elem.begin, elem.text);
                }
            });
        };

        function _cuefailed(error) {
            utils.log('cues failed to load: ' + error);
        }

        _this.hide = function() {
            if (!_this.visible) {
                return;
            }
            // don't hide for mobile ads if controls are enabled
            if (_instreammode && _ismobile && _api.jwgetcontrols()) {
                return;
            }
            _this.visible = false;
            _css.style(_controlbar, {
                opacity: 0
            });
            _clearhidetimeout();
            _hidetimeout = settimeout(function() {
                _css.style(_controlbar, {
                    display: 'none'
                });
            }, jw_visibility_timeout);
        };


        // call constructor
        _init();

    };

    /***************************************************************************
     * player stylesheets - done once on script initialization; * these css
     * rules are used for all jw player instances *
     **************************************************************************/

    (function() {
        var jw_css_absolute = 'absolute',
            jw_css_relative = 'relative',
            jw_css_smooth_ease = 'opacity .25s, background .25s, visibility .25s',
            cb_class = 'span.jwcontrolbar';

        _css(cb_class, {
            position: jw_css_absolute,
            margin: 'auto',
            opacity: 0,
            display: 'none'
        });

        _css(cb_class + ' span', {
            height: '100%'
        });
        utils.dragstyle(cb_class + ' span', 'none');

        _css(cb_class + ' .jwgroup', {
            display: 'inline'
        });

        _css(cb_class + ' span, ' + cb_class + ' .jwgroup button,' + cb_class + ' .jwleft', {
            position: jw_css_relative,
            'float': 'left'
        });

        _css(cb_class + ' .jwright', {
            position: jw_css_relative,
            'float': 'right'
        });

        _css(cb_class + ' .jwcenter', {
            position: jw_css_absolute
        });

        _css(cb_class + ' button', {
            display: 'inline-block',
            height: '100%',
            border: 'none',
            cursor: 'pointer'
        });

        _css(cb_class + ' .jwcapright,' + cb_class + ' .jwtimeslidercapright,' + cb_class + ' .jwvolumecapright', {
            right: 0,
            position: jw_css_absolute
        });

        _css(cb_class + ' .jwcapbottom', {
            bottom: 0,
            position: jw_css_absolute
        });

        _css(cb_class + ' .jwtime', {
            position: jw_css_absolute,
            height: '100%',
            width: '100%',
            left: 0
        });

        _css(cb_class + ' .jwthumb', {
            position: jw_css_absolute,
            height: '100%',
            cursor: 'pointer'
        });

        _css(cb_class + ' .jwrail', {
            position: jw_css_absolute,
            cursor: 'pointer'
        });

        _css(cb_class + ' .jwrailgroup', {
            position: jw_css_absolute,
            width: '100%'
        });

        _css(cb_class + ' .jwrailgroup span', {
            position: jw_css_absolute
        });

        _css(cb_class + ' .jwdivider+.jwdivider', {
            display: 'none'
        });

        _css(cb_class + ' .jwtext', {
            padding: '0 5px',
            'text-align': 'center'
        });

        _css(cb_class + ' .jwcast', {
            display: 'none'
        });

        _css(cb_class + ' .jwcast.jwcancast', {
            display: 'block'
        });

        _css(cb_class + ' .jwalt', {
            display: 'none',
            overflow: 'hidden'
        });

        // important
        _css(cb_class + ' .jwalt', {
            position: jw_css_absolute,
            left: 0,
            right: 0,
            'text-align': 'left'
        }, true);

        _css(cb_class + ' .jwoverlaytext', {
            padding: 3,
            'text-align': 'center'
        });

        _css(cb_class + ' .jwvertical *', {
            display: 'block'
        });

        // important
        _css(cb_class + ' .jwvertical .jwvolumeprogress', {
            height: 'auto'
        }, true);

        _css(cb_class + ' .jwprogressoverflow', {
            position: jw_css_absolute,
            overflow: 'hidden'
        });

        _settransition(cb_class, jw_css_smooth_ease);
        _settransition(cb_class + ' button', jw_css_smooth_ease);
        _settransition(cb_class + ' .jwtoggling', 'none');
    })();

})(window, document);
(function(jwplayer) {
    var html5 = jwplayer.html5,
        utils = jwplayer.utils,
        events = jwplayer.events,
        states = events.state,
        playlist = jwplayer.playlist;

    html5.controller = function(_model, _view) {
        var _ready = false,
            _loadonplay = -1,
            _preplay = false,
            _actiononattach,
            _stopplaylist = false, // oncomplete, should we play next item or not?
            _interruptplay,
            _queuedcalls = [],
            _this = utils.extend(this, new events.eventdispatcher(_model.id, _model.config.debug));

        function _init() {
            _model.addeventlistener(events.jwplayer_media_buffer_full, _bufferfullhandler);
            _model.addeventlistener(events.jwplayer_media_complete, function() {
                // insert a small delay here so that other complete handlers can execute
                settimeout(_completehandler, 25);
            });
            _model.addeventlistener(events.jwplayer_media_error, function(evt) {
                // re-dispatch media errors as general error
                var evtclone = utils.extend({}, evt);
                evtclone.type = events.jwplayer_error;
                _this.sendevent(evtclone.type, evtclone);
            });
        }

        function _video() {
            return _model.getvideo();
        }

        function _playerready(evt) {
            if (!_ready) {

                _view.completesetup();
                _this.sendevent(evt.type, evt);

                if (jwplayer.utils.exists(jwplayer.playerready)) {
                    jwplayer.playerready(evt);
                }

                _model.addgloballistener(_forward);
                _view.addgloballistener(_forward);

                _this.sendevent(jwplayer.events.jwplayer_playlist_loaded, {
                    playlist: jwplayer(_model.id).getplaylist()
                });
                _this.sendevent(jwplayer.events.jwplayer_playlist_item, {
                    index: _model.item
                });

                _load();

                if (_model.autostart && !utils.ismobile()) {
                    _play();
                }

                _ready = true;

                while (_queuedcalls.length > 0) {
                    var queuedcall = _queuedcalls.shift();
                    _callmethod(queuedcall.method, queuedcall.arguments);
                }
            }
        }

        function _forward(evt) {
            _this.sendevent(evt.type, evt);
        }

        function _bufferfullhandler() {
            _video().play();
        }

        function _load(item) {
            _stop(true);

            switch (utils.typeof(item)) {
                case 'string':
                    _loadplaylist(item);
                    break;
                case 'object':
                case 'array':
                    _model.setplaylist(new jwplayer.playlist(item));
                    break;
                case 'number':
                    _model.setitem(item);
                    break;
            }
        }

        function _loadplaylist(toload) {
            var loader = new playlist.loader();
            loader.addeventlistener(events.jwplayer_playlist_loaded, function(evt) {
                _load(evt.playlist);
            });
            loader.addeventlistener(events.jwplayer_error, function(evt) {
                _load([]);
                evt.message = 'could not load playlist: ' + evt.message;
                _forward(evt);
            });
            loader.load(toload);
        }

        function _play(state) {
            if (!utils.exists(state)) {
                state = true;
            } else if (!state) {
                return _pause();
            }
            try {
                if (_loadonplay >= 0) {
                    _load(_loadonplay);
                    _loadonplay = -1;
                }
                //_actiononattach = _play;
                if (!_preplay) {
                    _preplay = true;
                    _this.sendevent(events.jwplayer_media_beforeplay);
                    _preplay = false;
                    if (_interruptplay) {
                        _interruptplay = false;
                        _actiononattach = null;
                        return;
                    }
                }

                if (_isidle()) {
                    if (_model.playlist.length === 0) {
                        return false;
                    }
                    _video().load(_model.playlist[_model.item]);
                } else if (_model.state === states.paused) {
                    _video().play();
                }

                return true;
            } catch (err) {
                _this.sendevent(events.jwplayer_error, err);
                _actiononattach = null;
            }
            return false;
        }

        function _stop(internal) {
            _actiononattach = null;
            try {
                _video().stop();
                if (!internal) {
                    _stopplaylist = true;
                }

                if (_preplay) {
                    _interruptplay = true;
                }
                return true;
            } catch (err) {
                _this.sendevent(events.jwplayer_error, err);
            }
            return false;
        }

        function _pause(state) {
            _actiononattach = null;
            if (!utils.exists(state)) {
                state = true;
            } else if (!state) {
                return _play();
            }
            switch (_model.state) {
                case states.playing:
                case states.buffering:
                    try {
                        _video().pause();
                    } catch (err) {
                        _this.sendevent(events.jwplayer_error, err);
                        return false;
                    }
                    break;
                default:
                    if (_preplay) {
                        _interruptplay = true;
                    }
            }
            return true;
        }

        function _isidle() {
            return (_model.state === states.idle);
        }

        function _seek(pos) {
            if (_model.state !== states.playing) {
                _play(true);
            }
            _video().seek(pos);
        }

        function _setfullscreen(state) {
            _view.fullscreen(state);
        }

        function _item(index) {
            utils.css.block(_model.id + '_next');
            _load(index);
            _play();
            utils.css.unblock(_model.id + '_next');
        }

        function _prev() {
            _item(_model.item - 1);
        }

        function _next() {
            _item(_model.item + 1);
        }

        function _completehandler() {
            if (!_isidle()) {
                // something has made an api call before the complete handler has fired.
                return;
            } else if (_stopplaylist) {
                // stop called in oncomplete event listener
                _stopplaylist = false;
                return;
            }

            _actiononattach = _completehandler;
            if (_model.repeat) {
                _next();
            } else {
                if (_model.item === _model.playlist.length - 1) {
                    _loadonplay = 0;
                    _stop(true);
                    settimeout(function() {
                        _this.sendevent(events.jwplayer_playlist_complete);
                    }, 0);
                } else {
                    _next();
                }
            }
        }

        function _setcurrentquality(quality) {
            _video().setcurrentquality(quality);
        }

        function _getcurrentquality() {
            if (_video()) {
                return _video().getcurrentquality();
            }
            return -1;
        }

        function _getqualitylevels() {
            if (_video()) {
                return _video().getqualitylevels();
            }
            return null;
        }
        
        function _setcurrentaudiotrack(index) {
            _video().setcurrentaudiotrack(index);
        }

        function _getcurrentaudiotrack() {
            if (_video()) {
                return _video().getcurrentaudiotrack();
            }
            return -1;
        }

        function _getaudiotracks() {
            if (_video()) {
                return _video().getaudiotracks();
            }
            return null;
        }
        function _setcurrentcaptions(caption) {
            _view.setcurrentcaptions(caption);
        }

        function _getcurrentcaptions() {
            return _view.getcurrentcaptions();
        }

        function _getcaptionslist() {
            return _view.getcaptionslist();
        }

        /** used for the instream api **/
        function _detachmedia() {
            try {
                return _model.getvideo().detachmedia();
            } catch (err) {
                utils.log('error calling detachmedia', err);
            }
            return null;
        }

        function _attachmedia(seekable) {
            // called after instream ends
            try {
                _model.getvideo().attachmedia(seekable);

            } catch (err) {
                utils.log('error calling detachmedia', err);
                return;
            }
            if (typeof _actiononattach === 'function') {
                _actiononattach();
            }
        }

        function _waitforready(func) {
            return function() {
                var args = array.prototype.slice.call(arguments, 0);
                if (_ready) {
                    _callmethod(func, args);
                } else {
                    _queuedcalls.push({
                        method: func,
                        arguments: args
                    });
                }
            };
        }

        function _callmethod(func, args) {
            func.apply(this, args);
        }

        /** controller api / public methods **/
        this.play = _waitforready(_play);
        this.pause = _waitforready(_pause);
        this.seek = _waitforready(_seek);
        this.stop = function() {
            // something has called stop() in an oncomplete handler
            if (_isidle()) {
                _stopplaylist = true;
            }
            _waitforready(_stop)();
        };
        this.load = _waitforready(_load);
        this.next = _waitforready(_next);
        this.prev = _waitforready(_prev);
        this.item = _waitforready(_item);
        this.setvolume = _waitforready(_model.setvolume);
        this.setmute = _waitforready(_model.setmute);
        this.setfullscreen = _waitforready(_setfullscreen);
        this.detachmedia = _detachmedia;
        this.attachmedia = _attachmedia;
        this.setcurrentquality = _waitforready(_setcurrentquality);
        this.getcurrentquality = _getcurrentquality;
        this.getqualitylevels = _getqualitylevels;
        this.setcurrentaudiotrack = _setcurrentaudiotrack;
        this.getcurrentaudiotrack = _getcurrentaudiotrack;
        this.getaudiotracks = _getaudiotracks;
        this.setcurrentcaptions = _waitforready(_setcurrentcaptions);
        this.getcurrentcaptions = _getcurrentcaptions;
        this.getcaptionslist = _getcaptionslist;
        this.checkbeforeplay = function() {
            return _preplay;
        };
        this.playerready = _playerready;
        _init();
    };

})(jwplayer);
/*jshint maxlen:39500*/
(function(jwplayer) {

    // note that the following line is auto-generated by the build process
    var text = '<?xml version="1.0" ?><skin author="jw player" name="six" target="6.7" version="3.0"><components><component name="controlbar"><settings><setting name="margin" value="10"/><setting name="maxwidth" value="800"/><setting name="fontsize" value="11"/><setting name="fontweight" value="normal"/><setting name="fontcase" value="normal"/><setting name="fontcolor" value="0xd2d2d2"/></settings><elements><element name="background" src="data:image/png;base64,ivborw0kggoaaaansuheugaaaaeaaaaecayaaadtlxthaaaankleqvr4awmufrw/x2riyqli9o3bnwam////mzaxaagcaimbwf9ruraxnfyeuqgdclkatlcdafb+jfgldloxaaaaaelftksuqmcc"/><element name="capleft" src="data:image/png;base64,ivborw0kggoaaaansuheugaaaagaaaaecayaaaargf8naaaar0leqvr4awnhaajruxefifuoxnzazmoabfiakkpaeh0fh5+igokckbsqocga4ljexl5rexl5qb9//zj8+/anav2btbi4uoifp39gyhgkefibaejjuaaflcn4/5+gcf9pbwvhnwxhkxam/kddza16e778/v37dwslkwsubudfvxopisullyplqc+vx78snz17yigqkibaagqocutlfe4+fpggckio9ontjzzamw5kbqaefd9ddqdrqqaaaabjru5erkjggg=="/><element name="capright" src="data:image/png;base64,ivborw0kggoaaaansuheugaaaagaaaaecayaaaargf8naaaarkleqvr4ad2tmqrcqbbf/y5ryykea++qxibrk3gr0dt4bpuslitbkmyuslgt3ifxyogjsrhfb6/7/a+7jiqiyyznvlgv56izcrypuomuoocgvvwnacxumk4znzrs0fojz/o9936lkmtcaicigrv2z9ccmayhok/rqwfamhceap7qxpsnap/bbdn/+7n+uoeoeibba0nrhm8a1i8vsujzni4hhaoazdpxxswnubczb0e+v9jbvxf8aaaaaelftksuqmcc"/><element name="playbutton" src="data:image/png;base64,ivborw0kggoaaaansuheugaaabgaaaaecaqaaaccjxzuaaaateleqvr4awoglrgfnayidpwmzmrrkhuwucsdqz14tbpv9v/cf2un8zomhu5/up/l/h9eazk4sx8cn+7/rpqmg+v74rbo11ecmgwu7kefd/d/wavj4pr+thhj/6f9n1zodwtgxklhyh7scmvk3icsgvbtx4tz1ozn4htsjv2ocobakay8nt60hwgnra3kibisa/dd4is1/ldfbjlgiv0r9ves9yupjpz4ji72hiomnxnth4wcaaxxpsnkmgkaaaaaaelftksuqmcc"/><element name="playbuttonover" src="data:image/png;base64,ivborw0kggoaaaansuheugaaabgaaaaecaqaaaccjxzuaaaateleqvr4awoglrgfpawydcimlmrr0hhws6slwyr4ttzv/v/8f+uz8zochv5/+p/l/x9ea3k48x8cn/7/rpqmh+v/4rbo11ecmhwu/kefd/9/wavj4fr/thjj/6f/nx5ozwhgwalhyh/scmuj3lysgvb9x4tznod343tsjv+ocobzkg68nt70hwgnpa/qjhisa/9d4itn/ldfbjlgiv8r/vc894upjpz4jt7yhiomnxnth4wcahc8wqf60kqlaaaaaelftksuqmcc"/><element name="pausebutton" src="data:image/png;base64,ivborw0kggoaaaansuheugaaabgaaaaecaqaaaccjxzuaaaayeleqvr4awognrgfpawqdazaqajkofphgbfjg8r/2vdbviy7ghwoyeg24rmchcnhpohhdxdj4wnq+i0m+zvqgn6hsf6iuoafaji/sbab7hrohw9f/sbz6hzskzdtwsgaadntjoabsotoaaaaaelftksuqmcc"/><element name="pausebuttonover" src="data:image/png;base64,ivborw0kggoaaaansuheugaaabgaaaaecaqaaaccjxzuaaaawkleqvr4awognrgfagwgda5aaabkofoxaop/umbggmghaxzkg57bweh87boy/gaxhj6mht9okr+pruexmuqvqmv4isb5k2qb6k6b/vhw4q+chc4npxntfowcadygmi8+iyldaaaaaelftksuqmcc"/><element name="prevbutton" src="data:image/png;base64,ivborw0kggoaaaansuheugaaabiaaaaecaqaaaclbyanaaaameleqvr4awmymdakebgkgbggmbn4guqzonevqfzfz6acv6bekv5gmymcuikdr/szdgakrqz5sf/lfgzddew39jpyqxr82/94/y0gzddauhr+f3rpjzwf99/efx4cssk6sj+pbmvki/vhejuixwdrqjnmr921hwyxkvopd3haxss16/evx+jwleuoqecbmrkrbiqdk/5gfaaavd5i9xunlg8aaaaasuvork5cyii="/><element name="prevbuttonover" src="data:image/png;base64,ivborw0kggoaaaansuheugaaabiaaaaecaqaaaclbyanaaaamuleqvr4awmymdakbbgugbggwbheggqyenavgfz/z2aav2bs0vxgjomguikhr/8zhgakrjz78f/lfwybdew3/joeqbr8+//4/y0gzhdauht+f/qcgw8//7/9/zweyln05h/s3c2pjvyhq2ykdogtc+2e/xzxfzdepmg93oeb3rofr/+/hovddzajbifv9+rbdbpebyb9wsgaaheuvc8xga8jaaaaaelftksuqmcc"/><element name="nextbutton" src="data:image/png;base64,ivborw0kggoaaaansuheugaaabeaaaaecaqaaabgmj2kaaaaluleqvr4awogaxgfnayidpwmzha+d4meekmauqels9iz1ohkvp7vz1bbval7cv+p/vfwwjuzpnrpyicqxodw/lv7h+//blnmfwttyfn9ehh7/+f9n1aml57hvhjkpwjuwzludgrtya79edh7bwggykjdgep01+9fv3/i2oammhpxyyirm7zynwpz08vbniycddqhowaa/mzi93f1cskaaaaasuvork5cyii="/><element name="nextbuttonover" src="data:image/png;base64,ivborw0kggoaaaansuheugaaabeaaaaecaqaaabgmj2kaaaaluleqvr4awogaxgfpawydcimlhc+aimcekmajqc3s7oytodkdp7/zzbavwlz8v+p/1eewzu5pprp4icqxohw/1v/h///blmwcgttyfn/ehj7/+f/nx6mzzmpqetifwtc8ihp7hfmjbv+q+ds56hdiit2ysixwf9//f+jzwo6yc5dj6fey/it325kty8he5pw0necjaiawp9vz4mr7dgaaaaasuvork5cyii="/><element name="elapsedbackground" src="data:image/png;base64,ivborw0kggoaaaansuheugaaaayaaaaecayaaaapsw++aaaad0leqvqou2nggawjykqaaaluaagl6/h9aaaaaelftksuqmcc"/><element name="durationbackground" src="data:image/png;base64,ivborw0kggoaaaansuheugaaaayaaaaecayaaaapsw++aaaad0leqvqou2nggawjykqaaaluaagl6/h9aaaaaelftksuqmcc"/><element name="timeslidercapleft" src="data:image/png;base64,ivborw0kggoaaaansuheugaaaamaaaaecayaaadpykt6aaaafeleqvr42mp4//8/awwzjhighgmacfgnakncqtaaaaaasuvork5cyii="/><element name="timeslidercapright" src="data:image/png;base64,ivborw0kggoaaaansuheugaaaamaaaaecayaaadpykt6aaaafeleqvr42mp4//8/awwzjhighgmacfgnakncqtaaaaaasuvork5cyii="/><element name="timesliderrail" src="data:image/png;base64,ivborw0kggoaaaansuheugaaaaeaaaaecayaaadtlxthaaaalkleqvqi12ngibmiior/zxivfwngagi4wcjaxmgi4ziymkjyymum////5yxjcgbxnwx/1bpomaaaaabjru5erkjggg=="/><element name="timesliderrailcapleft" src="data:image/png;base64,ivborw0kggoaaaansuheugaaaauaaaaecayaaadkfts9aaaanuleqvr42t3nswrcmbsf4tsqbhhaakljkrtalkzj+laxotpbdtlyuyprko6pn4f2d3rgm/yqg/rfrdhuwp5smsndcimikkfuax/oaspr1xpnywkk4/2rlbxa1s1cnixxslzbhghtd+egbswjept7fx9yufxvvylzdn2iytggbgcvzfmdqwudctyb/acsodz8kf7jq/p8c7zhw/rlfqgdz0pa/ncctqaaaabjru5erkjggg=="/><element name="timesliderrailcapright" src="data:image/png;base64,ivborw0kggoaaaansuheugaaaauaaaaecayaaadkfts9aaaan0leqvr42t3mtwqcqbth8bcigmirjyoicoowzh8ds0puljprqw5vdczr/wuemjfwc5/nezop1lcuhwbv5v0o1lysvvujtxp4xym4ktwyeb2ybflcssmlok4f4vj4jmn6bfpbhs5krungzmddlw3dcqhftzl0q85nyh0/is9lni240tie0xuarvgyj4an+rs//qkuuqpyegdg7+2wf2vodzqvsl5a2koaaaaaaelftksuqmcc"/><element name="timesliderbuffer" src="data:image/png;base64,ivborw0kggoaaaansuheugaaaaeaaaaecayaaadtlxthaaaakeleqvqi12ngia/iymj9z2jhywfgagigjkzgrhdbwmdewmai5tkqdwchiaf/c8ws/gaaaabjru5erkjggg=="/><element name="timesliderbuffercapleft" src="data:image/png;base64,ivborw0kggoaaaansuheugaaaauaaaaecayaaadkfts9aaaay0leqvr42uxjyxgaiaxfufrgi5cgzajdqlwxqffxaeiczjyz5mymntb6ztl/ohfup2bzq4h1mplemowpcmd3pessm2ve0yikdbqjudexut0yzydip7guzymkahr7y4clhjpgvmb5jcrmsovwaaaaaelftksuqmcc"/><element name="timesliderbuffercapright" src="data:image/png;base64,ivborw0kggoaaaansuheugaaaauaaaaecayaaadkfts9aaaayeleqvqoz+wlyxgaiawf6ym/cdqmlctdcrhvmsiw9scb2ctuisqau8pupfqppt6mdc6qtz6mcyupupmhihkp9eyouumasaoov5oikqyawlvc6mf3hunonckkiw8mt7hohpuujcpzmtx0aaaaaelftksuqmcc"/><element name="timesliderprogress" src="data:image/png;base64,ivborw0kggoaaaansuheugaaaaeaaaaecaqaaabhnlxmaaaah0leqvqi12ngiat+/2e6x8d0k4hpoxj9ajm/cwpjaacwqgi68lwdtgaaaabjru5erkjggg=="/><element name="timesliderprogresscapleft" src="data:image/png;base64,ivborw0kggoaaaansuheugaaaauaaaaecaqaaabodxw2aaaaruleqvqyv2nkgang+jp/+zjkmtgcmf99vi38kpqtjppq6xsvqikznxh4ocwjcoaebqyeuozmx4yfdejqw9b4qq2dafoyavktemc7rwxjaaaaaelftksuqmcc"/><element name="timesliderprogresscapright" src="data:image/png;base64,ivborw0kggoaaaansuheugaaaauaaaaecaqaaabodxw2aaaaskleqvqyv8xlirkamaxe0r4qbhrxoqqjxwjxcgzqaks/m1yi+80tsuqzrmnjcd48jmoqxnhveu+itzyimrgt+ufg1exv1q2yy95+otixx/xenx8aaaaasuvork5cyii="/><element name="timesliderthumb" src="data:image/png;base64,ivborw0kggoaaaansuheugaaabaaaaaecaqaaacp8faaaaabmeleqvr4aewsv0rzybjffy1nlu5rkc3dcjqzdwrxeapouuik+bfbnldueg86phsrm1z3g3w7vadbb+snffkiz1fcjtjl95wqood3ic/ve/6vszemq5z5kutglhwjshylbhcikx2wlmcp/cjzoftb/vtogk7d8bdtc4gjnp2j/+enzfv0fbnporpha4onvbwwkfantd96jkkfbyyqrvfyvc5bcr/pqswmkdzhd8okwv2iy1hyul0wqrce1eup/lr4mfat1xnym/ij7pbtcpbnp5l4ygalxvfsvqh1zczuggoinuqoucg7njpyu1osxvkrzdzuw+++btpe5oal4eoypdqwrvfnoswa+5xtl87ykysrjw3dpsqydqusw5kcjxb83tlfeyou9lblto7ff5i/mh+pouncdflykwaaaabjru5erkjggg=="/><element name="timeslidercue" src="data:image/png;base64,ivborw0kggoaaaansuheugaaabaaaaaecayaaaal+z4raaaaculeqvq4y2nggawjybtgbaki4llafasks0jwbgnj96s1tf03cipyjbkcsrw6uu53bm7+fxagsufijbmqlpbxozmz5z8ig9hasamkechiyorjullq78teln8gnlasm9rwyabzcsshgdhznfmnglgahwaao/gvurvbmfaaaaaasuvork5cyii="/><element name="hdbuttonoff" src="data:image/png;base64,ivborw0kggoaaaansuheugaaab0aaaaecayaaadqbxwhaaabf0leqvr42u2vvuodqrsfa0awmivcsv+z/1oe8yoe9mymtb2p4aspsoyecfzqtu9gbzvk6cnonz6zmmusqpxdeajbhc737pz59mbmblpsyn9xa22gdxrlod2umyfwkkwh+uc60lvto9j1rwxbn4n1onl3qxkeecwuzyybowmh07qj4xqk/ryubq3dwezroowdx3ffhagki3nvp7iso5xmpnpdsfae59nhvzaurgwlwpblpeoskbmqqzfqk2dt8fj0hb0rrz40jloqga4go1m/f3ljwiyc8uq4nksx94vf3s5qx8qrdu2slcqgommrak4zy1b27nlcij4i34g+lbcc9chxusnefebmpze5rzdv+bu4zjm8v159ajoe5yp3jis/eazcv7dcphzghc6qr3dzllc6foelrotn9ovi4dkxw2rqxs/84kzrylphtssqgziyv2obdyziyz4rgkxjn88/q4fd0qunnt6bbl5zh50pfhvahzo1rh+7+wtroa10o6e/bvcwtaeb8p4aaaaasuvork5cyii="/><element name="hdbutton" src="data:image/png;base64,ivborw0kggoaaaansuheugaaab0aaaaecaqaaab6dt0qaaabpuleqvr4ae2ssurdubif/0effyk8rl4g5buuhgilrwghuhaqhjzaucjsgb1etcaplidouapskggzrfsuqsvaawspelz1ounxhwtzcm0ht9lzqflbyvluls145lkkjxqyypwtg3unv0tfkzur+makilf2ejykphbjrbmzyybip1smev6nmgizliozqkjuiw7rimll36xn5e31k0akramydighqjpsohlsgt13gty8wxurr0mrmt5bqla+zj/ms2sxf8+gt7jolrrvvmwrnaaqulbi1r4rhmxzi/vhao9laev6r7bkaqcssv3+lfw+2ey548b/t/yz3pvs1dmwjorw4xaqfezsfewro2te5ytpfvpjhjjntpnz5jc708m9muws1c/ra8lhngrkk6flnenrxyqopjcc0v5z/wc68/wcxwlzvkuyic4aaaaasuvork5cyii="/><element name="ccbuttonoff" src="data:image/png;base64,ivborw0kggoaaaansuheugaaab0aaaaecayaaadqbxwhaaabzuleqvr42u1uu0odqrqvtcmopmjmtzvdjpswkcqbc6tyceqmbdugrf2ncdf+gmxeyizwitb+gmtgxtrgwmh8iokjuoljuengfcbk10ryc4ezoey5z+7m3o1zww033og5bcgqa9oacw6uz9kxbyfdipmk2tgg58z2tjmixfg0gueirbqwdiz5bx5/kili5acfcis6pih0nldlgouplb7xmcxhyegymtsxa7udovbyhbvfqqedmjozzfrcvd7w5fnzkfd74elhevumehkeqijd4nmyz4jvwwirwt30yio36ftynkotgj8hv1gprpvap1obtm+qqjqbhc/l8toakh18uqs7rk8zy/0yj8at90o80lg09k01tqe48bnw4o6asqzw5djgxvr2qt9iplb4dh07nngvqhq0jkwnqvehtcysi0tieiwqtq1jfaa/bhijfcxvcpzvumlvwpwjvzlwvqmud3mggylbghpn5qe3m52jyu0pifhtgewrn8lmafjvyvndrxnt7bjgx1tgkvgl/dyyxmv0vtntahh02ocy1cbeptbgel8z41eenksn6+jznjuyiyt4y28q+gvk07mpwseddajdzsh1nj433hdjx8ybqhfymhictlsaaaaasuvork5cyii="/><element name="ccbutton" src="data:image/png;base64,ivborw0kggoaaaansuheugaaab0aaaaecaqaaab6dt0qaaabweleqvr4awmy5mausdjimbgy2de44ir2qhkjodominhq/etbl//44jnvdd1azrja8n63p/+f4ivp/9/7brqza9g9/h+fihz4h+hsdobw6z8envqzsj6vzndckke3/h/9hr2ap9z08oqnmfkgbyxal/+hwmivafnuffl+hwvmir+bc/ix3/yy4bz/njn/wblytz75d4in/3gv7n56/v+1/zd/h/rgkhpgjyh94/fp/2b57fqp/afbg/84sly/o/l/8p+jlze/z8je8pri/0p/jrza+rcsj13r3v8guo9/+lkehzu+9lzmn7zrl++c9bwbv7wfe5iy/s9yhrvwbf8hcp+p0fvsvso9y57s+l/vm/9ytiqtvhvanlgwq1a79f8hcdpqr9ebabihyn7y/yyqfqnehkcskwm4/9uq/4tgfkxjqik6e/a3pf/xwzlfo4ajkzlkp6zbkaaagmt/2toufxqaaaaasuvork5cyii="/><element name="mutebutton" src="data:image/png;base64,ivborw0kggoaaaansuheugaaaboaaaaecaqaaacy0sztaaabz0leqvr4awmyjgaumdewmzcspouxju+kdqmxaw1aarygdicgsfjchd/owmelfmgrhd1a4uutay+qzxlsdkmha1+z/tuf0qimtljdz9tp+27ly/0m4kbbwgdqv1/gjcmgdlz6yaa2u9gyhbgkggr2ph3zfwf/1f0mshdsk8uzbdylxmthejhqfbuvgq9tk9d//sd4dv/f/eebkehuanjjegybt/k78xieocwulwiqxtqkcwi/mmsqyhc/shioupjuahb5cgfwtqf3i0mgaq6jwybniofbmsakpvn27uegdpi349dxmgheku2byyasklz/iymqzobotnm4e8v+lcca2gboksqgcdfjcrqdwbr7du0mflidncfaavhkdaagz2zgxwd4cz6ejipq5yyzxgzsecnxq35gpsryt+lvatlwtta9njdtmigj2gtezmcskpzifoklpj14jtdj6jjj4ci5nyozxkccuqaamvp+znqaussaaaaasuvork5cyii="/><element name="mutebuttonover" src="data:image/png;base64,ivborw0kggoaaaansuheugaaaboaaaaecaqaaacy0sztaaabfuleqvr4awmyjgausdjwmlcqpoxrtnzziom0azmbzqzcdcimxeawc5dk0tz6fk0ufyicbzazich5xd7poajkc64i7qxhupwlf/yq3xjotbyajuexrvzb+5f/gewyobn4cgof3ddxyndfth1ocza7bbgmgbwyfcas/fjnzv+r/xn8nixygtjotz25zymdtn7w8ummapiadp6dwdv/f/+fb0kggjxtf3yyagp7xlrlymhqce4hgygmjoct/5ehgxud7zkndeymjgcfmbgzgb8akziadv5hhgzulpa7nwbnn90n1gqmmz236z8yzajcn3h+jgznm+8tqodxwm17ygcamybsv6//s+x/lv8mvv2bchom2hsxd89n0gnkn7+pqrv3kcvylsx6v+4/gy0downvu8sjo1lwdab791bumgjji1xhmc/u3qzkomid6hptxacakrbzdqsbaytxyygzmfq5bfxu3q1lx7qhrxhykgwrdfjaa0gclazsqc0dcuybac3almbnhvr6aaaaaelftksuqmcc"/><element name="unmutebutton" src="data:image/png;base64,ivborw0kggoaaaansuheugaaaboaaaaecaqaaacy0sztaaaaikleqvr4awmywwaumdkwmladmula2k0vnjux8bkvhymbt83m3cp3+xneifhoxideimegsz3l6+5h++/sb7kjael/94pgu/1x918gqui0szzcjwsj1xrgpxik1nnb9inbocysaqi6zdxotfvxajwreuq84vzzvi4dbjmjkassn7gegze8zdqswsgaaj/lqok1xvtuaaaaaelftksuqmcc"/><element name="unmutebuttonover" src="data:image/png;base64,ivborw0kggoaaaansuheugaaaboaaaaecaqaaacy0sztaaaajuleqvr4awmywwaumdjwm4gwcjgihzlbrmnr0l4gzek1sdeoxpq+ep/up4mvmcofgawyhbh8+ld/+vpo/53/qdyrwoa/glz7f/x/zsaktppdyf9ikfhnb/4jqwkdt+0/egrqiiegelct/7p2/1qgjlkcxmg6enl7zf8zlemlxgfhj5bddmrkjaorceybaozeugmjl+jzaaaaaelftksuqmcc"/><element name="castbutton" src="data:image/png;base64,ivborw0kggoaaaansuheugaaabqaaaaqcayaaaawgf8baaabuuleqvr42mnggaa2ibycygkksbduhdaqevr06x5kmdrqmjdyvxs3secltndpqfvlwa3cuxmnigcjaeo/xpbt2ykyef2/8natw0ecwuqacnupnpaziavqamqsgtqxuqzu2rqjyqcxl5cq0lkpjy2nbuzs7bjqq5linxd9+vuqa8pdwywphz++4/lly/uvxr26btmyzukcagkiqelwigyk1sc1a9fcvcznwcehhxer4t59+vtueydo7apiqs4ulkpqq4kycnwqvradq0jcxiau7jgwyui0cwulwlpawtdmzzu3asvmqaurswivsrbj4iovkyagurm5iqkdo/fuqvp7tp48odfe3t4wnjbwg2jo3o0bn5yaffes4xujyfdbvqykbbmgix5r1qzzbhtzah4ehrwojo6gpxv27araqapvi4wvpyxzsgriiddszm6cotpt19fxldiy0hvo2n3z5s1l8ft0tf66dom+uxpnxldxv+vdunvrpz68aneisf4ocgqsbuu50gxtgqlsu6donbft27ypiffpnj17jdccala6jebclnkghygfgzgfidmhycyl9sai5ieyysaaaczv+irlroz6aaaaaelftksuqmcc"/><element name="castbuttonover" src="data:image/png;base64,ivborw0kggoaaaansuheugaaabqaaaaqcayaaaawgf8baaabuuleqvr42mnggaaoijyayguksatuhdcqepr06x9kmdrqmfdyvxs3smcctndzqpurwa3cuxmnigcjaeo/wvbt2ykyef2/1natw0ecuuqacnupnpafievramr8gtqfuqzu2rqjyqcxl5ce0lltjy2ncezs7cabeigymvqd169fdzewpdxc8fjx498ux778/+rvqy+wlvvwlcagiaouzadirminxlt2ldzl/bwchforerhx06dp33nixil/qhzcxcvff2oouqauwrukymbisigs0ixbjkyyumncwmkclpawt3nz5k9asxpq6upkqewsxbi4ysukiifubm4yqodeonxq1l+tj09etle3d4ynju0bgvpn48ans4gkbinwugiwqobebswsgtcqjdvr1rwfuuwqdw+pcudhx+o9e/z8b1pobfujis+nlfmybgigmoxuzwcbr6+vr2rkzarqtf/mzzvx6unp6b906dj/c+fora+urra7devwf3x40ajfklwcfbskdopyomtoaqvupk6denrbtm3hqk6epxv2i6afs4bsmqiurcltoifyhihfgjghiiwgmbdkcxazmwaaabfdd0inkbkiaaaaaelftksuqmcc"/><element name="castingbutton" src="data:image/png;base64,ivborw0kggoaaaansuheugaaabqaaaaqcayaaaawgf8baaab60leqvr42mnggaaoijyayguksatuhdcq+e8faduudbrevxofenaaygsotswgq4fqv4ab+olfc5cabzkus4dqrxj49oltsatbnkkypg/zqkmhdx+cbcxbnkkyzccubhvidmqis2fp9gfskjdv3vx07969/6rgkifqgmwg35kzz+omtpwyxcpdo6mmpmaybnmy6devx/9569at/8rgkifqgmyg8nu3b39++/bt/9evx1/u3r27lyulsy87ozvy1kltz65du/afeayzckxbbvkkiihol5wvpe3cuxmx0pb/z58/p+3u7m4dfxfnd3t9x0uxlv3hh0egqmmwgyjpnjzzvgtjkkpotk6tysrkbkb3p718+fkkvly8qundq965c+f+48mga6e02echy5cv33z37t3/n2/exa4odnyrkipkuxr16s8lfy4saspral1+6vtp0/9xyva6hniqlwoxwnfxcd7zs2ffvn79+q6cnjz5ggulfj148obxufcqnvbecyjn8ewu48epww0uef/+/en09hrfyeskaj3+z//+/f1otk7ur44cabg7qqurceygofp4xhydbsgwl14fpcnnmzydunhjxkwqq4fevxb+/pmnqly4eessw9pwqdwiajepkjja4qoncieon5wbsaaaryivoyy0dtoaaaaasuvork5cyii="/><element name="castingbuttonover" src="data:image/png;base64,ivborw0kggoaaaansuheugaaabqaaaaqcayaaaawgf8baaab60leqvr42mnggaaoijyayguksatuhdcq+e8faduudbrevxofenaaygsotswgq4fqv4ab+olfc5cabzkus4dqrxj49oltsatbnkkypg/zqkmhdx+cbcxbnkkyzccubhvidmqis2fp9gfskjdv3vx07969/6rgkifqgmwg35kzz+omtpwyxcpdo6mmpmaybnmy6devx/9569at/8rgkifqgmyg8nu3b39++/bt/9evx1/u3r27lyulsy87ozvy1kltz65du/afeayzckxbbvkkiihol5wvpe3cuxmx0pb/z58/p+3u7m4dfxfnd3t9x0uxlv3hh0egqmmwgyjpnjzzvgtjkkpotk6tysrkbkb3p718+fkkvly8qundq965c+f+48mga6e02echy5cv33z37t3/n2/exa4odnyrkipkuxr16s8lfy4saspral1+6vtp0/9xyva6hniqlwoxwnfxcd7zs2ffvn79+q6cnjz5ggulfj148obxufcqnvbecyjn8ewu48epww0uef/+/en09hrfyeskaj3+z//+/f1otk7ur44cabg7qqurceygofp4xhydbsgwl14fpcnnmzydunhjxkwqq4fevxb+/pmnqly4eessw9pwqdwiajepkjja4qoncieon5wbsaaaryivoyy0dtoaaaaasuvork5cyii="/><element name="trackbutton" src="data:image/png;base64,ivborw0kggoaaaansuheugaaabwaaaaecayaaaa/xx6faaab3eleqvr42u2vp0scyrzhlwifum4oicugz4zmsrqkhhan2hzybwsvwmxhasglfxa46y2jejpdieefdnv1uhdx/+du5ms/lzyc2f09kdjdax94nuf3fz6ppj53covfqtglgik0habwx+fasxdhhjfwm7xsdjubcuzc6yb5g69wj7c7xk5aqvssr6nrfj6f1wd6xwlxbtxkxnmazqhieyx2scqsnk6naqftysysizgksxcafzptuaufqrhxekwzwsu04nnpjhm1k8m80thhimq+a30fasph8emuxqinw0suefrhgtjher6pqio3gg2fyszc74y5h2wyyfl/zpsj9xa73xw8hn9m38aoizsjiuv9+16vp63dkwz0+/2g2+1+pl6honcryc6ddlluv2u3m7rjkqaazwy9l8u9z2azco0lhagegjktvquonezbbhskf7tr52aw0nrtnhyfdyrb1jch7bfwyhp6tbvveix+arvaq1qqgmbhtd6ulnvk2qth/sxa/ecf04ndk5flgjasluviyo3rzeirolopvlpqkgiaxpc6+1wu68lk8g2xyxuh1efwbgrztiuk8m10avbdhri4tus2qoft4croiuodfq5zzfmxjeto/ggbqlo4c+epa9e3tysegl0aaaaasuvork5cyii="/><element name="trackbuttonover" src="data:image/png;base64,ivborw0kggoaaaansuheugaaabwaaaaecayaaaa/xx6faaab3eleqvr42u2vvuscyrzhj4awhq5af3mol5bsfjmsstyabgusuavbhbwesf9dpmdbf4qgb8fbhsynvqahiftetsig6awevt94hlczdowm+8ehfi/fe74+j/eiccgu/0sxdw1d2/bpw5fwggxgbzssv+xxtgg2wz4j7c9anzwbs263o1qofc673e79qwzm+xz+ijno9suvqvorhkursos43+8bjuzdj0ajsa/xe0syo3flwsaqsbqgiczh1ddbx9/r9yxuknwnogicyfbcpmhzp9n5ufx1dpux0edig6dgxyqho5flxvyqlvtp5lb+bntbahrqkr9mc6t+zrn5r2nahdznuhbck6qw+umr1rkjwdum6br+4ff4zpgvgwutm/bwqaew+ag8m7vjjjrurvbfm5nm3waweea9ywk4wrk1tvrtndfi3ux0pnty6lhdbot6vc7gronhlmfuqpvea7g4/lpxhaugo+vy+a1ukgkij2o09ozzauulyfqlypnb38kd/vosfguzzzicu4s6mo7osmk4mkgkbrlzrccowybrhifzedxe5c0xjeg8y+ukxwkxm3q6/ylaz7kojznqoovxzk1j+gxknyi1ojqso8rzqtqqexvah2db0db8d8np8a/szovcdd8aaaaasuvork5cyii="/><element name="fullscreenbutton" src="data:image/png;base64,ivborw0kggoaaaansuheugaaabyaaaaecaqaaacc7ibdaaaa5eleqvr4ae3ksurzybhh8rpifaj5o3/ig5cogvyhw7n09x7axsresafuheli0a6igex+y3edlmqnpe7egfbfmzcmxfo762gh9giijix8w0rcmq9tu/3ol9kogxdylounfos0crglyvr/fz1zmht9a6vxqv6jjfa9efmiz43pdoqncqmh8bgs4ijpt8vtmyy7niiaoohhsnnovqrpta9hsocjwt6ro+jy8qv3pzt0ajut9vavdadbny9iajuv9kif5jqzyiqd87v80/rfaedaq/rkvht9veprmmns8m0zrktazuz9alnjvl+tewchaaaaaelftksuqmcc"/><element name="fullscreenbuttonover" src="data:image/png;base64,ivborw0kggoaaaansuheugaaabyaaaaecaqaaacc7ibdaaaa5kleqvr4ae3miuzduace4b8vlu1faqwebplqna+oxqhm0dticshqcywzwsbwegoheikcb8ukazbhczxhmsw1ezuz+357odzow8hhkjitswiwcodmuwufpo852s2nzujtzfh5mpnyrq+23ne4lv4007templisyon1ztedxkzkz/xgdocxbw8qiicbqpq9jj9ogodt4d/aigw4+khykbazbbe6qld/nr7+ux5q089vsrypvn9nhpd605nbsfwwaknlzroqmtg9yyv1tzqto+jclbkrtr2q+96ahcxckjilquyfbzwzumfahjldlf+xfeaaaaasuvork5cyii="/><element name="normalscreenbutton" src="data:image/png;base64,ivborw0kggoaaaansuheugaaabyaaaaecaqaaacc7ibdaaaa50leqvr4ae3ksu6dubha4qmnatsnfcjlykbx8mxymnxkculdujg4ooomcbr/qns1xkajqxjjtjpuk84kuhw4d+ny76yhvv1zxlx8aizyejehbkgmx14wte1qxz1l98vg/8iyjmqo+zjvvdgddpohx8co7erthvwmqofa5nczwtsnrwq4gevvmvqh62ow2+yditk+biw3ptt4kjjxiprvyjnf39wv/edkmqlosqd6iuokglmou+jvv0ifdfabfkvbaxvtt0kcufhczmwur4rj7lfcytrhelte5yic8xgpbhuij4sztrdbfxjjv3k8mz7yaaaaaelftksuqmcc"/><element name="normalscreenbuttonover" src="data:image/png;base64,ivborw0kggoaaaansuheugaaabyaaaaecaqaaacc7ibdaaaa7eleqvr4ae3sr07dubzf8e+dakaaiaynaoh8uc43pk+amshimetxdaqbqzvkcqhaufmbewkucg4w/ib4hatykcyzmfszuc+xx3lytw3haedeqsqqhvgekwkz6qfh3jfbl9+znta/wmrekbfu/gjrlvwun11ujasvxh/yetvxjrh1xm/qnm+3d0lxbovp6vaitz8xbgsnyckpktbihp84yoyic8gzetsy2lfxcjlbjnrretk26kzjuisd1i+679ybj7nqotvd6ly9fqvb2ay51px262x65jgchoypmomki901yujlmxki1tnxa+mpejlkhvybwgmaaaaasuvork5cyii="/><element name="volumecapleft" src="data:image/png;base64,ivborw0kggoaaaansuheugaaaamaaaaecayaaadpykt6aaaafeleqvr42mp4//8/awwzjhighgmacfgnakncqtaaaaaasuvork5cyii="/><element name="volumecapright" src="data:image/png;base64,ivborw0kggoaaaansuheugaaaamaaaaecayaaadpykt6aaaafeleqvr42mp4//8/awwzjhighgmacfgnakncqtaaaaaasuvork5cyii="/><element name="volumerail" src="data:image/png;base64,ivborw0kggoaaaansuheugaaacoaaaaecayaaabakizgaaaaseleqvryce3bsq3amawdqriw4cqlkf031azkvkg6an8naqcah3zopqpqe28lqjcs1fplccpwhjksbgvbcaq7lcazcwkaahz0ae0sb2llbfttaaaaaelftksuqmcc"/><element name="volumerailcapleft" src="data:image/png;base64,ivborw0kggoaaaansuheugaaaaqaaaaecayaaaalvl+daaaaeeleqvr42twkqqqdmbbfb3cft9oqq0wniw51b5f2ti30zlx1an+zqa/hhwfz/zw6ezrmmown8nuych9jljzzoly1l2sd+v6gebikmh7mcthmyvyyi1lkbeo69/y+sbkktcz3saztpxkaal0fs5ry2emjo3arajpndtqhl/b2huuvaaaaaelftksuqmcc"/><element name="volumerailcapright" src="data:image/png;base64,ivborw0kggoaaaansuheugaaaaqaaaaecayaaaalvl+daaaaeuleqvqyv9wkow7cmbbev3ritamwyzlmbumlfsjdbuhizasffpj1ltlsw+18rlarrjt+yzpufoqq4zwhgw+5seqkctzb+4c+dy/juuk1waouvimlwldntvgxomoimweywrsfztgu03s/cp/vmnl+3adshoda9s1ssn8goc/6ib5ohgaaaabjru5erkjggg=="/><element name="volumeprogress" src="data:image/png;base64,ivborw0kggoaaaansuheugaaacoaaaaecaqaaadwiurraaaaleleqvrix2nggawjybsmrmd4/z/1dww5tqoxsnwdmoz+gyouhqwjybsmtaaano8gxiq7mhmaaaaasuvork5cyii="/><element name="volumeprogresscapleft" src="data:image/png;base64,ivborw0kggoaaaansuheugaaaaqaaaaecaqaaachtxciaaaanuleqvqy02nkgajgojh+9zekaxm/jrzj/wysuftxlx9y6shhbghj10sgpkji9rmykhjp6eiacain1sj2fnyaaaaasuvork5cyii="/><element name="volumeprogresscapright" src="data:image/png;base64,ivborw0kggoaaaansuheugaaaaqaaaaecaqaaachtxciaaaankleqvqyv2ngocp4//f/h5hx5/+z/78mabnn/5//f+kzkhhkpxccglv+a+feigp9p/ugfxqfahkzgwn2fdisaaaaaelftksuqmcc"/></elements></component><component name="display"><settings><setting name="bufferrotation" value="90"/><setting name="bufferinterval" value="125"/><setting name="fontcase" value="normal"/><setting name="fontcolor" value="0xffffff"/><setting name="fontsize" value="11"/><setting name="fontweight" value="normal"/></settings><elements><element name="background" src="data:image/png;base64,ivborw0kggoaaaansuheugaaabgaaaa0cayaaacqgfi1aaaaykleqvr4ae2vwq2amawd/cgkvrbjuayh+mobfmmqybkcuwwsxoaltfkqkaiqtaz0t5yezmsmouca15+iagzqgo+aftftsmzfnyyzv+kfjeyh+ablihz7cx4n4grotpd5ycgne0aqrojabcoaaaaasuvork5cyii="/><element name="backgroundover" src="data:image/png;base64,ivborw0kggoaaaansuheugaaabgaaaa0cayaaacqgfi1aaaay0leqvr4ae2vsq2aqawdxwsff91pkf1rxkazim0yallccf7aiu3/i7wou0zfzm6rqxflaiczykbuc+b1ewhatm3ihbaizkrjriisp/obqjq6gacg8w/asv/w2aeme1hvvtlqbmjaktrluvcnaaaaaelftksuqmcc"/><element name="capleft" src="data:image/png;base64,ivborw0kggoaaaansuheugaaabiaaaa0cayaaacho2h8aaaa4uleqvr4ae2xwuodmrrft17gtscimowoqwf1wusfiv6autf/x5tuxg6fbkoehfahpk+glni+4hbzlzyi44/l8uobeavugjqruima4l1t24+u685dcgci4hhjbdwpkr7vl3polsaiqnkm6g2xajuukspailquqtlmfayiuyhzydmjiygi+2qonloi0cktldxk/noxxvyrzrs6ugyujsrxl6d28sp2b4n0xj62z1nvhbcutolx/4mrh8lft6o+nc28tqtyq9xd5273rurpvssl915gvnct188mblebr+dl2k/ol+wmrvei4jxnaaaaaelftksuqmcc"/><element name="capleftover" src="data:image/png;base64,ivborw0kggoaaaansuheugaaabiaaaa0cayaaacho2h8aaaa5eleqvr4ae2xmu7dqbbf346sidaudoqprnbcm4im3ipcae7eebgid6bf6akqjhezgtysf7dxqi7msdm+zf4vjbsbp1arqy2wa26buwzsjahay1vvt3vdx5rluzdeybgwpuqaprluvykxymamee2wy+q873shgwk4kyrfirnkis5egkcescjhrqnaw2xug4hnyinvzeufpmxvzcpoz8jiwdpy4++n9t8p22qb2cye1qqahhakt7w3glvvkep/+uyo/igyy0fw6+vxtv16/kgcdl2nagkyomgzuepifv9+dzym/yr+aujsfwzzzzlnaaaaaelftksuqmcc"/><element name="capright" src="data:image/png;base64,ivborw0kggoaaaansuheugaaabiaaaa0cayaaacho2h8aaaa20leqvr4ae2xqureqbbfx4e29qjdvgfv4cb7wst4ps8wltw5b3a97mfmaflkkbazmpaynkbibrgpd4ci6j/4uggzqr9zjgbn4av4a4ht29yszjomztnxxdfd9x2/a55ikywlhjmu0nxtnal4miedwnz7/4wbkcvh8xh6jaqyidfdabcrfatvfqjwu7espuh7zprx3wj0t2zk1lz/+mg7nq/bnpfixdpy8veq/dviw20j/w+drtoamk2jxebgbdrt628bhqea+x+dpjmimuy8lfled8db+orugqpaj8i7beskl1puaaaaaelftksuqmcc"/><element name="caprightover" src="data:image/png;base64,ivborw0kggoaaaansuheugaaabiaaaa0cayaaacho2h8aaaa2uleqvr4ae3xwukemrtg8x8eialgwyxf0xrgkysvwiivrr1si3uwanksvmxhdhozroz5pgozszidvf8bjy/vgwdx+/3jo8tdgqtwas4a7nb4/mshuygx5r7v4zamr+dnp5ryyjkniytbrutugncy7enyqvupozimsxa7h3vgxatsxfsqgccpdznenab3qim26g/v9bdpblp9imvn6t9y2daalbtir0ol25edfzu1mx62zon0v91svz2bq1ap5+8f4fl1tlkyc+c06mla5clgcuzp6wicm31ffwhzmg90m7lxiaaaaabjru5erkjggg=="/><element name="buffericon" src="data:image/png;base64,ivborw0kggoaaaansuheugaaacqaaaa0caqaaabi31kiaaabgeleqvr4ae3rr0peqrsa8zl1b1udqtat4j8qes1qurzvef8lfyjvsfoaisyfq9mgyfufvptgmtk3caad6dn8hoybfhk9w9x0yc6xdsv8lrnj0vgntzo05lzzyr7m/wxafqc+sdhqenkv6dsg2ufv2i62ndc+2c82sybvwqax+tizxlodzbueptnosty0wgm9lryqps7pvwutetain3rzu481mjyaf0px9kr7ralnmctnavc3pltalxesypsglatfvdfonnnomfqegkhfoqnhuicr6cwltdivnkigy6wdlrxq7qbnrapjy0j1mcu2cy6k4qkmcbjfm/tphvzeasfs8cbvtbhxazvospzzn2ll4/gqxoislkaqqz+exnu2tp6c2qaaaabjru5erkjggg=="/><element name="buffericonover" src="data:image/png;base64,ivborw0kggoaaaansuheugaaacqaaaa0caqaaabi31kiaaabgeleqvr4ae3rr0peqrsa8zl1b1udqtat4j8qes1qurzvef8lfyjvsfoaisyfq9mgyfufvptgmtk3caad6dn8hoybfhk9w9x0yc6xdsv8lrnj0vgntzo05lzzyr7m/wxafqc+sdhqenkv6dsg2ufv2i62ndc+2c82sybvwqax+tizxlodzbueptnosty0wgm9lryqps7pvwutetain3rzu481mjyaf0px9kr7ralnmctnavc3pltalxesypsglatfvdfonnnomfqegkhfoqnhuicr6cwltdivnkigy6wdlrxq7qbnrapjy0j1mcu2cy6k4qkmcbjfm/tphvzeasfs8cbvtbhxazvospzzn2ll4/gqxoislkaqqz+exnu2tp6c2qaaaabjru5erkjggg=="/><element name="erroricon" src="data:image/png;base64,ivborw0kggoaaaansuheugaaacqaaaa0caqaaabi31kiaaab3eleqvr42u2tv0scyrzgv5wfjivgkevlsy1obwgdue0ogdrytbzc/qenfv0ddtw0feyjgkgebuzcefxyljpnemspuxpbnakit++rlb+uvnopuocz3pt+j3vgen8pkrytwv5z2qmb0d58kxl7zxufzm3w6e3jybfuw+8e6zupaaxb3znnpgpnlabzruf02ebturrssods89tvae0bwyjiehijiabifjzpkkaf1tsepknduuamrmo6dkprzcnkrdo6uepqw9ncaxsecxhglhvkzz8snjw0wn6osqffiwxvwse72ysrkwtxkehdsq/5hrjucpcnbmvvdedxnkzmghhnlqt8dyrwoq+1lj9ziqnyu0aerahxn/cir3uiqojgljpndm2kupygf5v2ilxbysztmybi7xcowyvk9/h3/sn65hxsenbebi8q3wukzgn2peqckicff+xkoa55zk4zmyctcubcs+7ksqbn3dzdl3ytrt3iuipxrvxsfs516vnfruumh8oi/whewa4gdmsy8435aqfbh81jdowzxtti8dm8cvowrhkfu/zwyjdbi+yc/acmecyuuh4f6rjoty9xm9cxirxgtyx7iesor7liqenk5xdyfvb2lyg0anhyf/mb+x5lqie6gt8aaaaasuvork5cyii="/><element name="erroriconover" src="data:image/png;base64,ivborw0kggoaaaansuheugaaacqaaaa0caqaaabi31kiaaab3eleqvr42u2tv0scyrzgv5wfjivgkevlsy1obwgdue0ogdrytbzc/qenfv0ddtw0feyjgkgebuzcefxyljpnemspuxpbnakit++rlb+uvnopuocz3pt+j3vgen8pkrytwv5z2qmb0d58kxl7zxufzm3w6e3jybfuw+8e6zupaaxb3znnpgpnlabzruf02ebturrssods89tvae0bwyjiehijiabifjzpkkaf1tsepknduuamrmo6dkprzcnkrdo6uepqw9ncaxsecxhglhvkzz8snjw0wn6osqffiwxvwse72ysrkwtxkehdsq/5hrjucpcnbmvvdedxnkzmghhnlqt8dyrwoq+1lj9ziqnyu0aerahxn/cir3uiqojgljpndm2kupygf5v2ilxbysztmybi7xcowyvk9/h3/sn65hxsenbebi8q3wukzgn2peqckicff+xkoa55zk4zmyctcubcs+7ksqbn3dzdl3ytrt3iuipxrvxsfs516vnfruumh8oi/whewa4gdmsy8435aqfbh81jdowzxtti8dm8cvowrhkfu/zwyjdbi+yc/acmecyuuh4f6rjoty9xm9cxirxgtyx7iesor7liqenk5xdyfvb2lyg0anhyf/mb+x5lqie6gt8aaaaasuvork5cyii="/><element name="playicon" src="data:image/png;base64,ivborw0kggoaaaansuheugaaacqaaaa0caqaaabi31kiaaabhuleqvr4ae2vu0odqrrab2xswvmmtqnclzfreuusnw/wj0scwgqv8tuqbbesjlgifojfcsfcct5qgwzftpgtncuwictznd2pannof2bn5t5vgucge8mpptwrevxd+cbi1ktq948vxvjlbmm/jk2apppjhzm7ip88y3jly0e+m8fkmnyfmsbkkk7v+uodkzr/2+azvuxosxvdh3nmtoj3inenmbyt7avvitgp4wadv85xk0wvs4sochd3rvyyhg5xc91m6nhpoydzftouew97n3ixzzh2uv497c6yue38ilfqmsm61yjs0om8gdaph3abdmfnkm60rrzowtadovni2yryxpqsetckvapmm6jhjci/tztgefh4qxyxgudgd+1pwmmflv3oaaaaaelftksuqmcc"/><element name="playiconover" src="data:image/png;base64,ivborw0kggoaaaansuheugaaacqaaaa0caqaaabi31kiaaabhkleqvr4ae2vvupdqrbgt7bmaekd5aesu0zvl6ki76cdl6fduitgiyjneeriovgifokfhwchbbnrywwzrbv/tfostgghuxf37lsbpac/chd35ppijdk45myigtzdrk2+uvtenap6woevf7hu62puqgsv+fxhqanrszjgd+go+amo0r26bqfgqi5en/cdouzv9lebr0wxukky9/j0jtel0r3fh1emluc2hndnjm7hzxvvuhkslzpcqugm/h42i0ujovp4usmlnpppj3c7lfpspoxjplslc+x1/udidlnm2ftbhqc/jznhtcnsqa8bms2zh3yf3a7jfaetkt10lmokby+2xvhzjgijlkizzaziucjiya/xx9qr/q8yeokmfv9/ax7uxjl24waaaabjru5erkjggg=="/><element name="replayicon" src="data:image/png;base64,ivborw0kggoaaaansuheugaaacqaaaa0caqaaabi31kiaaadoeleqvr4ae2vuwhbvrjh/0nqdk0m0etgitvznsmizcltloonpowlbk27lzmgsieyh7ygfsyago2ydzk4gmi65kg9d6kkbfcuyf1bqzmmlsyxck51kwxkrpm4qbrla18cingvw0qgn7ea1/z+l4fdn4/vo+c730g9ngjqqialj8ckumn+afjiqwydhrbuxto/8w/ojux9bc0q6gn27b3eorzm5zm2l7evm/5bmaseipajififun7hxa5mjj7y1gi3mjyaxa5vzzsdmjewlfvqz/xhfd7jr5+fp+rygu0wpqlibe8pev+9yyvwejulvapwleu4tsceh9b8sn8lt8sbbprjvhuexrommucvj61o9h81fxehey/ghaf09qovlaf3n4fgndsjczxnbn7jdu3t2tfexe64iec5g9q1lz/7/vy2ibs5ahtndcm/waxmutvb8shsd/pogdf46bm2cj7qr16thy87t0iwzsf77ch1/sbcdmcyjrvuaz4813uapjwmc3sxszts+ujqwtxp1e9cv8ct9sq/56eeoggpemtb1t6a9bxdq7nbvkv2drjljkaol1lm+gicsme47x1jsu5lhyeidfexpcu8wse43kifezcu+wos/fix4kxsyon7yhbqc2fftpfnkghixuildyyzdlfchlpyxrbd952kkeggr9uii3z6jbnanhbd941hoobf5riv8wc3swmbuzt130xd0vyfsfoc4gfvwivaud48qvs+njxs8urikpockmtevw2br2tdd9lw+ovir15vezl91q1z3uxovp7lvjlxi4ynayhvdhkce7ye3fxve6l2ohafr43rntnj+ixhrj0czeqvfjifcrbdcruqi3ig2+dtbsrm5mnr2guokcmd48xymotzrcaaxbbghq0c3aj09sxmp5nloa8pwaolywdrpzbhgl/kmufkkff2xx5rferfq/vpx+fkzw13jbn2d8kroc1h7av9ci7nniu8yvx+xt95t1svqe/j+dffhldzyupd/4u9q8lr9tnwa5rdyeej8bhky/qd7y72jk5jw4qksuqwckrqtbtuhc/44zb/ieoagtpk/n8fdomgdf4g6kd7103/csoaaaaasuvork5cyii="/><element name="replayiconover" src="data:image/png;base64,ivborw0kggoaaaansuheugaaacqaaaa0caqaaabi31kiaaadteleqvr4ae2vx2xtzrjgh1ibzdmru6lxldofhlj/cepwtwcjiustdtdilikxjmao2glj9i7escgkw6jrg5altznjy7qdiwxk0dzllsypssqatchimkdzm4uenuurtj2p57uaulnzotltf8/nl3oevhnf73u/70wjxvkirawqcd/ksgjsvyscb6ebzizfoth4nx9zjnn6ktzcwhlcnu9ncpjaspw3o80vogbl/y/yukiworhncmsusvmglx/6zz3sciuwlzsigxvbnn5gxj7566b6k29j5ix///pwmwk9ylguzvj93m5o6qz6g9ouey0tbzi5x9ggklgefbdvp6jkp3lfr8px93yeopqxy6a2l6bo9suatv/2tv/zpdley7ylwkznyeullfhwbg+q3/f8wasmiplkb3gsvkh4okmhsdyhkzoo2bay0eytzulcggl+pvxtiydggmbjgpf42xjzdqwrry+oao/evwnjp5+675pj/jkhzw0xvt7ufvvqepte1onezsfclo4d0fjfh7for9ol9l1x1yv8idt6ybmj6sruofl2xst76zm57dvevdt36evko3o2xhi9k9gae/tzxn88lxxhz8kgewkmyamc5t4/rddcus8vfcezjzgxx0gmyijb3jbghntmfr6rdbyyl5zofpjdfkanjhhr9mcr8p2qr4toog/zyya57vligva1ct93uoecjzlnez4vviekghfpx+vcd0k3tmzp5scdfnelkhjx8hvhho8t3c22vrmc4hcdatqzfgdc07m08o3xpx5p8+6aeoox2f3qkausgaw79wjpmabu3g1jr9xqd6zo8ithlyy7rkhbmjunxzdmhedgcvx6w8c8yenldtle+js9exay/louxd4znwpxkl7cjifmhs/ids8av2see4pwyboqikemjltaiqbu3gklov0d4hypqo2h03luugi+huczznas/ffxw92vbwu2bnvzsh8spcmz2h8fxzunws1z/kntotkx9dllmk9wjnlmoautwhtf+nivf446zyufpf5p7oxj9atfsfd97ek97ks1tjz64+gxpyt4qd6u8age9vdmgowkbnchxn9wfxuqdrrocmir1ai4y+lfoksjfwehacqxd5l4jgaaaabjru5erkjggg=="/></elements></component><component name="dock"><settings><setting name="iconalpha" value="1"/><setting name="iconalphaactive" value="1"/><setting name="iconalphaover" value="1"/></settings><elements><element name="button" src="data:image/png;base64,ivborw0kggoaaaansuheugaaacwaaaagcayaaabprpp6aaaaxkleqvr4ae2ysq3cmbbf7+yiximqsersmgyni1axjgswaamklrepenq2z6chooqwpf+k65+evhtzxw8lijrp7fucpcmod9u7v2sbpjm2bvtaa5ksrerc13v13/epipatqk05zzohechfwimoknyiwk7emyxmjytrouozaeglkd4byutyczjen9gwcupryrkybcbx18jlj0bh3iqjk/gfhh0ko3bwwqoid8yypotx3ofoap0r18y0wymspco7dlf7ne2x7l5bnyz7ugi6so7waaaaaelftksuqmcc"/><element name="buttonover" src="data:image/png;base64,ivborw0kggoaaaansuheugaaacwaaaagcayaaabprpp6aaaazkleqvr4ae2ymu7fmbafx04osqvyrqix4nfcgrzoaxw3omqrkhkbbkwyjvficid7a0dkpxq9dzhxdlq9al6ab8drjl/acryowpm8z0/lsvhhgcwnkllk27bd7fv+lclnabrxx3hyugotyoyx4lifh0xypzqtdfmb0orrsgeo8l8il9jd4dl5jfryn6xhp5pqsegkluwd/upewrg3yxqsenrawatfvogyus62qspkirik8brj571z3ot0q7ixhgb8ipbbcmhu7wxcn/679f0hqzryj4eg/3aaaaaasuvork5cyii="/><element name="buttonactive" src="data:image/png;base64,ivborw0kggoaaaansuheugaaacwaaaagcayaaabprpp6aaaawuleqvr4ae2ysq3cmbbfd8e0cvesucfmpgmkapgakvagymkwif3rxme/iudn6j70i5dpx98u4odhvywig3jcdqstiezi3enz7fv+0nvdw1wvi4vkeei4ib8rhjxlcg6ii4tpxmbgadotzhwqv0+f4ekpmdbzcq2ztckec9+wxtqbhe3cjrgyd5jpp1jdxb0sngm7dnawnbyqhudlydkbukwg4ircu0rzsa6bvqt0binfn44vex7egdfiihoj/hfr8wvcz0/xf6tpeqaaaabjru5erkjggg=="/><element name="divider" src="data:image/png;base64,ivborw0kggoaaaansuheugaaaaqaaaagcayaaaa1znleaaaad0leqvqou2nggawjadcaaaigaaeeeyataaaaaelftksuqmcc"/></elements></component><component name="playlist"><settings><setting name="backgroundcolor" value="0x3c3c3e"/><setting name="fontcolor" value="0x848489"/><setting name="fontsize" value="11"/><setting name="fontweight" value="normal"/><setting name="activecolor" value="0xb2b2b6"/><setting name="overcolor" value="0xb2b2b6"/><setting name="titlecolor" value="0xb9b9be"/><setting name="titlesize" value="12"/><setting name="titleweight" value="bold"/><setting name="titleactivecolor" value="0xececf4"/><setting name="titleovercolor" value="0xececf4"/></settings><elements><element name="item" src="data:image/png;base64,ivborw0kggoaaaansuheugaaamgaaabmaqmaaaast2otaaaaa1bmveu8pd44muv6aaaafkleqvr4awmymmaujijrmapgwsgybqahuaabiqncjaaaaabjru5erkjggg=="/><element name="itemactive" src="data:image/png;base64,ivborw0kggoaaaansuheugaaamgaaabmaqmaaaast2otaaaaa1bmveuvlzhxqqrqaaaafkleqvr4awmymmaujijrmapgwsgybqahuaabiqncjaaaaabjru5erkjggg=="/><element name="itemimage" src="data:image/png;base64,ivborw0kggoaaaansuheugaaagaaaaa2camaaaapkwzgaaaak1bmveu0ndcvfrcwfhgxfxknjyozmzyymjuljsgrky4jiyyzgrsslc8ygbobgx0kjcculjaiiiqaghwjiyupkswkjcyagh0njykiiiugiciwmdmqki0chb8ljscdhsatltauljedhr8vfrgxmtqvlzivlzeokcszgrwqkiwbgx4gicmokcofhyimjigmjikhismehiahisrwjqooaaaa/kleqvr4ae3vnyldmbqg4x8kme2qwwzlfp/tbeo0qfq6zqw+corxqqyl4hejseaceva8nqamrkcof40knuxmgc3gc0lrtizab1bkusopdizcxrob0etl3hqxuihlnbodc+argrnq6guajtbebmrgdcwa/ocyumatraovbib3hbqtoj8kzp5qwwxoa3xfbdrvjppnhvgbfqfjqmchzsoaugdmwcsqumfeahwewmfnxkdkshgaz5yaeoic2fpbaqhuamdg4aco3huaahkahyykoqatc6bsf7m7unotswlwmr2wavithvaaha2bmxcwiadc7642wimskiaejcabxv0d1b4kmtm5dvaaaaaasuvork5cyii="/><element name="divider" src="data:image/png;base64,ivborw0kggoaaaansuheugaaaniaaaabcaiaaaakuweuaaaaeuleqvr42mpq1zccraoizggamur1t+nadmkaaaaasuvork5cyii="/><element name="sliderrail" src="data:image/png;base64,ivborw0kggoaaaansuheugaaabgaaaabcayaaaderm6raaaahkleqvqi12ngiabercx/kymp/fdwvkxbidgqhch9aamvcvfmhd66aaaaaelftksuqmcc"/><element name="slidercaptop" src="data:image/png;base64,ivborw0kggoaaaansuheugaaabgaaaakcayaaacuaz5oaaaaeuleqvqou2nggawjybqmfqaaa8oaazphnjsaaaaasuvork5cyii="/><element name="slidercapbottom" src="data:image/png;base64,ivborw0kggoaaaansuheugaaabgaaaakcayaaacuaz5oaaaaeuleqvqou2nggawjybqmfqaaa8oaazphnjsaaaaasuvork5cyii="/><element name="sliderrailcaptop" src="data:image/png;base64,ivborw0kggoaaaansuheugaaabgaaaaecayaaacuy/8yaaaax0leqvr42q2p4qqaiayeewktluy3pkevvwvpadzo+q9qgw+oo25jq88ym2bluap4dw71epfvyuxclcgsfwh4yd4fshy6vv8krpkugfqnd9kfhxqsjnqeoyoq4wl2t/opxdoix8vd60iaaaaasuvork5cyii="/><element name="sliderrailcapbottom" src="data:image/png;base64,ivborw0kggoaaaansuheugaaabgaaaaecayaaacuy/8yaaaaxeleqvqy02ngiadexcq+ksmp/fdwvkxbidgg3bcgsog0tmxgwvl5datayia5ii2wsbe1alr0a8hakktbgmqgiyhkklbg////tk6uboyg1win/qzcidzidcrhsd8ab2yrz5n2claaaaaasuvork5cyii="/><element name="sliderthumb" src="data:image/png;base64,ivborw0kggoaaaansuheugaaabgaaaabcaaaaadhxtf3aaaaanrstlma/1uriruaaaausurbvhjay/opa49unt+yaz2ccwackhapymvmmwaaaabjru5erkjggg=="/><element name="sliderthumbcapbottom" src="data:image/png;base64,ivborw0kggoaaaansuheugaaabgaaaaecaqaaaa+ajetaaaameleqvqi12ngwacppt76f/7/kf+7/q//yeamenqh19dhqby41xf+/zh3u4hvjh8aajaygoju8tlhaaaaaelftksuqmcc"/><element name="sliderthumbcaptop" src="data:image/png;base64,ivborw0kggoaaaansuheugaaabgaaaaecaqaaaa+ajetaaaanuleqvqi12ngoaby2rf+49kps/uivh54wrh/h/7v+l/y//qjrgm4/pha/7naldv+l/6mkqsazv8zczfgwjaaaaaasuvork5cyii="/></elements></component><component name="tooltip"><settings><setting name="fontcase" value="normal"/><setting name="fontcolor" value="0xacacac"/><setting name="fontsize" value="11"/><setting name="fontweight" value="normal"/><setting name="activecolor" value="0xffffff"/><setting name="overcolor" value="0xffffff"/></settings><elements><element name="background" src="data:image/png;base64,ivborw0kggoaaaansuheugaaaawaaaaccayaaabsfz2xaaaaeuleqvr4awowtnv8rgomwqmawvcm6w7acf8aaaaasuvork5cyii="/><element name="arrow" src="data:image/png;base64,ivborw0kggoaaaansuheugaaaawaaaadcayaaacni+4yaaaaekleqvr42mp4//8/aymygeyaabssa5wutzsyaaaaaelftksuqmcc"/><element name="captop" src="data:image/png;base64,ivborw0kggoaaaansuheugaaaawaaaaecayaaac6jt6kaaaahuleqvr42mmufru/wuacyhr1935gkgzrw0faagaaqhqgcwgiu9qaaaaasuvork5cyii="/><element name="capbottom" src="data:image/png;base64,ivborw0kggoaaaansuheugaaaawaaaaecayaaac6jt6kaaaageleqvr42mowtnv8rgpmol0guvhxe6rgao7irsl4cw8caaaaaelftksuqmcc"/><element name="capleft" src="data:image/png;base64,ivborw0kggoaaaansuheugaaaacaaaaccayaaacun8zgaaaafkleqvr42mmqfru/yw3r+awbzsancqbuprwhq8l/faaaaabjru5erkjggg=="/><element name="capright" src="data:image/png;base64,ivborw0kggoaaaansuheugaaaacaaaaccayaaacun8zgaaaafkleqvr42mowtnv8hg2lioqfymancqbwxrwhw2rr1waaaabjru5erkjggg=="/><element name="captopleft" src="data:image/png;base64,ivborw0kggoaaaansuheugaaaacaaaaecayaaabcxiv9aaaapkleqvr4xmmqfrvnbeiiin4fxceqmqoqu6ijq3/vycxjiau79znkdjlczwvv9mtgzumzta0jcgzjnkaxhpebnhkmtdf7/faaaaaasuvork5cyii="/><element name="captopright" src="data:image/png;base64,ivborw0kggoaaaansuheugaaaacaaaaecayaaabcxiv9aaaapkleqvr42mmqfru/gyz3a3erelmyulp7p0pgti4et3r09a8cjbmyrg0dnyfjgzunz7b2tk+akrswjgeyzaua8xwmrnlnevmaaaaasuvork5cyii="/><element name="capbottomleft" src="data:image/png;base64,ivborw0kggoaaaansuheugaaaacaaaaecayaaabcxiv9aaaamuleqvr4awmqfru/yw3r+awbbknusrsye4jlslbdq/uqpbx9e2ysrebcbms7qvygywawviwcql/t2aaaaabjru5erkjggg=="/><element name="capbottomright" src="data:image/png;base64,ivborw0kggoaaaansuheugaaaacaaaaecayaaabcxiv9aaaanuleqvr42mowtnv8hg2lioqfymamywll9wqouqtd0tla/om6hvzvogq2a0g7gt4nxevazaoazzolltlsh50aaaaasuvork5cyii="/><element name="menuoption" src="data:image/png;base64,ivborw0kggoaaaansuheugaaaaoaaaarcayaaadkiz3laaaackleqvqoz2ngglfavfrcdoh3affnkc2hvagymmqesunp/7kycv9bnjb/ajejn+xlff8rkir/v1bq+g/k/8sqegjkphkzuf/kyqr/qtsqfwirqm9vx3wqyqcvx0g0p6e3blaf////zwjilidmgdjmwzr2anewkw6vguzbaaaaaelftksuqmcc"/><element name="menuoptionover" src="data:image/png;base64,ivborw0kggoaaaansuheugaaaaoaaaarcayaaadkiz3laaaackleqvqoz2ngglfavfrcdoh3affnkc2hvagymmqesunp/7kycv9bnjb/ajejn+xlff8rkir/v1bq+g/k/8sqegjkphkzuf/kyqr/qtsqfwirqm9vx3wqyqcvx0g0p6e3blaf////zwjilidmgdjmwzr2anewkw6vguzbaaaaaelftksuqmcc"/><element name="menuoptionactive" src="data:image/png;base64,ivborw0kggoaaaansuheugaaaaoaaaarcaqaaabokvvuaaaadeleqvr4awogj5bhcgqibwizhjcsw+6js7+/p7rklssgbxn0un/59f+n/1//f3svwqumgprs+6p/ipj8n0m4tnbl/+vr/0hw4fugn5igkm3ursvnf+y6bj/loawtzgzqy/bgcaninscbashmwcanxmy09dcaxqmsxkmxuyiaaaaasuvork5cyii="/><element name="volumecaptop" src="data:image/png;base64,ivborw0kggoaaaansuheugaaaa4aaaafcayaaab1j90saaaae0leqvr42mp4//8/azmyyqrobadgm9evdrkmuwaaaabjru5erkjggg=="/><element name="volumecapbottom" src="data:image/png;base64,ivborw0kggoaaaansuheugaaaa4aaaafcayaaab1j90saaaae0leqvr42mp4//8/azmyyqrobadgm9evdrkmuwaaaabjru5erkjggg=="/><element name="volumerailcaptop" src="data:image/png;base64,ivborw0kggoaaaansuheugaaaa4aaaaecayaaac+0w63aaaaxkleqvr42n2nwwqaibre3ysmjt4kafw1tzawmn2rpksojwpdpo5vafsp1lmrdqg+ujexn4524bj2hvehqu2p2efqghs6tycehbhzg5oes7+plcwuvus8nah5qlk77z7bcm/czujm1aaaaabjru5erkjggg=="/><element name="volumerailcapbottom" src="data:image/png;base64,ivborw0kggoaaaansuheugaaaa4aaaaecayaaac+0w63aaaawkleqvqi12ngqajiyhkfvfxv/6upaabgkbhq7gsdliatlbnrxl4rqynidcshu6onja0b0oqpiiugw0ayxaajgerwavz//z+tq6ubich0oolpiaxig8racshqarvfk+sjj8uzaaaaaelftksuqmcc"/><element name="volumerail" src="data:image/png;base64,ivborw0kggoaaaansuheugaaaa4aaaa0cayaaac6qqkaaaaaxkleqvr42mp5//8/awyiiun85+bmzmbkzgrabia1x79+zxj16gvcgoubdabrwiwgozfymcg0mpknkzfxcplxvonw0mjiydgaocm7adc7lbunjtgiy1tjqmbrwooijqbuhw3jnmcdzgaaaabjru5erkjggg=="/><element name="volumeprogress" src="data:image/png;base64,ivborw0kggoaaaansuheugaaaa4aaaa0caaaaacfwlbgaaaaanrstlma/1uriruaaaamsurbvhgby/gpbpdunt+yaw2ibey+bhhxwbmpqnz1w5w7yh3lagbejppwliruwgaaaabjru5erkjggg=="/><element name="volumeprogresscaptop" src="data:image/png;base64,ivborw0kggoaaaansuheugaaaa4aaaaecaqaaaau2sy8aaaaneleqvqi12ngia5s7vv/cenh2x1ypa5popb/0p8d/1f+nz4bq/lyx2v/zwklt/1f/bkmbgdjshlzy7m4bgaaaabjru5erkjggg=="/><element name="volumeprogresscapbottom" src="data:image/png;base64,ivborw0kggoaaaansuheugaaaa4aaaaecaqaaaau2sy8aaaal0leqvqi12nggijhh2/9p///yp9d/9d/zkahjybcjscyyijbe85/ovjp1wqg4gaadbkams/cpm0aaaaasuvork5cyii="/><element name="volumethumb" src="data:image/png;base64,ivborw0kggoaaaansuheugaaaa4aaaaqcaqaaacmnyaxaaaa/kleqvr4ayxqow7cubjf8f9iywkgq2l2k8llrmjbtobxsyqljens4236cdheywnuiegh12wzuydc4w9a3b2zhtvlds8vj+fnpv5/fzqiahgptnqawn4oom0da56vgvpbi1hek2vsvnjbozu6vc0lui1ncqfxdbflww/9p7l1b78ogrjjconn8o3/omvgz3j6eilstdx0k2tlkifm8n6qy3xivyl5c98clxl90dlwcwkzsyjpz0uds4k+hig7nqblou1lxlojcdf0gwfz1a5ylvvtsrmoi5eq0ogghedne2wslmjpsnd5vay3mu6vrm1o0fm+dx8sewouwc3uivoccfqphcwr/x8aaaaasuvork5cyii="/></elements></component></components></skin>';

    var parsed;
    jwplayer.html5.defaultskin = function() {
        parsed = parsed || jwplayer.utils.parsexml(text);
        return parsed;
    };
})(jwplayer);
(function(jwplayer) {
    var html5 = jwplayer.html5,
        utils = jwplayer.utils,
        events = jwplayer.events,
        states = events.state,
        _css = utils.css,
        _ismobile = utils.ismobile(),

        d_class = '.jwdisplay',
        d_preview_class = '.jwpreview';

    var default_settings = {
        showicons: true,
        bufferrotation: 45,
        bufferinterval: 100,
        fontcolor: '#ccc',
        overcolor: '#fff',
        fontsize: 15,
        fontweight: ''
    };

    html5.display = function(_api, config) {
        var _skin = _api.skin,
            _display, _preview,
            _displaytouch,
            _item,
            _image, _imagewidth, _imageheight,
            _imagehidden = false,
            _icons = {},
            _errorstate = false,
            _completedstate = false,
            _hiding,
            _hidetimeout,
            _button,
            _forced,
            _previousstate,
            _config = utils.extend({}, default_settings,
                _skin.getcomponentsettings('display'), config
            ),
            _eventdispatcher = new events.eventdispatcher(),
            _alternateclickhandler,
            _lastclick;

        utils.extend(this, _eventdispatcher);

        function _init() {
            _display = document.createelement('div');
            _display.id = _api.id + '_display';
            _display.classname = 'jwdisplay';

            _preview = document.createelement('div');
            _preview.classname = 'jwpreview jw' + _api.jwgetstretching();
            _display.appendchild(_preview);

            _api.jwaddeventlistener(events.jwplayer_player_state, _statehandler);
            _api.jwaddeventlistener(events.jwplayer_playlist_item, _itemhandler);
            _api.jwaddeventlistener(events.jwplayer_playlist_complete, _playlistcompletehandler);
            _api.jwaddeventlistener(events.jwplayer_media_error, _errorhandler);
            _api.jwaddeventlistener(events.jwplayer_error, _errorhandler);
            _api.jwaddeventlistener(events.jwplayer_provider_click, _clickhandler);

            if (!_ismobile) {
                _display.addeventlistener('click', _clickhandler, false);
            } else {
                _displaytouch = new utils.touch(_display);
                _displaytouch.addeventlistener(utils.touchevents.tap, _clickhandler);
            }

            _createicons();

            _statehandler({
                newstate: states.idle
            });
        }

        function _clickhandler(evt) {

            if (_alternateclickhandler && (_api.jwgetcontrols() || _api.jwgetstate() === states.playing)) {
                _alternateclickhandler(evt);
                return;
            }

            if (!_ismobile || !_api.jwgetcontrols()) {
                _eventdispatcher.sendevent(events.jwplayer_display_click);
            }

            if (!_api.jwgetcontrols()) {
                return;
            }


            // handle double-clicks for fullscreen toggle
            var currentclick = _getcurrenttime();
            if (_lastclick && currentclick - _lastclick < 500) {
                _api.jwsetfullscreen();
                _lastclick = undefined;
            } else {
                _lastclick = _getcurrenttime();
            }

            var cbbounds = utils.bounds(_display.parentnode.queryselector('.jwcontrolbar')),
                displaybounds = utils.bounds(_display),
                playsquare = {
                    left: cbbounds.left - 10 - displaybounds.left,
                    right: cbbounds.left + 30 - displaybounds.left,
                    top: displaybounds.bottom - 40,
                    bottom: displaybounds.bottom
                },
                fssquare = {
                    left: cbbounds.right - 30 - displaybounds.left,
                    right: cbbounds.right + 10 - displaybounds.left,
                    top: playsquare.top,
                    bottom: playsquare.bottom
                };

            if (_ismobile) {
                if (_inside(playsquare, evt.x, evt.y)) {
                    // perform play/pause toggle below
                } else if (_inside(fssquare, evt.x, evt.y)) {
                    _api.jwsetfullscreen();
                    return;
                } else {
                    _eventdispatcher.sendevent(events.jwplayer_display_click);
                    if (_hiding) {
                        return;
                    }
                }
            }

            switch (_api.jwgetstate()) {
                case states.playing:
                case states.buffering:
                    _api.jwpause();
                    break;
                default:
                    _api.jwplay();
                    break;
            }

        }

        function _inside(rect, x, y) {
            return (x >= rect.left && x <= rect.right && y >= rect.top && y <= rect.bottom);
        }

        /** returns the current timestamp in milliseconds **/
        function _getcurrenttime() {
            return new date().gettime();
        }

        this.clickhandler = _clickhandler;

        function _createicons() {
            var outstyle = {
                    font: _config.fontweight + ' ' + _config.fontsize + 'px/' +
                        (parseint(_config.fontsize, 10) + 3) + 'px arial, helvetica, sans-serif',
                    color: _config.fontcolor
                },
                overstyle = {
                    color: _config.overcolor
                };
            _button = new html5.displayicon(_display.id + '_button', _api, outstyle, overstyle);
            _display.appendchild(_button.element());
        }


        function _seticon(name, text) {
            if (!_config.showicons) {
                return;
            }

            if (name || text) {
                _button.setrotation(name === 'buffer' ? parseint(_config.bufferrotation, 10) : 0,
                    parseint(_config.bufferinterval, 10));
                _button.seticon(name);
                _button.settext(text);
            } else {
                _button.hide();
            }

        }

        function _itemhandler() {
            _clearerror();
            _item = _api.jwgetplaylist()[_api.jwgetplaylistindex()];
            var newimage = _item ? _item.image : '';
            _previousstate = undefined;
            _loadimage(newimage);
        }

        function _loadimage(newimage) {
            if (_image !== newimage) {
                if (_image) {
                    _setvisibility(d_preview_class, false);
                }
                _image = newimage;
                _getimage();
            } else if (_image && !_hiding) {
                _setvisibility(d_preview_class, true);
            }
            _updatedisplay(_api.jwgetstate());
        }

        function _playlistcompletehandler() {
            _completedstate = true;
            _seticon('replay');
            var item = _api.jwgetplaylist()[0];
            _loadimage(item.image);
        }

        var _statetimeout;

        function _getstate() {
            return _forced ? _forced : (_api ? _api.jwgetstate() : states.idle);
        }

        function _statehandler(evt) {
            cleartimeout(_statetimeout);
            _statetimeout = settimeout(function() {
                _updatedisplay(evt.newstate);
            }, 100);
        }

        function _updatedisplay(state) {
            state = _getstate();
            if (state !== _previousstate) {
                _previousstate = state;
                if (_button) {
                    _button.setrotation(0);
                }
                switch (state) {
                    case states.idle:
                        if (!_errorstate && !_completedstate) {
                            if (_image && !_imagehidden) {
                                _setvisibility(d_preview_class, true);
                            }
                            var disp = true;
                            if (_api._model && _api._model.config.displaytitle === false) {
                                disp = false;
                            }
                            _seticon('play', (_item && disp) ? _item.title : '');
                        }
                        break;
                    case states.buffering:
                        _clearerror();
                        _completedstate = false;
                        _seticon('buffer');
                        break;
                    case states.playing:
                        _seticon();
                        break;
                    case states.paused:
                        _seticon('play');
                        break;
                }
            }
        }


        this.forcestate = function(state) {
            _forced = state;
            _updatedisplay(state);
            this.show();
        };

        this.releasestate = function(state) {
            _forced = null;
            _updatedisplay(state);
            this.show();
        };

        this.hidepreview = function(state) {
            _imagehidden = state;
            _setvisibility(d_preview_class, !state);
            if (state) {
                _hiding = true;
                //_hidedisplay();
            }
        };

        this.sethiding = function() {
            _hiding = true;
        };

        this.element = function() {
            return _display;
        };

        function _internalselector(selector) {
            return '#' + _display.id + ' ' + selector;
        }

        function _getimage() {
            if (_image) {
                // find image size and stretch exactfit if close enough
                var img = new image();
                img.addeventlistener('load', _imageloaded, false);
                img.src = _image;
            } else {
                _css(_internalselector(d_preview_class), {
                    'background-image': ''
                });
                _setvisibility(d_preview_class, false);
                _imagewidth = _imageheight = 0;
            }
        }

        function _imageloaded() {
            _imagewidth = this.width;
            _imageheight = this.height;
            _updatedisplay(_api.jwgetstate());
            _redraw();
            if (_image) {
                _css(_internalselector(d_preview_class), {
                    'background-image': 'url(' + _image + ')'
                });
            }
        }

        function _errorhandler(evt) {
            _errorstate = true;
            _seticon('error', evt.message);
        }

        function _clearerror() {
            _errorstate = false;
            if (_icons.error) {
                _icons.error.settext();
            }
        }


        function _redraw() {
            if (_display.clientwidth * _display.clientheight > 0) {
                utils.stretch(_api.jwgetstretching(),
                    _preview, _display.clientwidth, _display.clientheight, _imagewidth, _imageheight);
            }
        }

        this.redraw = _redraw;

        function _setvisibility(selector, state) {
            _css(_internalselector(selector), {
                opacity: state ? 1 : 0,
                visibility: state ? 'visible' : 'hidden'
            });
        }

        this.show = function(force) {
            if (_button && (force || _getstate() !== states.playing)) {
                _clearhidetimeout();
                _display.style.display = 'block';
                _button.show();
                _hiding = false;
            }
        };

        this.hide = function() {
            if (_button) {
                _button.hide();
                _hiding = true;
            }
        };

        function _clearhidetimeout() {
            cleartimeout(_hidetimeout);
            _hidetimeout = undefined;
        }

        /** not supported : using this for now to hack around instream api **/
        this.setalternateclickhandler = function(handler) {
            _alternateclickhandler = handler;
        };

        this.revertalternateclickhandler = function() {
            _alternateclickhandler = null;
        };

        _init();
    };

    _css(d_class, {
        position: 'absolute',
        width: '100%',
        height: '100%',
        overflow: 'hidden'
    });

    _css(d_class + ' ' + d_preview_class, {
        position: 'absolute',
        width: '100%',
        height: '100%',
        background: '#000 no-repeat center',
        overflow:'hidden',
        opacity: 0
    });

    utils.transitionstyle(d_class + ', ' + d_class + ' *', 'opacity .25s, color .25s');

})(jwplayer);
(function(jwplayer) {
    /*jshint maxparams:5*/
    /*jshint -w069 */
    var html5 = jwplayer.html5,
        utils = jwplayer.utils,
        _css = utils.css,

        di_class = '.jwplayer .jwdisplayicon',
        document = document,

        /** some css constants we should use for minimization */
        jw_css_none = 'none',
        jw_css_100pct = '100%',
        jw_css_center = 'center';

    html5.displayicon = function(_id, _api, textstyle, textstyleover) {
        var _skin = _api.skin,
            _playerid = _api.id,
            _container,
            _bgskin,
            _capleftskin,
            _caprightskin,
            _hascaps,
            _text,
            _icon,
            _iconcache = {},
            _iconelement,
            _iconwidth = 0,
            _setwidthtimeout = -1,
            _repeatcount = 0;

        if (_api instanceof jwplayer.html5.instream) {
            _playerid = _playerid.replace('_instream', '');
        }

        function _init() {
            _container = _createelement('jwdisplayicon');
            _container.id = _id;

            _createbackground();
            _text = _createelement('jwtext', _container, textstyle, textstyleover);
            _icon = _createelement('jwicon', _container);

            _api.jwaddeventlistener(jwplayer.events.jwplayer_resize, _setwidth);

            _hide();
            _redraw();
        }

        function _internalselector() {
            return '#' + _id;
        }

        function _createelement(name, parent, style, overstyle) {
            var elem = document.createelement('div');

            elem.classname = name;
            if (parent) {
                parent.appendchild(elem);
            }

            if (_container) {
                _styleicon(name, '.' + name, style, overstyle);
            }
            return elem;
        }

        function _createbackground() {
            _bgskin = _getskinelement('background');
            _capleftskin = _getskinelement('capleft');
            _caprightskin = _getskinelement('capright');
            _hascaps = (_capleftskin.width * _caprightskin.width > 0);

            var style = {
                'background-image': 'url(' + _capleftskin.src + '), url(' +
                    _bgskin.src + '), url(' + _caprightskin.src + ')',
                'background-position': 'left,center,right',
                'background-repeat': 'no-repeat',
                padding: '0 ' + _caprightskin.width + 'px 0 ' + _capleftskin.width + 'px',
                height: _bgskin.height,
                'margin-top': _bgskin.height / -2
            };
            _css(_internalselector(), style);

            if (!utils.ismobile()) {
                if (_bgskin.oversrc) {
                    style['background-image'] = 'url(' +
                        _capleftskin.oversrc + '), url(' + _bgskin.oversrc + '), url(' + _caprightskin.oversrc + ')';
                }
                _css('.jw-tab-focus ' + _internalselector() +
                    ', #' + _playerid + ' .jwdisplay:hover ' + _internalselector(), style);
            }
        }

        function _styleicon(name, selector, style, overstyle) {
            var skinelem = _getskinelement(name);
            if (name === 'replayicon' && !skinelem.src) {
                skinelem = _getskinelement('playicon');
            }
            if (skinelem.oversrc) {
                overstyle = utils.extend({}, overstyle);
                overstyle['background-image'] = 'url(' + skinelem.oversrc + ')';
            }
            if (skinelem.src) {
                style = utils.extend({}, style);
                if (name.indexof('icon') > 0) {
                    _iconwidth = skinelem.width | 0;
                }
                style.width = skinelem.width;
                style['background-image'] = 'url(' + skinelem.src + ')';
                style['background-size'] = skinelem.width + 'px ' + skinelem.height + 'px';
                style['float'] = 'none';

                _css.style(_container, {
                    display: 'table'
                });
            } else {
                _css.style(_container, {
                    display: 'none'
                });
            }
            if (style) {
                _css('#' + _playerid + ' .jwdisplay ' + selector, style);
            }
            if (overstyle) {
                _css('#' + _playerid + ' .jwdisplay:hover ' + selector, overstyle);
            }
            _iconelement = skinelem;
        }

        function _getskinelement(name) {
            var elem = _skin.getskinelement('display', name),
                overelem = _skin.getskinelement('display', name + 'over');

            if (elem) {
                elem.oversrc = (overelem && overelem.src) ? overelem.src : '';
                return elem;
            }
            return {
                src: '',
                oversrc: '',
                width: 0,
                height: 0
            };
        }

        function _redraw() {
            var showtext = _hascaps || (_iconwidth === 0);

            _css.style(_text, {
                display: (_text.innerhtml && showtext) ? '' : jw_css_none
            });

            _repeatcount = showtext ? 30 : 0;
            _setwidth();
        }

        function _setwidth() {
            cleartimeout(_setwidthtimeout);
            if (_repeatcount-- > 0) {
                _setwidthtimeout = settimeout(_setwidth, 33);
            }

            var px100pct = 'px ' + jw_css_100pct;
            var contentwidth = math.ceil(math.max(_iconelement.width,
                        utils.bounds(_container).width - _caprightskin.width - _capleftskin.width));
            var backgroundsize = [
                    _capleftskin.width + px100pct,
                    contentwidth + px100pct,
                    _caprightskin.width + px100pct
            ].join(', ');
            var style = {
                'background-size': backgroundsize
            };
            if (_container.parentnode) {
                style.left = (_container.parentnode.clientwidth % 2 === 1) ? '0.5px' : '';
            }
            _css.style(_container, style);
        }

        this.element = function() {
            return _container;
        };

        this.settext = function(text) {
            var style = _text.style;
            _text.innerhtml = text ? text.replace(':', ':<br>') : '';
            style.height = '0';
            style.display = 'block';
            if (text) {
                while (numlines(_text) > 2) {
                    _text.innerhtml = _text.innerhtml.replace(/(.*) .*$/, '$1...');
                }
            }
            style.height = '';
            style.display = '';
            _redraw();
        };

        this.seticon = function(name) {
            var icon = _iconcache[name];
            if (!icon) {
                icon = _createelement('jwicon');
                icon.id = _container.id + '_' + name;
                _iconcache[name] = icon;
            }
            _styleicon(name + 'icon', '#' + icon.id);
            if (_container.contains(_icon)) {
                _container.replacechild(icon, _icon);
            } else {
                _container.appendchild(icon);
            }
            _icon = icon;
        };

        var _bufferinterval,
            _bufferangle = 0,
            _currentangle;

        function startrotation(angle, interval) {
            clearinterval(_bufferinterval);
            _currentangle = 0;
            _bufferangle = angle | 0;
            if (_bufferangle === 0) {
                rotateicon();
            } else {
                _bufferinterval = setinterval(rotateicon, interval);
            }
        }

        function rotateicon() {
            _currentangle = (_currentangle + _bufferangle) % 360;
            utils.rotate(_icon, _currentangle);
        }

        this.setrotation = startrotation;

        function numlines(element) {
            return math.floor(element.scrollheight /
                document.defaultview.getcomputedstyle(element, null).lineheight.replace('px', ''));
        }


        var _hide = this.hide = function() {
            _container.style.opacity = 0;
            _container.style.cursor = '';
        };

        this.show = function() {
            _container.style.opacity = 1;
            _container.style.cursor = 'pointer';
        };

        _init();
    };

    _css(di_class, {
        display: 'table',
        position: 'relative',
        'margin-left': 'auto',
        'margin-right': 'auto',
        top: '50%',
        'float': 'none'
    });

    _css(di_class + ' div', {
        position: 'relative',
        display: 'table-cell',
        'vertical-align': 'middle',
        'background-repeat': 'no-repeat',
        'background-position': jw_css_center
    });

    _css(di_class + ' div', {
        'vertical-align': 'middle'
    }, true);

    _css(di_class + ' .jwtext', {
        color: '#fff',
        padding: '0 1px',
        'max-width': '300px',
        'overflow-y': 'hidden',
        'text-align': jw_css_center,
        '-webkit-user-select': jw_css_none,
        '-moz-user-select': jw_css_none,
        '-ms-user-select': jw_css_none,
        'user-select': jw_css_none
    });

})(jwplayer);
/*jshint evil:true*/
(function(jwplayer) {
    var html5 = jwplayer.html5,
        utils = jwplayer.utils,
        _css = utils.css,
        _bounds = utils.bounds,
        _iframed = (window.top !== window.self),

        d_class = '.jwdock',
        db_class = '.jwdockbuttons';

    html5.dock = function(api, config) {
        var _api = api,
            _defaults = {
                iconalpha: 0.75,
                iconalphaactive: 0.5,
                iconalphaover: 1,
                margin: 8
            },
            _config = utils.extend({}, _defaults, config),
            _id = _api.id + '_dock',
            _skin = _api.skin,
            _buttoncount = 0,
            _buttons = {},
            _tooltips = {},
            _container,
            _buttoncontainer,
            _dockbounds,
            _fadetimeout,
            _this = this;

        function _init() {
            _this.visible = false;

            _container = _createelement('div', 'jwdock');
            _buttoncontainer = _createelement('div', 'jwdockbuttons');
            _container.appendchild(_buttoncontainer);
            _container.id = _id;

            _setupelements();

            settimeout(function() {
                _dockbounds = _bounds(_container);
            });

        }

        function _setupelements() {
            var button = _getskinelement('button'),
                buttonover = _getskinelement('buttonover'),
                buttonactive = _getskinelement('buttonactive');

            if (!button) {
                return;
            }

            _css(_internalselector(), {
                height: button.height,
                padding: _config.margin
            });

            _css(db_class, {
                height: button.height
            });

            _css(_internalselector('div.button'), utils.extend(_formatbackground(button), {
                width: button.width,
                cursor: 'pointer',
                border: 'none'
            }));

            _css(_internalselector('div.button:hover'), _formatbackground(buttonover));
            _css(_internalselector('div.button:active'), _formatbackground(buttonactive));
            _css(_internalselector('div.button>div'), {
                opacity: _config.iconalpha
            });
            _css(_internalselector('div.button:hover>div'), {
                opacity: _config.iconalphaover
            });
            _css(_internalselector('div.button:active>div'), {
                opacity: _config.iconalphaactive
            });
            _css(_internalselector('.jwoverlay'), {
                top: _config.margin + button.height
            });

            _createimage('capleft', _buttoncontainer);
            _createimage('capright', _buttoncontainer);
            _createimage('divider');
        }

        function _formatbackground(elem) {
            if (!(elem && elem.src)) {
                return {};
            }
            return {
                background: 'url(' + elem.src + ') center',
                'background-size': elem.width + 'px ' + elem.height + 'px'
            };
        }

        function _createimage(classname, parent) {
            var skinelem = _getskinelement(classname);
            _css(_internalselector('.' + classname), utils.extend(_formatbackground(skinelem), {
                width: skinelem.width
            }));
            return _createelement('div', classname, parent);
        }

        function _internalselector(selector) {
            return '#' + _id + ' ' + (selector ? selector : '');
        }

        function _createelement(type, name, parent) {
            var elem = document.createelement(type);
            if (name) {
                elem.classname = name;
            }
            if (parent) {
                parent.appendchild(elem);
            }
            return elem;
        }

        function _getskinelement(name) {
            var elem = _skin.getskinelement('dock', name);
            return elem ? elem : {
                width: 0,
                height: 0,
                src: ''
            };
        }

        _this.redraw = function() {
            _dockbounds = _bounds(_container);
        };

        function _iframedfullscreenie() {
            return (_iframed && utils.isie() && _api.jwgetfullscreen());
        }

        function _positiontooltip(name) {
            var tooltip = _tooltips[name],
                tipbounds,
                button = _buttons[name],
                dockbounds,
                buttonbounds = _bounds(button.icon);

            tooltip.offsetx(0);
            dockbounds = _bounds(_container);
            if (_iframedfullscreenie()) {
                _css('#' + tooltip.element().id, {
                    left: buttonbounds.left*100 + 50 + buttonbounds.width*100 / 2
                });
            } else {
                _css('#' + tooltip.element().id, {
                    left: buttonbounds.left - dockbounds.left + buttonbounds.width / 2
                });
            }
            tipbounds = _bounds(tooltip.element());
            if (dockbounds.left > tipbounds.left) {
                tooltip.offsetx(dockbounds.left - tipbounds.left + 8);
            }

        }

        _this.element = function() {
            return _container;
        };

        _this.offset = function(offset) {
            _css(_internalselector(), {
                'margin-left': offset
            });
        };

        _this.hide = function() {
            if (!_this.visible) {
                return;
            }
            _this.visible = false;
            _container.style.opacity = 0;
            cleartimeout(_fadetimeout);
            _fadetimeout = settimeout(function() {
                _container.style.display = 'none';
            }, 250);
        };

        _this.showtemp = function() {
            if (!_this.visible) {
                _container.style.opacity = 0;
                _container.style.display = 'block';
            }
        };

        _this.hidetemp = function() {
            if (!_this.visible) {
                _container.style.display = 'none';
            }
        };

        _this.show = function() {
            if (_this.visible || !_buttoncount) {
                return;
            }
            _this.visible = true;
            _container.style.display = 'block';
            cleartimeout(_fadetimeout);
            _fadetimeout = settimeout(function() {
                _container.style.opacity = 1;
            }, 0);
        };

        _this.addbutton = function(url, label, clickhandler, id) {
            // can't duplicate button ids
            if (_buttons[id]) {
                return;
            }

            var divider = _createelement('div', 'divider', _buttoncontainer),
                newbutton = _createelement('div', 'button', _buttoncontainer),
                icon = _createelement('div', null, newbutton);

            icon.id = _id + '_' + id;
            icon.innerhtml = '&nbsp;';
            _css('#' + icon.id, {
                'background-image': url
            });

            if (typeof clickhandler === 'string') {
                clickhandler = new function(clickhandler);
            }
            if (!utils.ismobile()) {
                newbutton.addeventlistener('click', function(evt) {
                    clickhandler(evt);
                    evt.preventdefault();
                });
            } else {
                var buttontouch = new utils.touch(newbutton);
                buttontouch.addeventlistener(utils.touchevents.tap, function(evt) {
                    clickhandler(evt);
                });
            }

            _buttons[id] = {
                element: newbutton,
                label: label,
                divider: divider,
                icon: icon
            };

            if (label) {
                var tooltip = new html5.overlay(icon.id + '_tooltip', _skin, true),
                    tiptext = _createelement('div');
                tiptext.id = icon.id + '_label';
                tiptext.innerhtml = label;
                _css('#' + tiptext.id, {
                    padding: 3
                });
                tooltip.setcontents(tiptext);

                if (!utils.ismobile()) {
                    var timeout;
                    newbutton.addeventlistener('mouseover', function() {
                        cleartimeout(timeout);
                        _positiontooltip(id);
                        tooltip.show();
                        utils.foreach(_tooltips, function(i, tooltip) {
                            if (i !== id) {
                                tooltip.hide();
                            }
                        });
                    }, false);
                    newbutton.addeventlistener('mouseout', function() {
                        timeout = settimeout(tooltip.hide, 100);
                    }, false);

                    _container.appendchild(tooltip.element());
                    _tooltips[id] = tooltip;
                }
            }

            _buttoncount++;
            _setcaps();
        };

        _this.removebutton = function(id) {
            if (_buttons[id]) {
                _buttoncontainer.removechild(_buttons[id].element);
                _buttoncontainer.removechild(_buttons[id].divider);
                var tooltip = document.getelementbyid('' + _id + '_' + id + '_tooltip');
                if (tooltip) {
                    _container.removechild(tooltip);
                }
                delete _buttons[id];
                _buttoncount--;
                _setcaps();
            }
        };

        _this.numbuttons = function() {
            return _buttoncount;
        };

        function _setcaps() {
            _css(db_class + ' .capleft, ' + db_class + ' .capright', {
                display: _buttoncount ? 'block' : 'none'
            });
        }

        _init();
    };

    _css(d_class, {
        opacity: 0,
        display: 'none'
    });

    _css(d_class + ' > *', {
        height: '100%',
        'float': 'left'
    });

    _css(d_class + ' > .jwoverlay', {
        height: 'auto',
        'float': 'none',
        'z-index': 99
    });

    _css(db_class + ' div.button', {
        position: 'relative'
    });

    _css(db_class + ' > *', {
        height: '100%',
        'float': 'left'
    });

    _css(db_class + ' .divider', {
        display: 'none'
    });

    _css(db_class + ' div.button ~ .divider', {
        display: 'block'
    });

    _css(db_class + ' .capleft, ' + db_class + ' .capright', {
        display: 'none'
    });

    _css(db_class + ' .capright', {
        'float': 'right'
    });

    _css(db_class + ' div.button > div', {
        left: 0,
        right: 0,
        top: 0,
        bottom: 0,
        margin: 5,
        position: 'absolute',
        'background-position': 'center',
        'background-repeat': 'no-repeat'
    });

    utils.transitionstyle(d_class, 'background .25s, opacity .25s');
    utils.transitionstyle(d_class + ' .jwoverlay', 'opacity .25s');
    utils.transitionstyle(db_class + ' div.button div', 'opacity .25s');

})(jwplayer);
/** 
 * api to control instream playback without interrupting currently playing video
 *
 * @author pablo
 * @version 6.0
 */
(function(jwplayer) {
    var html5 = jwplayer.html5,
        _utils = jwplayer.utils,
        _ = jwplayer._,
        _events = jwplayer.events,
        _states = _events.state,
        _playlist = jwplayer.playlist;

    html5.instream = function(_api, _model, _view, _controller) {
        var _defaultoptions = {
            controlbarseekable: 'never',
            controlbarpausable: true,
            controlbarstoppable: true,
            loadingmessage: 'loading ad',
            playlistclickable: true,
            skipoffset: null,
            tag: null
        };

        var _item,
            _array, // the copied in playlist
            _arrayindex = 0,
            _optionlist,
            _options = { // these are for before load
                controlbarseekable: 'never',
                controlbarpausable: false,
                controlbarstoppable: false
            },
            _skipbutton,
            _video,
            _oldpos,
            _oldstate,
            _olditem,
            _admodel,
            _provider,
            _cbar,
            _instreamdisplay,
            _instreamcontainer,
            _completetimeoutid = -1,
            _this = _utils.extend(this, new _events.eventdispatcher());

        // listen for player resize events
        _api.jwaddeventlistener(_events.jwplayer_resize, _resize);
        _api.jwaddeventlistener(_events.jwplayer_fullscreen, _fullscreenhandler);

        /*****************************************
         *****  public instream api methods  *****
         *****************************************/

        _this.init = function() {

            /** blocking playback and show instream display **/

            // make sure the original player's provider stops broadcasting events (pseudo-lock...)
            _video = _controller.detachmedia();

            // create (or reuse) video media provider
            _setupprovider();

            // initialize the instream player's model copied from main player's model
            _admodel = new html5.model({}, _provider);
            _admodel.setvolume(_model.volume);
            _admodel.setfullscreen(_model.fullscreen);
            _admodel.setmute(_model.mute);
            _admodel.addeventlistener('fullscreenchange',_nativefullscreenhandler);
            _olditem = _model.playlist[_model.item];

            // keep track of the original player state
            _oldpos = _video.currenttime;

            if ( _controller.checkbeforeplay() || (_oldpos === 0 && !_model.getvideo().checkcomplete()) ) {
                // make sure video restarts after preroll
                _oldpos = 0;
                _oldstate = _states.playing;
            } else if (_model.getvideo().checkcomplete()) {
                 // aka  postroll
                 _oldstate = _states.idle;
             }  else if (_api.jwgetstate() === _states.idle) {
                _oldstate = _states.idle;
            } else {
                _oldstate = _states.playing;
            }

            // if the player's currently playing, pause the video tag
            if (_oldstate === _states.playing) {
                _video.pause();
            }

            // instream display
            _instreamdisplay = new html5.display(_this);
            _instreamdisplay.forcestate(_states.buffering);
            // create the container in which the controls will be placed
            _instreamcontainer = document.createelement('div');
            _instreamcontainer.id = _this.id + '_instream_container';
            _utils.css.style(_instreamcontainer, {
                width: '100%',
                height: '100%'
            });

            _instreamcontainer.appendchild(_instreamdisplay.element());

            // instream controlbar
            var cbarconfig = {
                fullscreen : _model.fullscreen
            };
            _cbar = new html5.controlbar(_this, cbarconfig);
            _cbar.instreammode(true);
            _instreamcontainer.appendchild(_cbar.element());

            if (_api.jwgetcontrols()) {
                _cbar.show();
                _instreamdisplay.show();
            } else {
                _cbar.hide();
                _instreamdisplay.hide();
            }

            // show the instream layer
            _view.setupinstream(_instreamcontainer, _cbar, _instreamdisplay, _admodel);

            // resize the instream components to the proper size
            _resize();

            _this.jwinstreamsettext(_defaultoptions.loadingmessage);
        };

        /** load an instream item and initialize playback **/
        _this.load = function(item, options) {
            if (_utils.isandroid(2.3)) {
                errorhandler({
                    type: _events.jwplayer_error,
                    message: 'error loading instream: cannot play instream on android 2.3'
                });
                return;
            }
            _sendevent(_events.jwplayer_playlist_item, {
                index: _arrayindex
            }, true);

            var instreamlayer = _instreamcontainer.parentnode;
            var bottom = 10 + _utils.bounds(instreamlayer).bottom - _utils.bounds(_cbar.element()).top;

            // copy the playlist item passed in and make sure it's formatted as a proper playlist item
            if (_.isarray(item)) {
                if (options) {
                    _optionlist = options;
                    options = options[_arrayindex];
                }
                _array = item;
                item = _array[_arrayindex];
            }
            _options = _utils.extend(_defaultoptions, options);
            _item = new _playlist.item(item);
            _admodel.setplaylist([item]);
            _skipbutton = new html5.adskipbutton(_api.id, bottom, _options.skipmessage, _options.skiptext);
            _skipbutton.addeventlistener(_events.jwplayer_ad_skipped, _skipad);
            _skipbutton.reset(_options.skipoffset || -1);


            if (_api.jwgetcontrols()) {
                _skipbutton.show();
            } else {
                _skipbutton.hide();
            }


            var skipelem = _skipbutton.element();
            _instreamcontainer.appendchild(skipelem);
            // match the main player's controls state
            _admodel.addeventlistener(_events.jwplayer_error, errorhandler);

            // start listening for ad click
            _instreamdisplay.setalternateclickhandler(function(evt) {
                evt = evt || {};
                evt.hascontrols = !!_api.jwgetcontrols();

                _sendevent(_events.jwplayer_instream_click, evt);

                // toggle playback after click event

                if (_admodel.state === _states.paused) {
                    if (evt.hascontrols) {
                        _this.jwinstreamplay();
                    }
                } else {
                    _this.jwinstreampause();
                }
            });

            if (_utils.ismsie()) {
                _video.parentelement.addeventlistener('click', _instreamdisplay.clickhandler);
            }

            _view.addeventlistener(_events.jwplayer_ad_skipped, _skipad);

            // load the instream item
            _provider.load(_admodel.playlist[0]);
            //_fakemodel.getvideo().addeventlistener('webkitendfullscreen', _fullscreenchangehandler, false);
        };

        function errorhandler(evt) {
            _sendevent(evt.type, evt);

            if (_admodel) {
                _api.jwinstreamdestroy(false, _this);
            }
        }

        /** stop the instream playback and revert the main player back to its original state **/
        _this.jwinstreamdestroy = function(complete) {
            if (!_admodel) {
                return;
            }
            _admodel.removeeventlistener('fullscreenchange',_nativefullscreenhandler);
            cleartimeout(_completetimeoutid);
            _completetimeoutid = -1;
            _provider.detachmedia();
            // re-attach the controller
            _controller.attachmedia();
            // load the original item into our provider, which sets up the regular player's video tag
            if (_oldstate !== _states.idle) {
                var item = _utils.extend({}, _olditem);
                item.starttime = _oldpos;
                _model.getvideo().load(item);

            } else {
                _model.getvideo().stop();
            }
            _this.reseteventlisteners();

            // we don't want the instream provider to be attached to the video tag anymore

            _provider.reseteventlisteners();
            _admodel.reseteventlisteners();



            // if we added the controlbar anywhere, let's get rid of it
            if (_cbar) {
                try {
                    _cbar.element().parentnode.removechild(_cbar.element());
                } catch (e) {}
            }
            if (_instreamdisplay) {
                if (_video && _video.parentelement) {
                    _video.parentelement.removeeventlistener('click', _instreamdisplay.clickhandler);
                }
                _instreamdisplay.revertalternateclickhandler();
            }
            // let listeners know the instream player has been destroyed, and why
            _sendevent(_events.jwplayer_instream_destroyed, {
                reason: complete ? 'complete' : 'destroyed'
            }, true);



            if (_oldstate === _states.playing) {
                // model was already correct; just resume playback
                _video.play();
            }

            // return the view to its normal state
            _view.destroyinstream(_provider.isaudiofile());
            _admodel = null;
        };

        /** forward any calls to add and remove events directly to our event dispatcher **/

        _this.jwinstreamaddeventlistener = function(type, listener) {
            _this.addeventlistener(type, listener);
        };
        _this.jwinstreamremoveeventlistener = function(type, listener) {
            _this.removeeventlistener(type, listener);
        };

        /** start instream playback **/
        _this.jwinstreamplay = function() {
            //if (!_item) return;
            _provider.play(true);
            _model.state = _states.playing;
            _instreamdisplay.show();
            
            // if (_api.jwgetcontrols()) { _disp.show();  }
        };

        /** pause instream playback **/
        _this.jwinstreampause = function() {
            //if (!_item) return;
            _provider.pause(true);
            _model.state = _states.paused;
            if (_api.jwgetcontrols()) {
                _instreamdisplay.show();
                _cbar.show();
            }
        };

        /** seek to a point in instream media **/
        _this.jwinstreamseek = function(position) {
            //if (!_item) return;
            _provider.seek(position);
        };

        /** set custom text in the controlbar **/
        _this.jwinstreamsettext = function(text) {
            _cbar.settext(text);
        };

        _this.jwinstreamstate = function() {
            //if (!_item) return;
            return _admodel.state;
        };

        /*****************************
         ****** private methods ******
         *****************************/

        function _setupprovider() {
            var provider = jwplayer.html5.chooseprovider({});
            
            _provider = new provider(_model.id);

            _provider.addgloballistener(_forward);
            _provider.addeventlistener(_events.jwplayer_media_meta, _metahandler);
            _provider.addeventlistener(_events.jwplayer_media_complete, _completehandler);
            _provider.addeventlistener(_events.jwplayer_media_buffer_full, _bufferfullhandler);
            _provider.addeventlistener(_events.jwplayer_media_error, errorhandler);

            _provider.addeventlistener(_events.jwplayer_player_state, statehandler);
            _provider.addeventlistener(_events.jwplayer_media_time, function(evt) {
                if (_skipbutton) {
                    _skipbutton.updateskiptime(evt.position, evt.duration);
                }
            });
            _provider.attachmedia();
            _provider.mute(_model.mute);
            _provider.volume(_model.volume);
        }

        function statehandler(evt) {
            if (evt.newstate === _admodel.state) {
                return;
            }
            _admodel.state = evt.newstate;
            switch(_admodel.state) {
                case _states.playing:
                    _this.jwinstreamplay();
                    break;
                case _states.paused:
                    _this.jwinstreampause();
                    break;
                
            }
        }

        function _skipad(evt) {
            _sendevent(evt.type, evt);
            _completehandler();
        }
        /** forward provider events to listeners **/
        function _forward(evt) {
            _sendevent(evt.type, evt);
        }
        
        function _nativefullscreenhandler(evt) {
            _model.sendevent(evt.type,evt);
            _sendevent(_events.jwplayer_fullscreen, {fullscreen:evt.jwstate});
        }
        function _fullscreenhandler(evt) {
            // required for updating the controlbars toggle icon
            _forward(evt);
            if (!_admodel) {
                return;
            }
            _resize();
            if (!evt.fullscreen && _utils.isipad()) {
                if (_admodel.state === _states.paused) {
                    _instreamdisplay.show(true);
                } else if (_admodel.state === _states.playing) {
                    _instreamdisplay.hide();
                }
            }
        }

        /** handle the jwplayer_media_buffer_full event **/
        function _bufferfullhandler() {
            if (_instreamdisplay) {
                _instreamdisplay.releasestate(_this.jwgetstate());
            }
            _provider.play();
        }

        /** handle the jwplayer_media_complete event **/
        function _completehandler() {
            if (_array && _arrayindex + 1 < _array.length) {
                _arrayindex++;
                var item = _array[_arrayindex];
                _item = new _playlist.item(item);
                _admodel.setplaylist([item]);
                var curopt;
                if (_optionlist) {
                    curopt = _optionlist[_arrayindex];
                }
                _options = _utils.extend(_defaultoptions, curopt);
                _provider.load(_admodel.playlist[0]);
                _skipbutton.reset(_options.skipoffset || -1);
                _completetimeoutid = settimeout(function() {
                    _sendevent(_events.jwplayer_playlist_item, {
                        index: _arrayindex
                    }, true);
                }, 0);
            } else {
                _completetimeoutid = settimeout(function() {
                    // this is called on every ad completion of the final video in a playlist
                    //   1) vast.js (to trigger ad_complete event)
                    //   2) display.js (to set replay icon and image)
                    _sendevent(_events.jwplayer_playlist_complete, {}, true);
                    _api.jwinstreamdestroy(true, _this);
                }, 0);
            }
        }

        /** handle the jwplayer_media_meta event **/
        function _metahandler(evt) {
            // if we're getting video dimension metadata from the provider, allow the view to resize the media
            if (evt.width && evt.height) {
                if (_instreamdisplay) {
                    _instreamdisplay.releasestate(_this.jwgetstate());
                }
                _view.resizemedia();
            }
        }

        function _sendevent(type, data) {
            data = data || {};
            if (_defaultoptions.tag && !data.tag) {
                data.tag = _defaultoptions.tag;
            }
            _this.sendevent(type, data);
        }

        // resize handler; resize the components.
        function _resize() {
            if (_cbar) {
                _cbar.redraw();
            }
            if (_instreamdisplay) {
                _instreamdisplay.redraw();
            }
        }

        _this.setcontrols = function(mode) {
            if (mode) {
                _skipbutton.show();
            } else {
                _skipbutton.hide();
            }
        };

        /**************************************
         *****  duplicate main html5 api  *****
         **************************************/

        _this.jwplay = function() {
            if (_options.controlbarpausable.tostring().tolowercase() === 'true') {
                _this.jwinstreamplay();
            }
        };

        _this.jwpause = function() {
            if (_options.controlbarpausable.tostring().tolowercase() === 'true') {
                _this.jwinstreampause();
            }
        };

        _this.jwstop = function() {
            if (_options.controlbarstoppable.tostring().tolowercase() === 'true') {
                _api.jwinstreamdestroy(false, _this);
                _api.jwstop();
            }
        };

        _this.jwseek = function(position) {
            switch (_options.controlbarseekable.tolowercase()) {
                case 'never':
                    return;
                case 'always':
                    _this.jwinstreamseek(position);
                    break;
                case 'backwards':
                    if (_admodel.position > position) {
                        _this.jwinstreamseek(position);
                    }
                    break;
            }
        };

        _this.jwseekdrag = function(state) {
            _admodel.seekdrag(state);
        };

        _this.jwgetposition = function() {};
        _this.jwgetduration = function() {};
        _this.jwgetwidth = _api.jwgetwidth;
        _this.jwgetheight = _api.jwgetheight;
        _this.jwgetfullscreen = _api.jwgetfullscreen;
        _this.jwsetfullscreen = _api.jwsetfullscreen;
        _this.jwgetvolume = function() {
            return _model.volume;
        };
        _this.jwsetvolume = function(vol) {
            _admodel.setvolume(vol);
            _api.jwsetvolume(vol);
        };
        _this.jwgetmute = function() {
            return _model.mute;
        };
        _this.jwsetmute = function(state) {
            _admodel.setmute(state);
            _api.jwsetmute(state);
        };
        _this.jwgetstate = function() {
            if (!_admodel) {
                return _states.idle;
            }
            return _admodel.state;
        };
        _this.jwgetplaylist = function() {
            return [_item];
        };
        _this.jwgetplaylistindex = function() {
            return 0;
        };
        _this.jwgetstretching = function() {
            return _model.config.stretching;
        };
        _this.jwaddeventlistener = function(type, handler) {
            _this.addeventlistener(type, handler);
        };
        _this.jwremoveeventlistener = function(type, handler) {
            _this.removeeventlistener(type, handler);
        };
        _this.jwsetcurrentquality = function() {};
        _this.jwgetqualitylevels = function() {
            return [];
        };

        // for supporting api interface in html5 display
        _this.jwgetcontrols = function() {
            return _api.jwgetcontrols();
        };

        _this.skin = _api.skin;
        _this.id = _api.id + '_instream';

        return _this;
    };
})(window.jwplayer);
/**
 * jw player logo component
 *
 * @author zach
 * @modified pablo
 * @version 6.0
 */
(function(jwplayer) {
    var utils = jwplayer.utils,
        html5 = jwplayer.html5,
        _css = utils.css,
        states = jwplayer.events.state,

        free = 'free',
        pro = 'pro',
        premium = 'premium',
        ads = 'ads',

        link_default = 'http://www.longtailvideo.com/jwpabout/?a=l&v=',
        logo_class = '.jwlogo';


    var logo = html5.logo = function(api, logoconfig) {
        var _api = api,
            _id = _api.id + '_logo',
            _settings,
            _logo,
            _defaults = logo.defaults,
            _showing = false;

        function _setup() {
            _setupconfig();
            _setupdisplayelements();
        }

        function _setupconfig() {
            var linkflag = 'o';
            if (_api.edition) {
                linkflag = _getlinkflag(_api.edition());
            }

            if (linkflag === 'o' || linkflag === 'f') {
                _defaults.link = link_default + jwplayer.version + '&m=h&e=' + linkflag;
            }

            _settings = utils.extend({}, _defaults, logoconfig);
            _settings.hide = (_settings.hide.tostring() === 'true');
        }

        function _setupdisplayelements() {
            _logo = document.createelement('img');
            _logo.classname = 'jwlogo';
            _logo.id = _id;

            if (!_settings.file) {
                _logo.style.display = 'none';
                return;
            }

            var positions = (/(\w+)-(\w+)/).exec(_settings.position),
                style = {},
                margin = _settings.margin;

            if (positions.length === 3) {
                style[positions[1]] = margin;
                style[positions[2]] = margin;
            } else {
                style.top = style.right = margin;
            }

            _css(_internalselector(), style);

            _logo.src = (_settings.prefix ? _settings.prefix : '') + _settings.file;
            if (!utils.ismobile()) {
                _logo.onclick = _clickhandler;
            } else {
                var logotouch = new utils.touch(_logo);
                logotouch.addeventlistener(utils.touchevents.tap, _clickhandler);
            }
        }

        this.resize = function() {};

        this.element = function() {
            return _logo;
        };

        this.offset = function(offset) {
            _css(_internalselector(), {
                'margin-bottom': offset
            });
        };

        this.position = function() {
            return _settings.position;
        };

        this.margin = function() {
            return parseint(_settings.margin, 10);
        };

        function _toggleplay() {
            if (_api.jwgetstate() === states.idle || _api.jwgetstate() === states.paused) {
                _api.jwplay();
            } else {
                _api.jwpause();
            }
        }

        function _clickhandler(evt) {
            if (utils.exists(evt) && evt.stoppropagation) {
                evt.stoppropagation();
            }

            if (!_showing || !_settings.link) {
                _toggleplay();
            }

            if (_showing && _settings.link) {
                _api.jwpause();
                _api.jwsetfullscreen(false);
                window.open(_settings.link, _settings.linktarget);
            }
            return;
        }

        function _getlinkflag(edition) {
            if (edition === pro) {
                return 'p';
            } else if (edition === premium) {
                return 'r';
            } else if (edition === ads) {
                return 'a';
            } else if (edition === free) {
                return 'f';
            } else {
                return 'o';
            }
        }

        function _internalselector(selector) {
            return '#' + _id + ' ' + (selector ? selector : '');
        }

        this.hide = function(forced) {
            if (_settings.hide || forced) {
                _showing = false;
                _logo.style.visibility = 'hidden';
                _logo.style.opacity = 0;
            }
        };

        this.show = function() {
            _showing = true;
            _logo.style.visibility = 'visible';
            _logo.style.opacity = 1;
        };

        _setup();

        return this;
    };

    logo.defaults = {
        prefix: utils.repo(),
        file: 'logo.png',
        linktarget: '_top',
        margin: 8,
        hide: false,
        position: 'top-right'
    };

    _css(logo_class, {
        cursor: 'pointer',
        position: 'absolute'
    });

})(jwplayer);
/**
 * jw player html5 overlay component
 *
 * @author pablo
 * @version 6.0
 */
(function(jwplayer) {

    var html5 = jwplayer.html5,
        utils = jwplayer.utils,
        _css = utils.css,

        menu_class = 'jwmenu',
        option_class = 'jwoption';

    /** html5 overlay class **/
    html5.menu = function(name, id, skin, changehandler) {
        var _id = id,
            _changehandler = changehandler,
            _overlay = new html5.overlay(_id + '_overlay', skin),
            _settings = utils.extend({
                fontcase: undefined,
                fontcolor: '#cccccc',
                fontsize: 11,
                fontweight: undefined,
                activecolor: '#ffffff',
                overcolor: '#ffffff'
            }, skin.getcomponentsettings('tooltip')),
            _container,
            _options = [];

        function _init() {
            _container = _createelement(menu_class);
            _container.id = _id;

            var top = _getskinelement('menutop' + name),
                menuoption = _getskinelement('menuoption'),
                menuoptionover = _getskinelement('menuoptionover'),
                menuoptionactive = _getskinelement('menuoptionactive');

            if (top && top.image) {
                var topimage = new image();
                topimage.src = top.src;
                topimage.width = top.width;
                topimage.height = top.height;
                _container.appendchild(topimage);
            }

            if (menuoption) {
                var selector = '#' + id + ' .' + option_class;

                _css(selector, utils.extend(_formatbackground(menuoption), {
                    height: menuoption.height,
                    color: _settings.fontcolor,
                    'padding-left': menuoption.width,
                    font: _settings.fontweight + ' ' + _settings.fontsize + 'px arial,helvetica,sans-serif',
                    'line-height': menuoption.height,
                    'text-transform': (_settings.fontcase === 'upper') ? 'uppercase' : undefined
                }));
                _css(selector + ':hover', utils.extend(_formatbackground(menuoptionover), {
                    color: _settings.overcolor
                }));
                _css(selector + '.active', utils.extend(_formatbackground(menuoptionactive), {
                    color: _settings.activecolor
                }));
            }
            _overlay.setcontents(_container);
        }

        function _formatbackground(elem) {
            if (!(elem && elem.src)) {
                return {};
            }
            return {
                background: 'url(' + elem.src + ') no-repeat left',
                'background-size': elem.width + 'px ' + elem.height + 'px'
            };
        }

        this.element = function() {
            return _overlay.element();
        };

        this.addoption = function(label, value) {
            var option = _createelement(option_class, _container);
            option.id = _id + '_option_' + value;
            option.innerhtml = label;
            if (!utils.ismobile()) {
                option.addeventlistener('click', _clickhandler(_options.length, value));
            } else {
                var optiontouch = new utils.touch(option);
                optiontouch.addeventlistener(utils.touchevents.tap, _clickhandler(_options.length, value));
            }
            _options.push(option);
        };

        function _clickhandler(index, value) {
            return function() {
                // note :: for quality levels, this will set it active before it is actually changed
                _setactive(index);
                if (_changehandler) {
                    _changehandler(value);
                }
            };
        }

        this.clearoptions = function() {
            while (_options.length > 0) {
                _container.removechild(_options.pop());
            }
        };

        var _setactive = this.setactive = function(index) {
            for (var i = 0; i < _options.length; i++) {
                var option = _options[i];
                option.classname = option.classname.replace(' active', '');
                if (i === index) {
                    option.classname += ' active';
                }
            }
        };


        function _createelement(classname, parent) {
            var elem = document.createelement('div');
            if (classname) {
                elem.classname = classname;
            }
            if (parent) {
                parent.appendchild(elem);
            }
            return elem;
        }

        function _getskinelement(name) {
            var elem = skin.getskinelement('tooltip', name);
            return elem ? elem : {
                width: 0,
                height: 0,
                src: undefined
            };
        }

        this.show = _overlay.show;
        this.hide = _overlay.hide;
        this.offsetx = _overlay.offsetx;
        this.positionx = _overlay.positionx;
        this.constrainx = _overlay.constrainx;

        _init();
    };

    function _class(classname) {
        return '.' + classname.replace(/ /g, ' .');
    }

    _css(_class(menu_class + ' ' + option_class), {
        cursor: 'pointer',
        'white-space': 'nowrap',
        position: 'relative'
    });

})(jwplayer);
/**
 * jwplayer.html5 model
 *
 * @author pablo
 * @version 6.0
 */
(function(jwplayer) {
    var html5 = jwplayer.html5,
        utils = jwplayer.utils,
        events = jwplayer.events;

    html5.model = function(config, defaultprovider) {
        var _model = this,
            // video provider
            _video,
            // saved settings
            _cookies = utils.getcookies(),
            // sub-component configurations
            _componentconfigs = {
                controlbar: {},
                display: {}
            },
            _currentprovider = utils.noop,
            // defaults
            _defaults = {
                autostart: false,
                controls: true,
                // debug: undefined,
                fullscreen: false,
                height: 320,
                mobilecontrols: false,
                mute: false,
                playlist: [],
                playlistposition: 'none',
                playlistsize: 180,
                playlistlayout: 'extended',
                repeat: false,
                // skin: undefined,
                stretching: utils.stretching.uniform,
                width: 480,
                volume: 90
            };

        function _parseconfig(config) {
            utils.foreach(config, function(i, val) {
                config[i] = utils.serialize(val);
            });
            return config;
        }

        function _init() {
            utils.extend(_model, new events.eventdispatcher());
            _model.config = _parseconfig(utils.extend({}, _defaults, _cookies, config));
            utils.extend(_model, {
                id: config.id,
                state: events.state.idle,
                duration: -1,
                position: 0,
                buffer: 0
            }, _model.config);
            // this gets added later
            _model.playlist = [];
            _model.setitem(0);
        }

        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', 'duration'];

        function _videoeventhandler(evt) {
            var mappings = _eventmap[evt.type];
            if (mappings && mappings.length) {
                var _sendevent = false;
                for (var i = 0; i < mappings.length; i++) {
                    var mapping = mappings[i];
                    var split = mapping.split('->');
                    var eventprop = split[0];
                    var stateprop = split[1] || eventprop;

                    if (_model[stateprop] !== evt[eventprop]) {
                        _model[stateprop] = evt[eventprop];
                        _sendevent = true;
                    }
                }
                if (_sendevent) {
                    _model.sendevent(evt.type, evt);
                }
            } else {
                _model.sendevent(evt.type, evt);
            }
        }


        _model.setvideoprovider = function(provider) {

            if (_video) {
                _video.removegloballistener(_videoeventhandler);
                var container = _video.getcontainer();
                if (container) {
                    _video.remove();
                    provider.setcontainer(container);
                }
            }

            _video = provider;
            _video.volume(_model.volume);
            _video.mute(_model.mute);
            _video.addgloballistener(_videoeventhandler);
        };

        _model.destroy = function() {
            if (_video) {
                _video.removegloballistener(_videoeventhandler);
                _video.destroy();
            }
        };

        _model.getvideo = function() {
            return _video;
        };


        _model.seekdrag = function(state) {
            _video.seekdrag(state);
        };

        _model.setfullscreen = function(state) {
            state = !!state;
            if (state !== _model.fullscreen) {
                _model.fullscreen = state;
                _model.sendevent(events.jwplayer_fullscreen, {
                    fullscreen: state
                });
            }
        };

        // todo: make this a synchronous action; throw error if playlist is empty
        _model.setplaylist = function(playlist) {
            _model.playlist = jwplayer.playlist.filterplaylist(playlist, _model.androidhls);
            if (_model.playlist.length === 0) {
                _model.sendevent(events.jwplayer_error, {
                    message: 'error loading playlist: no playable sources found'
                });
            } else {
                _model.sendevent(events.jwplayer_playlist_loaded, {
                    playlist: jwplayer(_model.id).getplaylist()
                });
                _model.item = -1;
                _model.setitem(0);
            }
        };

        _model.setitem = function(index) {
            var newitem;
            var repeat = false;
            if (index === _model.playlist.length || index < -1) {
                newitem = 0;
                repeat = true;
            } else if (index === -1 || index > _model.playlist.length) {
                newitem = _model.playlist.length - 1;
            } else {
                newitem = index;
            }

            if (repeat || newitem !== _model.item) {
                _model.item = newitem;
                _model.sendevent(events.jwplayer_playlist_item, {
                    index: _model.item
                });

                // select provider based on item source (video, youtube...)
                var item = _model.playlist[newitem];
                var source = item && item.sources && item.sources[0];
                var provider = html5.chooseprovider(source);

                // if we are changing video providers
                if (! (_currentprovider instanceof provider)) {
                    _currentprovider = defaultprovider || new provider(_model.id);

                    _model.setvideoprovider(_currentprovider);
                }

                // this allows the youtube provider to load preview images
                if (_currentprovider.init) {
                    _currentprovider.init(item);
                }
            }
        };

        _model.setvolume = function(newvol) {
            if (_model.mute && newvol > 0) {
                _model.setmute(false);
            }
            newvol = math.round(newvol);
            if (!_model.mute) {
                utils.savecookie('volume', newvol);
            }
            _videoeventhandler({
                type: events.jwplayer_media_volume,
                volume: newvol
            });
            _video.volume(newvol);
        };

        _model.setmute = function(state) {
            if (!utils.exists(state)) {
                state = !_model.mute;
            }
            utils.savecookie('mute', state);
            _videoeventhandler({
                type: events.jwplayer_media_mute,
                mute: state
            });
            _video.mute(state);
        };

        _model.componentconfig = function(name) {
            return _componentconfigs[name];
        };

        _init();
    };

})(jwplayer);
/**
 * jw player html5 overlay component
 *
 * @author pablo
 * @version 6.0
 */
(function(jwplayer) {
    var html5 = jwplayer.html5,
        utils = jwplayer.utils,
        _css = utils.css,
        _settransition = utils.transitionstyle,

        overlay_class = '.jwoverlay',
        contents_class = 'jwcontents',

        top = 'top',
        bottom = 'bottom',
        right = 'right',
        left = 'left',
        white = '#ffffff',

        _defaults = {
            fontcase: undefined,
            fontcolor: white,
            fontsize: 12,
            fontweight: undefined,
            activecolor: white,
            overcolor: white
        };

    /** html5 overlay class **/
    html5.overlay = function(id, skin, inverted) {
        var _this = this,
            _id = id,
            _skin = skin,
            _inverted = inverted,
            _container,
            _contents,
            _arrow,
            _arrowelement,
            _settings = utils.extend({}, _defaults, _skin.getcomponentsettings('tooltip')),
            _bordersizes = {};

        function _init() {
            _container = _createelement(overlay_class.replace('.', ''));
            _container.id = _id;

            var arrow = _createskinelement('arrow', 'jwarrow');
            _arrowelement = arrow[0];
            _arrow = arrow[1];

            _css.style(_arrowelement, {
                position: 'absolute',
                //bottom: _inverted ? undefined : -1 * _arrow.height,
                bottom: _inverted ? undefined : 0,
                top: _inverted ? 0 : undefined,
                width: _arrow.width,
                height: _arrow.height,
                left: '50%'
            });

            _createborderelement(top, left);
            _createborderelement(bottom, left);
            _createborderelement(top, right);
            _createborderelement(bottom, right);
            _createborderelement(left);
            _createborderelement(right);
            _createborderelement(top);
            _createborderelement(bottom);

            var back = _createskinelement('background', 'jwback');
            _css.style(back[0], {
                left: _bordersizes.left,
                right: _bordersizes.right,
                top: _bordersizes.top,
                bottom: _bordersizes.bottom
            });

            _contents = _createelement(contents_class, _container);
            _css(_internalselector(contents_class) + ' *', {
                color: _settings.fontcolor,
                font: _settings.fontweight + ' ' + (_settings.fontsize) + 'px arial,helvetica,sans-serif',
                'text-transform': (_settings.fontcase === 'upper') ? 'uppercase' : undefined
            });


            if (_inverted) {
                utils.transform(_internalselector('jwarrow'), 'rotate(180deg)');
            }

            _css.style(_container, {
                padding: (_bordersizes.top + 1) + 'px ' + _bordersizes.right +
                    'px ' + (_bordersizes.bottom + 1) + 'px ' + _bordersizes.left + 'px'
            });

            _this.showing = false;
        }

        function _internalselector(name) {
            return '#' + _id + (name ? ' .' + name : '');
        }

        function _createelement(classname, parent) {
            var elem = document.createelement('div');
            if (classname) {
                elem.classname = classname;
            }
            if (parent) {
                parent.appendchild(elem);
            }
            return elem;
        }


        function _createskinelement(name, classname) {
            var skinelem = _getskinelement(name),
                elem = _createelement(classname, _container);

            _css.style(elem, _formatbackground(skinelem));
            //_css(_internalselector(classname.replace(' ', '.')), _formatbackground(skinelem));

            return [elem, skinelem];

        }

        function _formatbackground(elem) {
            return {
                background: 'url(' + elem.src + ') center',
                'background-size': elem.width + 'px ' + elem.height + 'px'
            };
        }

        function _createborderelement(dim1, dim2) {
            if (!dim2) {
                dim2 = '';
            }
            var created = _createskinelement('cap' + dim1 + dim2, 'jwborder jw' + dim1 + (dim2 ? dim2 : '')),
                elem = created[0],
                skinelem = created[1],
                elemstyle = utils.extend(_formatbackground(skinelem), {
                    width: (dim1 === left || dim2 === left || dim1 === right || dim2 === right) ?
                        skinelem.width : undefined,
                    height: (dim1 === top || dim2 === top || dim1 === bottom || dim2 === bottom) ?
                        skinelem.height : undefined
                });


            elemstyle[dim1] = ((dim1 === bottom && !_inverted) || (dim1 === top && _inverted)) ? _arrow.height : 0;
            if (dim2) {
                elemstyle[dim2] = 0;
            }

            _css.style(elem, elemstyle);
            //_css(_internalselector(elem.classname.replace(/ /g, '.')), elemstyle);

            var dim1style = {},
                dim2style = {},
                dims = {
                    left: skinelem.width,
                    right: skinelem.width,
                    top: (_inverted ? _arrow.height : 0) + skinelem.height,
                    bottom: (_inverted ? 0 : _arrow.height) + skinelem.height
                };
            if (dim2) {
                dim1style[dim2] = dims[dim2];
                dim1style[dim1] = 0;
                dim2style[dim1] = dims[dim1];
                dim2style[dim2] = 0;
                _css(_internalselector('jw' + dim1), dim1style);
                _css(_internalselector('jw' + dim2), dim2style);
                _bordersizes[dim1] = dims[dim1];
                _bordersizes[dim2] = dims[dim2];
            }
        }

        _this.element = function() {
            return _container;
        };

        _this.setcontents = function(contents) {
            utils.empty(_contents);
            _contents.appendchild(contents);
        };

        _this.positionx = function(x) {
            _css.style(_container, {
                left: math.round(x)
            });
        };

        _this.constrainx = function(containerbounds, forceredraw) {
            if (_this.showing && containerbounds.width !== 0) {
                // reset and check bounds
                var width = _this.offsetx(0);
                if (width) {
                    if (forceredraw) {
                        _css.unblock();
                    }
                    var bounds = utils.bounds(_container);
                    if (bounds.width !== 0) {
                        if (bounds.right > containerbounds.right) {
                            _this.offsetx(containerbounds.right - bounds.right);
                        } else if (bounds.left < containerbounds.left) {
                            _this.offsetx(containerbounds.left - bounds.left);
                        }
                    }
                }
            }
        };

        _this.offsetx = function(offset) {
            offset = math.round(offset);
            var width = _container.clientwidth;
            if (width !== 0) {
                _css.style(_container, {
                    'margin-left': math.round(-width / 2) + offset
                });
                _css.style(_arrowelement, {
                    'margin-left': math.round(-_arrow.width / 2) - offset
                });
            }
            return width;
        };

        _this.borderwidth = function() {
            return _bordersizes.left;
        };

        function _getskinelement(name) {
            var elem = _skin.getskinelement('tooltip', name);
            if (elem) {
                return elem;
            } else {
                return {
                    width: 0,
                    height: 0,
                    src: '',
                    image: undefined,
                    ready: false
                };
            }
        }

        _this.show = function() {
            _this.showing = true;
            _css.style(_container, {
                opacity: 1,
                visibility: 'visible'
            });
        };

        _this.hide = function() {
            _this.showing = false;
            _css.style(_container, {
                opacity: 0,
                visibility: 'hidden'
            });
        };

        // call constructor
        _init();

    };

    /*************************************************************
     * player stylesheets - done once on script initialization;  *
     * these css rules are used for all jw player instances      *
     *************************************************************/

    _css(overlay_class, {
        position: 'absolute',
        visibility: 'hidden',
        opacity: 0
    });

    _css(overlay_class + ' .jwcontents', {
        position: 'relative',
        'z-index': 1
    });

    _css(overlay_class + ' .jwborder', {
        position: 'absolute',
        'background-size': '100%' + ' ' + '100%'
    }, true);

    _css(overlay_class + ' .jwback', {
        position: 'absolute',
        'background-size': '100%' + ' ' + '100%'
    });

    _settransition(overlay_class, 'opacity .25s, visibility .25s');

})(jwplayer);
/**
 * main html5 player class
 *
 * @author pablo
 * @version 6.0
 */
(function(jwplayer) {
    var html5 = jwplayer.html5,
        utils = jwplayer.utils;

    html5.player = function(config) {
        var _this = this,
            _model,
            _view,
            _controller,
            _setup,
            _instreamplayer;

        function _init() {
            _model = new html5.model(config);
            _this.id = _model.id;
            _this._model = _model;

            utils.css.block(_this.id);

            _view = new html5.view(_this, _model);
            _controller = new html5.controller(_model, _view);


            _initializeapi();
            _this.initializeapi = _initializeapi;

            _setup = new html5.setup(_model, _view);
            _setup.addeventlistener(jwplayer.events.jwplayer_ready, _readyhandler);
            _setup.addeventlistener(jwplayer.events.jwplayer_error, _setuperrorhandler);
            _setup.start();
        }

        function _readyhandler(evt) {
            _controller.playerready(evt);
            utils.css.unblock(_this.id);
        }
        
        function _setuperrorhandler(evt) {
            utils.css.unblock(_this.id);
            jwplayer(_this.id).dispatchevent(jwplayer.events.jwplayer_setup_error, evt);
        }

        function _normalizeplaylist() {
            var list = _model.playlist,
                arr = [];

            for (var i = 0; i < list.length; i++) {
                arr.push(_normalizeplaylistitem(list[i]));
            }

            return arr;
        }

        function _normalizeplaylistitem(item) {
            var obj = {
                'description': item.description,
                'file': item.file,
                'image': item.image,
                'mediaid': item.mediaid,
                'title': item.title
            };

            utils.foreach(item, function(i, val) {
                obj[i] = val;
            });

            obj.sources = [];
            obj.tracks = [];
            if (item.sources.length > 0) {
                utils.foreach(item.sources, function(i, source) {
                    var sourcecopy = {
                        file: source.file,
                        type: source.type ? source.type : undefined,
                        label: source.label,
                        'default': source['default'] ? true : false
                    };
                    obj.sources.push(sourcecopy);
                });
            }

            if (item.tracks.length > 0) {
                utils.foreach(item.tracks, function(i, track) {
                    var trackcopy = {
                        file: track.file,
                        kind: track.kind ? track.kind : undefined,
                        label: track.label,
                        'default': track['default'] ? true : false
                    };
                    obj.tracks.push(trackcopy);
                });
            }

            if (!item.file && item.sources.length > 0) {
                obj.file = item.sources[0].file;
            }

            return obj;
        }

        function _initializeapi() {

            /** 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.jwresize = _view.resize;
            _this.jwseekdrag = _model.seekdrag;
            _this.jwgetqualitylevels = _controller.getqualitylevels;
            _this.jwgetcurrentquality = _controller.getcurrentquality;
            _this.jwsetcurrentquality = _controller.setcurrentquality;
            _this.jwgetaudiotracks = _controller.getaudiotracks;
            _this.jwgetcurrentaudiotrack = _controller.getcurrentaudiotrack;
            _this.jwsetcurrentaudiotrack = _controller.setcurrentaudiotrack;
            _this.jwgetcaptionslist = _controller.getcaptionslist;
            _this.jwgetcurrentcaptions = _controller.getcurrentcaptions;
            _this.jwsetcurrentcaptions = _controller.setcurrentcaptions;

            _this.jwgetsaferegion = _view.getsaferegion;
            _this.jwforcestate = _view.forcestate;
            _this.jwreleasestate = _view.releasestate;

            _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 = _normalizeplaylist;
            _this.jwgetcontrols = _statevarfactory('controls');

            /** instream api **/
            _this.jwdetachmedia = _controller.detachmedia;
            _this.jwattachmedia = _controller.attachmedia;

            /** ads api **/
            _this.jwplayad = function(ad) {
                // this should not be used!
                var plugins = jwplayer(_this.id).plugins;
                if (plugins.vast) {
                    plugins.vast.jwplayad(ad);
                } //else if (plugins.googima) {
                //   // this needs to be added once the googima ads api is implemented
                //plugins.googima.jwplayad(ad);
                //not supporting for now
                //}
            };

            _this.jwpausead = function() {
                var plugins = jwplayer(_this.id).plugins;
                if (plugins.googima) {
                    plugins.googima.jwpausead();
                }
            };

            _this.jwdestroygoogima = function() {
                var plugins = jwplayer(_this.id).plugins;
                if (plugins.googima) {
                    plugins.googima.jwdestroygoogima();
                }
            };

            _this.jwinitinstream = function() {
                _this.jwinstreamdestroy();
                _instreamplayer = new html5.instream(_this, _model, _view, _controller);
                _instreamplayer.init();
            };

            _this.jwloaditeminstream = function(item, options) {
                if (!_instreamplayer) {
                    throw 'instream player undefined';
                }
                _instreamplayer.load(item, options);
            };

            _this.jwloadarrayinstream = function(item, options) {
                if (!_instreamplayer) {
                    throw 'instream player undefined';
                }
                _instreamplayer.load(item, options);
            };

            _this.jwsetcontrols = function(mode) {
                _view.setcontrols(mode);
                if (_instreamplayer) {
                    _instreamplayer.setcontrols(mode);
                }
            };

            _this.jwinstreamplay = function() {
                if (_instreamplayer) {
                    _instreamplayer.jwinstreamplay();
                }
            };

            _this.jwinstreampause = function() {
                if (_instreamplayer) {
                    _instreamplayer.jwinstreampause();
                }
            };

            _this.jwinstreamstate = function() {
                if (_instreamplayer) {
                    return _instreamplayer.jwinstreamstate();
                }
                return '';
            };

            _this.jwinstreamdestroy = function(complete, _instreaminstance) {
                _instreaminstance = _instreaminstance || _instreamplayer;
                if (_instreaminstance) {
                    _instreaminstance.jwinstreamdestroy(complete || false);
                    if (_instreaminstance === _instreamplayer) {
                        _instreamplayer = undefined;
                    }
                }
            };

            _this.jwinstreamaddeventlistener = function(type, listener) {
                if (_instreamplayer) {
                    _instreamplayer.jwinstreamaddeventlistener(type, listener);
                }
            };

            _this.jwinstreamremoveeventlistener = function(type, listener) {
                if (_instreamplayer) {
                    _instreamplayer.jwinstreamremoveeventlistener(type, listener);
                }
            };

            _this.jwplayerdestroy = function() {

                if (_controller) {
                    _controller.stop();
                }
                if (_view) {
                    _view.destroy();
                }
                if (_model) {
                    _model.destroy();
                }
                if (_setup) {
                    _setup.reseteventlisteners();
                    _setup.destroy();
                }
            };

            _this.jwinstreamsettext = function(text) {
                if (_instreamplayer) {
                    _instreamplayer.jwinstreamsettext(text);
                }
            };

            _this.jwisbeforeplay = function() {
                return _controller.checkbeforeplay();
            };

            _this.jwisbeforecomplete = function() {
                return _model.getvideo().checkcomplete();
            };

            /** used by ads component to display upcoming cuepoints **/
            _this.jwsetcues = _view.addcues;

            /** events **/
            _this.jwaddeventlistener = _controller.addeventlistener;
            _this.jwremoveeventlistener = _controller.removeeventlistener;

            /** dock **/
            _this.jwdockaddbutton = _view.addbutton;
            _this.jwdockremovebutton = _view.removebutton;
        }

        /** getters **/

        function _statevarfactory(statevar) {
            return function() {
                return _model[statevar];
            };
        }

        _init();
    };

})(window.jwplayer);
(function (jwplayer) {

    var white = '#ffffff',
        ccc = '#cccccc',
        threes = '#333333',
        nines = '#999999',
        _defaults = {
            size: 180,
            //position: html5.view.positions.none,
            //thumbs: true,
            // colors
            backgroundcolor: threes,
            fontcolor: nines,
            overcolor: ccc,
            activecolor: ccc,
            titlecolor: ccc,
            titleovercolor: white,
            titleactivecolor: white,

            fontweight: 'normal',
            titleweight: 'normal',
            fontsize: 11,
            titlesize: 13
        },

        html5 = jwplayer.html5,
        events = jwplayer.events,
        utils = jwplayer.utils,
        _css = utils.css,
        _ismobile = utils.ismobile(),

        pl_class = '.jwplaylist';

    html5.playlistcomponent = function (api, config) {
        var _api = api,
            _skin = _api.skin,
            _settings = utils.extend({}, _defaults, _api.skin.getcomponentsettings('playlist'), config),
            _wrapper,
            _container,
            _playlist,
            _ul,
            _lastcurrent = -1,
            _clickedindex,
            _slider,
            _itemheight = 76,
            _elements = {
                'background': undefined,
                'divider': undefined,
                'item': undefined,
                'itemover': undefined,
                'itemimage': undefined,
                'itemactive': undefined
            },
            _isbasic,
            _this = this;

        _this.element = function () {
            return _wrapper;
        };

        _this.redraw = function () {
            if (_slider) {
                _slider.redraw();
            }
        };

        _this.show = function () {
            utils.show(_wrapper);
        };

        _this.hide = function () {
            utils.hide(_wrapper);
        };


        function _setup() {
            _wrapper = _createelement('div', 'jwplaylist');
            _wrapper.id = _api.id + '_jwplayer_playlistcomponent';

            _isbasic = (_api._model.playlistlayout === 'basic');

            _container = _createelement('div', 'jwlistcontainer');
            _appendchild(_wrapper, _container);

            _populateskinelements();
            if (_isbasic) {
                _itemheight = 32;
            }
            if (_elements.divider) {
                _itemheight += _elements.divider.height;
            }

            _setupstyles();

            _api.jwaddeventlistener(events.jwplayer_playlist_loaded, _rebuildplaylist);
            _api.jwaddeventlistener(events.jwplayer_playlist_item, _itemhandler);
            _api.jwaddeventlistener(events.jwplayer_resize, _resizehandler);
        }

        function _resizehandler(/* evt */) {
            _this.redraw();
        }

        function _internalselector(classname) {
            return '#' + _wrapper.id + (classname ? ' .' + classname : '');
        }

        function _setupstyles() {
            var imgpos = 0,
                imgwidth = 0,
                imgheight = 0;

            utils.clearcss(_internalselector());

            _css(_internalselector(), {
                'background-color': _settings.backgroundcolor
            });

            _css(_internalselector('jwlist'), {
                'background-image': _elements.background ? ' url(' + _elements.background.src + ')' : ''
            });

            _css(_internalselector('jwlist' + ' *'), {
                color: _settings.fontcolor,
                font: _settings.fontweight + ' ' + _settings.fontsize + 'px arial, helvetica, sans-serif'
            });


            if (_elements.itemimage) {
                imgpos = (_itemheight - _elements.itemimage.height) / 2 + 'px ';
                imgwidth = _elements.itemimage.width;
                imgheight = _elements.itemimage.height;
            } else {
                imgwidth = _itemheight * 4 / 3;
                imgheight = _itemheight;
            }

            if (_elements.divider) {
                _css(_internalselector('jwplaylistdivider'), {
                    'background-image': 'url(' + _elements.divider.src + ')',
                    'background-size': '100%' + ' ' + _elements.divider.height + 'px',
                    width: '100%',
                    height: _elements.divider.height
                });
            }

            _css(_internalselector('jwplaylistimg'), {
                height: imgheight,
                width: imgwidth,
                margin: imgpos ? (imgpos + '0 ' + imgpos + imgpos) : '0 5px 0 0'
            });

            _css(_internalselector('jwlist li'), {
                'background-image': _elements.item ? 'url(' + _elements.item.src + ')' : '',
                height: _itemheight,
                overflow: 'hidden',
                'background-size': '100%' + ' ' + _itemheight + 'px',
                cursor: 'pointer'
            });

            var activestyle = {
                overflow: 'hidden'
            };
            if (_settings.activecolor !== '') {
                activestyle.color = _settings.activecolor;
            }
            if (_elements.itemactive) {
                activestyle['background-image'] = 'url(' + _elements.itemactive.src + ')';
            }
            _css(_internalselector('jwlist li.active'), activestyle);
            _css(_internalselector('jwlist li.active .jwtitle'), {
                color: _settings.titleactivecolor
            });
            _css(_internalselector('jwlist li.active .jwdescription'), {
                color: _settings.activecolor
            });

            var overstyle = {
                overflow: 'hidden'
            };
            if (_settings.overcolor !== '') {
                overstyle.color = _settings.overcolor;
            }
            if (_elements.itemover) {
                overstyle['background-image'] = 'url(' + _elements.itemover.src + ')';
            }

            if (!_ismobile) {
                _css(_internalselector('jwlist li:hover'), overstyle);
                _css(_internalselector('jwlist li:hover .jwtitle'), {
                    color: _settings.titleovercolor
                });
                _css(_internalselector('jwlist li:hover .jwdescription'), {
                    color: _settings.overcolor
                });
            }

            _css(_internalselector('jwtextwrapper'), {
                height: _itemheight,
                position: 'relative'
            });

            _css(_internalselector('jwtitle'), {
                overflow: 'hidden',
                display: 'inline-block',
                height: _isbasic ? _itemheight : 20,
                color: _settings.titlecolor,
                'font-size': _settings.titlesize,
                'font-weight': _settings.titleweight,
                'margin-top': _isbasic ? '0 10px' : 10,
                'margin-left': 10,
                'margin-right': 10,
                'line-height': _isbasic ? _itemheight : 20
            });

            _css(_internalselector('jwdescription'), {
                display: 'block',
                'font-size': _settings.fontsize,
                'line-height': 18,
                'margin-left': 10,
                'margin-right': 10,
                overflow: 'hidden',
                height: 36,
                position: 'relative'
            });
        }

        function _createlist() {
            var ul = _createelement('ul', 'jwlist');
            ul.id = _wrapper.id + '_ul' + math.round(math.random() * 10000000);
            return ul;
        }


        function _createitem(index) {
            var item = _playlist[index],
                li = _createelement('li', 'jwitem'),
                div;

            li.id = _ul.id + '_item_' + index;

            if (index > 0) {
                div = _createelement('div', 'jwplaylistdivider');
                _appendchild(li, div);
            } else {
                var divheight = _elements.divider ? _elements.divider.height : 0;
                li.style.height = (_itemheight - divheight) + 'px';
                li.style['background-size'] = '100% ' + (_itemheight - divheight) + 'px';
            }

            var imagewrapper = _createelement('div', 'jwplaylistimg jwfill');

            var imagesrc;
            if (item['playlist.image'] && _elements.itemimage) {
                imagesrc = item['playlist.image'];
            } else if (item.image && _elements.itemimage) {
                imagesrc = item.image;
            } else if (_elements.itemimage) {
                imagesrc = _elements.itemimage.src;
            }
            if (imagesrc && !_isbasic) {
                _css('#' + li.id + ' .jwplaylistimg', {
                    'background-image': imagesrc
                });
                _appendchild(li, imagewrapper);
            }

            var textwrapper = _createelement('div', 'jwtextwrapper');
            var title = _createelement('span', 'jwtitle');
            title.innerhtml = (item && item.title) ? item.title : '';
            _appendchild(textwrapper, title);

            if (item.description && !_isbasic) {
                var desc = _createelement('span', 'jwdescription');
                desc.innerhtml = item.description;
                _appendchild(textwrapper, desc);
            }

            _appendchild(li, textwrapper);
            return li;
        }

        function _createelement(type, classname) {
            var elem = document.createelement(type);
            if (classname) {
                elem.classname = classname;
            }
            return elem;
        }

        function _appendchild(parent, child) {
            parent.appendchild(child);
        }

        function _rebuildplaylist(/* evt */) {
            _container.innerhtml = '';

            _playlist = _getplaylist();
            if (!_playlist) {
                return;
            }
            _ul = _createlist();

            for (var i = 0; i < _playlist.length; i++) {
                var li = _createitem(i);
                if (_ismobile) {
                    var touch = new utils.touch(li);
                    touch.addeventlistener(utils.touchevents.tap, _clickhandler(i));
                } else {
                    li.onclick = _clickhandler(i);
                }
                _appendchild(_ul, li);
            }

            _lastcurrent = _api.jwgetplaylistindex();

            _appendchild(_container, _ul);
            _slider = new html5.playlistslider(_wrapper.id + '_slider', _api.skin, _wrapper, _ul);

        }

        function _getplaylist() {
            var list = _api.jwgetplaylist();
            var strippedlist = [];
            for (var i = 0; i < list.length; i++) {
                if (!list[i]['ova.hidden']) {
                    strippedlist.push(list[i]);
                }
            }
            return strippedlist;
        }

        function _clickhandler(index) {
            return function () {
                _clickedindex = index;
                _api.jwplaylistitem(index);
                _api.jwplay(true);
            };
        }

        function _scrolltoitem() {
            var idx = _api.jwgetplaylistindex();
            // no need to scroll if the user clicked the current item
            if (idx === _clickedindex) {
                return;
            }
            _clickedindex = -1;

            if (_slider && _slider.visible()) {
                _slider.thumbposition(idx / (_api.jwgetplaylist().length - 1));
            }
        }

        function _itemhandler(evt) {
            if (_lastcurrent >= 0) {
                document.getelementbyid(_ul.id + '_item_' + _lastcurrent).classname = 'jwitem';
                _lastcurrent = evt.index;
            }
            document.getelementbyid(_ul.id + '_item_' + evt.index).classname = 'jwitem active';
            _scrolltoitem();
        }


        function _populateskinelements() {
            utils.foreach(_elements, function (element) {
                _elements[element] = _skin.getskinelement('playlist', element);
            });
        }

        _setup();
        return this;
    };

    /** global playlist styles **/

    _css(pl_class, {
        position: 'absolute',
        width: '100%',
        height: '100%'
    });

    utils.dragstyle(pl_class, 'none');

    _css(pl_class + ' .jwplaylistimg', {
        position: 'relative',
        width: '100%',
        'float': 'left',
        margin: '0 5px 0 0',
        background: '#000',
        overflow: 'hidden'
    });

    _css(pl_class + ' .jwlist', {
        position: 'absolute',
        width: '100%',
        'list-style': 'none',
        margin: 0,
        padding: 0,
        overflow: 'hidden'
    });

    _css(pl_class + ' .jwlistcontainer', {
        position: 'absolute',
        overflow: 'hidden',
        width: '100%',
        height: '100%'
    });

    _css(pl_class + ' .jwlist li', {
        width: '100%'
    });

    _css(pl_class + ' .jwtextwrapper', {
        overflow: 'hidden'
    });

    _css(pl_class + ' .jwplaylistdivider', {
        position: 'absolute'
    });

    if (_ismobile) {
        utils.transitionstyle(pl_class + ' .jwlist', 'top .35s');
    }

})(jwplayer);
(function(html5) {
    var utils = jwplayer.utils,
        touchevents = utils.touchevents,
        _css = utils.css,

        slider_class = 'jwslider',
        slider_topcap_class = 'jwslidertop',
        slider_bottomcap_class = 'jwsliderbottom',
        slider_rail_class = 'jwrail',
        slider_railtop_class = 'jwrailtop',
        slider_railback_class = 'jwrailback',
        slider_railbottom_class = 'jwrailbottom',
        slider_thumb_class = 'jwthumb',
        slider_thumbtop_class = 'jwthumbtop',
        slider_thumbback_class = 'jwthumbback',
        slider_thumbbottom_class = 'jwthumbbottom',

        document = document,
        window = window,
        undefined,

        /** some css constants we should use for minimization **/
        jw_css_absolute = 'absolute',
        jw_css_hidden = 'hidden',
        jw_css_100pct = '100%';

    html5.playlistslider = function(id, skin, parent, pane) {
        var _skin = skin,
            _pane = pane,
            _wrapper,
            _rail,
            _thumb,
            _dragging,
            _thumbpercent = 0,
            _dragtimeout,
            _draginterval,
            _ismobile = utils.ismobile(),
            _touch,
            _visible = true,

            // skin elements
            _slidercaptop,
            _slidercapbottom,
            _sliderrail,
            _sliderrailcaptop,
            _sliderrailcapbottom,
            _sliderthumb,
            _sliderthumbcaptop,
            _sliderthumbcapbottom,

            _topheight,
            _bottomheight,
            _redrawtimeout;


        this.element = function() {
            return _wrapper;
        };

        this.visible = function() {
            return _visible;
        };


        function _setup() {
            var captop, capbottom;

            _wrapper = _createelement(slider_class, null, parent);
            _wrapper.id = id;

            _touch = new utils.touch(_pane);

            if (_ismobile) {
                _touch.addeventlistener(touchevents.drag, _touchdrag);
            } else {
                _wrapper.addeventlistener('mousedown', _startdrag, false);
                _wrapper.addeventlistener('click', _movethumb, false);
            }

            _populateskinelements();

            _topheight = _slidercaptop.height;
            _bottomheight = _slidercapbottom.height;

            _css(_internalselector(), {
                width: _sliderrail.width
            });
            _css(_internalselector(slider_rail_class), {
                top: _topheight,
                bottom: _bottomheight
            });
            _css(_internalselector(slider_thumb_class), {
                top: _topheight
            });

            captop = _createelement(slider_topcap_class, _slidercaptop, _wrapper);
            capbottom = _createelement(slider_bottomcap_class, _slidercapbottom, _wrapper);
            _rail = _createelement(slider_rail_class, null, _wrapper);
            _thumb = _createelement(slider_thumb_class, null, _wrapper);

            if (!_ismobile) {
                captop.addeventlistener('mousedown', _scroll(-1), false);
                capbottom.addeventlistener('mousedown', _scroll(1), false);
            }

            _createelement(slider_railtop_class, _sliderrailcaptop, _rail);
            _createelement(slider_railback_class, _sliderrail, _rail, true);
            _createelement(slider_railbottom_class, _sliderrailcapbottom, _rail);
            _css(_internalselector(slider_railback_class), {
                top: _sliderrailcaptop.height,
                bottom: _sliderrailcapbottom.height
            });

            _createelement(slider_thumbtop_class, _sliderthumbcaptop, _thumb);
            _createelement(slider_thumbback_class, _sliderthumb, _thumb, true);
            _createelement(slider_thumbbottom_class, _sliderthumbcapbottom, _thumb);

            _css(_internalselector(slider_thumbback_class), {
                top: _sliderthumbcaptop.height,
                bottom: _sliderthumbcapbottom.height
            });

            _redraw();

            if (_pane) {
                if (!_ismobile) {
                    _pane.addeventlistener('mousewheel', _scrollhandler, false);
                    _pane.addeventlistener('dommousescroll', _scrollhandler, false);
                }
            }
        }

        function _internalselector(classname) {
            return '#' + _wrapper.id + (classname ? ' .' + classname : '');
        }

        function _createelement(classname, skinelement, parent, stretch) {
            var elem = document.createelement('div');
            if (classname) {
                elem.classname = classname;
                if (skinelement) {
                    _css(_internalselector(classname), {
                        'background-image': skinelement.src ? skinelement.src : undefined,
                        'background-repeat': stretch ? 'repeat-y' : 'no-repeat',
                        height: stretch ? undefined : skinelement.height
                    });
                }
            }
            if (parent) {
                parent.appendchild(elem);
            }
            return elem;
        }

        function _populateskinelements() {
            _slidercaptop = _getelement('slidercaptop');
            _slidercapbottom = _getelement('slidercapbottom');
            _sliderrail = _getelement('sliderrail');
            _sliderrailcaptop = _getelement('sliderrailcaptop');
            _sliderrailcapbottom = _getelement('sliderrailcapbottom');
            _sliderthumb = _getelement('sliderthumb');
            _sliderthumbcaptop = _getelement('sliderthumbcaptop');
            _sliderthumbcapbottom = _getelement('sliderthumbcapbottom');
        }

        function _getelement(name) {
            var elem = _skin.getskinelement('playlist', name);
            return elem ? elem : {
                width: 0,
                height: 0,
                src: undefined
            };
        }

        var _redraw = this.redraw = function() {
            cleartimeout(_redrawtimeout);
            _redrawtimeout = settimeout(function() {
                if (_pane && _pane.clientheight) {
                    _setthumbpercent(_pane.parentnode.clientheight / _pane.clientheight);
                } else {
                    _redrawtimeout = settimeout(_redraw, 10);
                }
            }, 0);
        };


        function _scrollhandler(evt) {
            if (!_visible) {
                return;
            }
            evt = evt ? evt : window.event;
            var wheeldata = evt.detail ? evt.detail * -1 : evt.wheeldelta / 40;
            _setthumbposition(_thumbpercent - wheeldata / 10);

            // cancel event so the page doesn't scroll
            if (evt.stoppropagation) {
                evt.stoppropagation();
            }
            if (evt.preventdefault) {
                evt.preventdefault();
            } else {
                evt.returnvalue = false;
            }
            evt.cancelbubble = true;
            evt.cancel = true;

            return false;
        }

        function _setthumbpercent(pct) {
            if (pct < 0) {
                pct = 0;
            }
            if (pct > 1) {
                _visible = false;
            } else {
                _visible = true;
                _css(_internalselector(slider_thumb_class), {
                    height: math.max(_rail.clientheight * pct, _sliderthumbcaptop.height + _sliderthumbcapbottom.height)
                });
            }
            _css(_internalselector(), {
                visibility: _visible ? 'visible' : jw_css_hidden
            });
            if (_pane) {
                _pane.style.width = _visible ? _pane.parentelement.clientwidth - _sliderrail.width + 'px' : '';
            }
        }

        var _setthumbposition = this.thumbposition = function(pct) {
            if (isnan(pct)) {
                pct = 0;
            }
            _thumbpercent = math.max(0, math.min(1, pct));
            _css(_internalselector(slider_thumb_class), {
                top: _topheight + (_rail.clientheight - _thumb.clientheight) * _thumbpercent
            });
            if (pane) {
                pane.style.top = math.min(0, _wrapper.clientheight - pane.scrollheight) * _thumbpercent + 'px';
            }
        };


        function _startdrag(evt) {
            if (evt.button === 0) {
                _dragging = true;
            }
            document.onselectstart = function() {
                return false;
            };
            window.addeventlistener('mousemove', _movethumb, false);
            window.addeventlistener('mouseup', _enddrag, false);
        }

        function _touchdrag(evt) {
            _setthumbposition(_thumbpercent - (evt.deltay * 2 / _pane.clientheight));
        }

        function _movethumb(evt) {
            if (_dragging || evt.type === 'click') {
                var railrect = utils.bounds(_rail),
                    rangetop = _thumb.clientheight / 2,
                    rangebottom = railrect.height - rangetop,
                    y = evt.pagey - railrect.top,
                    pct = (y - rangetop) / (rangebottom - rangetop);
                _setthumbposition(pct);
            }
        }

        function _scroll(dir) {
            return function(evt) {
                if (evt.button > 0) {
                    return;
                }
                _setthumbposition(_thumbpercent + (dir * 0.05));
                _dragtimeout = settimeout(function() {
                    _draginterval = setinterval(function() {
                        _setthumbposition(_thumbpercent + (dir * 0.05));
                    }, 50);
                }, 500);
            };
        }

        function _enddrag() {
            _dragging = false;
            window.removeeventlistener('mousemove', _movethumb);
            window.removeeventlistener('mouseup', _enddrag);
            document.onselectstart = undefined;
            cleartimeout(_dragtimeout);
            clearinterval(_draginterval);
        }

        _setup();
        return this;
    };

    function _globalselector() {
        var selector = [],
            i;
        for (i = 0; i < arguments.length; i++) {
            selector.push('.jwplaylist .' + arguments[i]);
        }
        return selector.join(',');
    }

    /** global slider styles **/

    _css(_globalselector(slider_class), {
        position: jw_css_absolute,
        height: jw_css_100pct,
        visibility: jw_css_hidden,
        right: 0,
        top: 0,
        cursor: 'pointer',
        'z-index': 1,
        overflow: jw_css_hidden
    });

    _css(_globalselector(slider_class) + ' *', {
        position: jw_css_absolute,
        width: jw_css_100pct,
        'background-position': 'center',
        'background-size': jw_css_100pct + ' ' + jw_css_100pct,
        overflow: jw_css_hidden
    });

    _css(_globalselector(slider_topcap_class, slider_railtop_class, slider_thumbtop_class), {
        top: 0
    });
    _css(_globalselector(slider_bottomcap_class, slider_railbottom_class, slider_thumbbottom_class), {
        bottom: 0
    });

})(jwplayer.html5);
/**
 * jw player html5 right-click
 *
 * @author pablo
 * @version 6.0
 */
(function(html5) {
    var utils = jwplayer.utils,
        _css = utils.css,

        about_default = 'jw player ',
        link_default = 'http://www.longtailvideo.com/jwpabout/?a=r&v=',

        document = document,
        rc_class = '.jwclick',
        rc_item_class = rc_class + '_item',

        /** some css constants we should use for minimization **/
        jw_css_100pct = '100%',
        jw_css_box_shadow = '5px 5px 7px rgba(0,0,0,.10), 0px 1px 0px rgba(255,255,255,.3) inset',
        jw_css_none = 'none',
        jw_css_white = '#fff';

    html5.rightclick = function(api, config) {
        var _api = api,
            _container, // = document.getelementbyid(_api.id),
            _config = utils.extend({
                aboutlink: link_default + html5.version + '&m=h&e=o',
                abouttext: about_default + html5.version + '...'
            }, config),
            _mouseovercontext = false,
            _menu,
            _about;

        function _init() {
            _container = document.getelementbyid(_api.id);
            _menu = _createelement(rc_class);
            _menu.id = _api.id + '_menu';
            _menu.style.display = jw_css_none;
            _container.oncontextmenu = _showcontext;
            _menu.onmouseover = function() {
                _mouseovercontext = true;
            };
            _menu.onmouseout = function() {
                _mouseovercontext = false;
            };
            document.addeventlistener('mousedown', _hidecontext, false);
            _about = _createelement(rc_item_class);
            _about.innerhtml = _config.abouttext;
            _about.onclick = _clickhandler;
            _menu.appendchild(_about);
            _container.appendchild(_menu);
        }

        function _createelement(classname) {
            var elem = document.createelement('div');
            elem.classname = classname.replace('.', '');
            return elem;
        }

        function _clickhandler() {
            //window.top.location = _config.aboutlink;
        }

        function _showcontext(evt) {
            var target, containerbounds, bounds;

            if (_mouseovercontext) {
                // returning because _mouseovercontext is true, indicating the mouse is over the menu
                return;
            }

            // ie6-9 do not pass an event parameter and get the target from window.srcelement
            // https://developer.mozilla.org/en-us/docs/web/api/event.target
            evt = evt || window.event;
            target = evt.target || evt.srcelement;


            containerbounds = utils.bounds(_container);
            bounds = utils.bounds(target);

            // hide the menu first to avoid an 'up-then-over' visual effect
            _menu.style.display = jw_css_none;
            _menu.style.left = (evt.offsetx ? evt.offsetx : evt.layerx) + bounds.left - containerbounds.left + 'px';
            _menu.style.top = (evt.offsety ? evt.offsety : evt.layery) + bounds.top - containerbounds.top + 'px';
            _menu.style.display = 'block';
            evt.preventdefault();
        }

        function _hidecontext() {
            if (_mouseovercontext) {
                // returning because _mouseovercontext is true, indicating the mouse is over the menu
                return;
            } else {
                _menu.style.display = jw_css_none;
            }
        }

        this.element = function() {
            return _menu;
        };

        this.destroy = function() {
            document.removeeventlistener('mousedown', _hidecontext, false);
        };

        _init();
    };

    _css(rc_class, {
        'background-color': jw_css_white,
        '-webkit-border-radius': 5,
        '-moz-border-radius': 5,
        'border-radius': 5,
        height: 'auto',
        border: '1px solid #bcbcbc',
        'font-family': '\'ms sans serif\', \'geneva\', sans-serif',
        'font-size': 10,
        width: 320,
        '-webkit-box-shadow': jw_css_box_shadow,
        '-moz-box-shadow': jw_css_box_shadow,
        'box-shadow': jw_css_box_shadow,
        position: 'absolute',
        'z-index': 999
    }, true);

    _css(rc_class + ' div', {
        padding: '8px 21px',
        margin: '0px',
        'background-color': jw_css_white,
        border: 'none',
        'font-family': '\'ms sans serif\', \'geneva\', sans-serif',
        'font-size': 10,
        color: 'inherit'
    }, true);

    _css(rc_item_class, {
        padding: '8px 21px',
        'text-align': 'left',
        cursor: 'pointer'
    }, true);

    _css(rc_item_class + ':hover', {
        'background-color': '#595959',
        color: jw_css_white
    }, true);

    _css(rc_item_class + ' a', {
        'text-decoration': jw_css_none,
        color: '#000'
    }, true);

    _css(rc_class + ' hr', {
        width: jw_css_100pct,
        padding: 0,
        margin: 0,
        border: '1px #e9e9e9 solid'
    }, true);

})(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(jwplayer) {
    var html5 = jwplayer.html5,
        utils = jwplayer.utils,
        _ = jwplayer._,
        events = jwplayer.events;


    html5.setup = function(model, view) {
        var _model = model,
            _view = view,
            _skin,
            _eventdispatcher = new events.eventdispatcher(),
            _errorstate = false;

        var parse_config = {
                method: _parseconfig,
                depends: []
            },
            load_skin = {
                method: _loadskin,
                depends: [parse_config]
            },
            load_playlist = {
                method: _loadplaylist,
                depends: [parse_config]
            },
            setup_components = {
                method: _setupcomponents,
                depends: [
                    load_playlist,
                    load_skin
                ]
            },
            init_plugins = {
                method: _initplugins,
                depends: [
                    setup_components,
                    load_playlist
                ]
            },
            send_ready = {
                method: _sendready,
                depends: [init_plugins]
            };

        var _queue = [
            parse_config,
            load_skin,
            load_playlist,
            setup_components,
            init_plugins,
            send_ready
        ];

        this.start = function () {
            _.defer(_nexttask);
        };

        function _nexttask() {
            if (this.cancelled) {
                return;
            }

            for (var i = 0; i < _queue.length; i++) {
                var task = _queue[i];
                if (_allcomplete(task.depends)) {
                    _queue.splice(i, 1);
                    task.method();
                    _.defer(_nexttask);
                }
            }
        }

        function _allcomplete(dependencies) {
            // return true if empty array,
            //  or if each object has an attribute 'complete' which is true
            return _.all(_.map(dependencies, _.property('complete')));
        }

        function _taskcomplete(task) {
            task.complete = true;
            if (_queue.length > 0 && !_errorstate) {
                _.defer(_nexttask);
            }
        }

        function _parseconfig() {
            if (model.edition && model.edition() === 'invalid') {
                _error('error setting up player: invalid license key');
            } else {
                _taskcomplete(parse_config);
            }
        }

        function _loadskin() {
            _skin = new html5.skin();
            _skin.load(_model.config.skin, _skinloaded, _skinerror);
        }

        function _skinloaded() {
            _taskcomplete(load_skin);
        }

        function _skinerror(message) {
            _error('error loading skin: ' + message);
        }

        function _loadplaylist() {
            var type = utils.typeof(_model.config.playlist);
            if (type === 'array') {
                _completeplaylist(new jwplayer.playlist(_model.config.playlist));
            } else {
                _error('playlist type not supported: ' + type);
            }
        }

        function _completeplaylist(playlist) {
            _model.setplaylist(playlist);
            if (_model.playlist.length === 0 || _model.playlist[0].sources.length === 0) {
                _error('error loading playlist: no playable sources found');
            } else {
                _taskcomplete(load_playlist);
            }
        }

        function _setupcomponents() {
            _view.setup(_skin);
            _taskcomplete(setup_components);
        }

        function _initplugins() {
            _taskcomplete(init_plugins);
        }

        function _sendready() {
            if (this.cancelled) {
                return;
            }
            _eventdispatcher.sendevent(events.jwplayer_ready);
            _taskcomplete(send_ready);
        }

        function _error(message) {
            _errorstate = true;
            _eventdispatcher.sendevent(events.jwplayer_error, {
                message: message
            });
            _view.setuperror(message);
        }

        this.destroy = function() {
            this.cancelled = true;
        };

        utils.extend(this, _eventdispatcher);

    };

})(jwplayer);
/**
 * jw player component that loads png skins.
 *
 * @author zach
 * @version 5.4
 */
(function(html5) {
    html5.skin = function() {
        var _components = {};
        var _loaded = false;

        this.load = function(path, completecallback, errorcallback) {
            new html5.skinloader(path, function(skin) {
                _loaded = true;
                _components = skin;
                if (typeof completecallback === 'function') {
                    completecallback();
                }
            }, function(message) {
                if (typeof errorcallback === 'function') {
                    errorcallback(message);
                }
            });

        };

        this.getskinelement = function(component, element) {
            component = _lowercase(component);
            element = _lowercase(element);
            if (_loaded) {
                try {
                    return _components[component].elements[element];
                } catch (err) {
                    jwplayer.utils.log('no such skin component / element: ', [component, element]);
                }
            }
            return null;
        };

        this.getcomponentsettings = function(component) {
            component = _lowercase(component);
            if (_loaded && _components && _components[component]) {
                return _components[component].settings;
            }
            return null;
        };

        this.getcomponentlayout = function(component) {
            component = _lowercase(component);
            if (_loaded) {
                var lo = _components[component].layout;
                if (lo && (lo.left || lo.right || lo.center)) {
                    return _components[component].layout;
                }
            }
            return null;
        };

        function _lowercase(string) {
            return string.tolowercase();
        }

    };
})(jwplayer.html5);

(function(html5) {
    var utils = jwplayer.utils,
        format_error = 'skin formatting error';

    /** constructor **/
    html5.skinloader = function(skinpath, completehandler, errorhandler) {
        var _skin = {},
            _completehandler = completehandler,
            _errorhandler = errorhandler,
            _loading = true,
            _skinpath = skinpath,
            _error = false,
            // keeping this as 1 for now. will change if necessary for mobile
            _mobilemultiplier = jwplayer.utils.ismobile() ? 1 : 1,
            _ratio = 1;

        /** load the skin **/
        function _load() {
            if (typeof _skinpath !== 'string' || _skinpath === '') {
                _loadskin(html5.defaultskin());
            } else {
                if (utils.extension(_skinpath) !== 'xml') {
                    _errorhandler('skin not a valid file type');
                    return;
                }
                // load the default skin first; if any components are defined in the loaded skin,
                // they will overwrite the default
                new html5.skinloader('', _defaultloaded, _errorhandler);
            }

        }

        function _defaultloaded(defaultskin) {
            _skin = defaultskin;
            utils.ajax(utils.getabsolutepath(_skinpath), function(xmlrequest) {
                try {
                    if (utils.exists(xmlrequest.responsexml)) {
                        _loadskin(xmlrequest.responsexml);
                    }
                } catch (err) {
                    _errorhandler(format_error);
                }
            }, function(message) {
                _errorhandler(message);
            });
        }

        function _getelementsbytagname(xml, tagname) {
            return xml ? xml.getelementsbytagname(tagname) : null;
        }

        function _loadskin(xml) {
            var skinnode = _getelementsbytagname(xml, 'skin')[0],
                components = _getelementsbytagname(skinnode, 'component'),
                target = skinnode.getattribute('target'),
                ratio = parsefloat(skinnode.getattribute('pixelratio'));

            // make sure ratio is set; don't want any divides by zero
            if (ratio > 0) {
                _ratio = ratio;
            }

            if (!utils.versioncheck(target)) {
                _errorhandler('incompatible player version');
            }

            if (components.length === 0) {
                // this is legal according to the skin doc - don't produce an error.
                // _errorhandler(format_error);
                _completehandler(_skin);
                return;
            }
            for (var componentindex = 0; componentindex < components.length; componentindex++) {
                var componentname = _lowercase(components[componentindex].getattribute('name')),
                    component = {
                        settings: {},
                        elements: {},
                        layout: {}
                    },
                    elements = _getelementsbytagname(_getelementsbytagname(components[componentindex], 'elements')[0],
                        'element');

                _skin[componentname] = component;

                for (var elementindex = 0; elementindex < elements.length; elementindex++) {
                    _loadimage(elements[elementindex], componentname);
                }
                var settingselement = _getelementsbytagname(components[componentindex], 'settings')[0];
                if (settingselement && settingselement.childnodes.length > 0) {
                    var settings = _getelementsbytagname(settingselement, 'setting');
                    for (var settingindex = 0; settingindex < settings.length; settingindex++) {
                        var name = settings[settingindex].getattribute('name');
                        var value = settings[settingindex].getattribute('value');
                        if (/color$/.test(name)) {
                            value = utils.stringtocolor(value);
                        }
                        component.settings[_lowercase(name)] = value;
                    }
                }
                var layout = _getelementsbytagname(components[componentindex], 'layout')[0];
                if (layout && layout.childnodes.length > 0) {
                    var groups = _getelementsbytagname(layout, 'group');
                    for (var groupindex = 0; groupindex < groups.length; groupindex++) {
                        var group = groups[groupindex],
                            _layout = {
                                elements: []
                            };
                        component.layout[_lowercase(group.getattribute('position'))] = _layout;
                        for (var attributeindex = 0; attributeindex < group.attributes.length; attributeindex++) {
                            var attribute = group.attributes[attributeindex];
                            _layout[attribute.name] = attribute.value;
                        }
                        var groupelements = _getelementsbytagname(group, '*');
                        for (var groupelementindex = 0; groupelementindex < groupelements.length; groupelementindex++) {
                            var element = groupelements[groupelementindex];
                            _layout.elements.push({
                                type: element.tagname
                            });
                            for (var attrindex = 0; attrindex < element.attributes.length; attrindex++) {
                                var elementattr = element.attributes[attrindex];
                                _layout.elements[groupelementindex][_lowercase(elementattr.name)] = elementattr.value;
                            }
                            if (!utils.exists(_layout.elements[groupelementindex].name)) {
                                _layout.elements[groupelementindex].name = element.tagname;
                            }
                        }
                    }
                }

                _loading = false;

                _checkcomplete();
            }
        }

        /** load the data for a single element. **/
        function _loadimage(element, component) {
            component = _lowercase(component);
            var img = new image(),
                elementname = _lowercase(element.getattribute('name')),
                elementsource = element.getattribute('src'),
                imgurl;

            if (elementsource.indexof('data:image/png;base64,') === 0) {
                imgurl = elementsource;
            } else {
                var skinurl = utils.getabsolutepath(_skinpath);
                var skinroot = skinurl.substr(0, skinurl.lastindexof('/'));
                imgurl = [skinroot, component, elementsource].join('/');
            }

            _skin[component].elements[elementname] = {
                height: 0,
                width: 0,
                src: '',
                ready: false,
                image: img
            };

            img.onload = function() {
                _completeimageload(img, elementname, component);
            };
            img.onerror = function() {
                _error = true;
                _errorhandler('skin image not found: ' + this.src);
            };

            img.src = imgurl;
        }

        function _checkcomplete() {
            var ready = true;
            for (var componentname in _skin) {
                if (componentname !== 'properties' && _skin.hasownproperty(componentname)) {
                    var elements = _skin[componentname].elements;
                    for (var element in elements) {
                        if (elements.hasownproperty(element)) {
                            ready &= _getelement(componentname, element).ready;
                        }
                    }
                }
            }
            if (!ready) {
                return;
            }
            if (!_loading) {
                _completehandler(_skin);
            }
        }

        function _completeimageload(img, element, component) {
            var elementobj = _getelement(component, element);
            if (elementobj) {
                elementobj.height = math.round((img.height / _ratio) * _mobilemultiplier);
                elementobj.width  = math.round((img.width  / _ratio) * _mobilemultiplier);
                elementobj.src = img.src;
                elementobj.ready = true;
                _checkcomplete();
            } else {
                utils.log('loaded an image for a missing element: ' + component + '.' + element);
            }
        }


        function _getelement(component, element) {
            return _skin[_lowercase(component)] ? _skin[_lowercase(component)].elements[_lowercase(element)] : null;
        }

        function _lowercase(string) {
            return string ? string.tolowercase() : '';
        }
        _load();
    };
})(jwplayer.html5);
(function(jwplayer) {

    var html5 = jwplayer.html5,
        utils = jwplayer.utils,
        events = jwplayer.events,
        _css = utils.css;


    /** displays thumbnails over the controlbar **/
    html5.thumbs = function(id) {
        var _display,
            _cues,
            _vttpath,
            _vttrequest,
            _id = id,
            _url,
            _images = {},
            _image,
            _eventdispatcher = new events.eventdispatcher();

        utils.extend(this, _eventdispatcher);

        _display = document.createelement('div');
        _display.id = _id;

        function _loadvtt(vtt) {
            _css.style(_display, {
                display: 'none'
            });

            if (_vttrequest) {
                _vttrequest.onload = null;
                _vttrequest.onreadystatechange = null;
                _vttrequest.onerror = null;
                if (_vttrequest.abort) {
                    _vttrequest.abort();
                }
                _vttrequest = null;
            }
            if (_image) {
                _image.onload = null;
            }

            if (vtt) {
                _vttpath = vtt.split('?')[0].split('/').slice(0, -1).join('/');
                _vttrequest = utils.ajax(vtt, _vttloaded, _vttfailed, true);
            } else {
                _cues =
                    _url =
                    _image = null;
                _images = {};
            }
        }

        function _vttloaded(data) {
            _vttrequest = null;
            try {
                data = new jwplayer.parsers.srt().parse(data.responsetext, true);
            } catch (e) {
                _vttfailed(e.message);
                return;
            }
            if (utils.typeof(data) !== 'array') {
                return _vttfailed('invalid data');
            }
            _cues = data;
        }

        function _vttfailed(error) {
            _vttrequest = null;
            utils.log('thumbnails could not be loaded: ' + error);
        }

        function _loadimage(url, callback) {
            // only load image if it's different from the last one
            if (url && url !== _url) {
                _url = url;
                if (url.indexof('://') < 0) {
                    url = _vttpath ? _vttpath + '/' + url : url;
                }
                var style = {
                    display: 'block',
                    margin: '0 auto',
                    'background-position': '0 0',
                    width: 0,
                    height: 0
                };
                var hashindex = url.indexof('#xywh');
                if (hashindex > 0) {
                    try {
                        var matched = (/(.+)\#xywh=(\d+),(\d+),(\d+),(\d+)/).exec(url);
                        url = matched[1];
                        style['background-position'] = (matched[2] * -1) + 'px ' + (matched[3] * -1) + 'px';
                        style.width = matched[4];
                        style.height = matched[5];
                    } catch (e) {
                        _vttfailed('could not parse thumbnail');
                        return;
                    }
                }

                var image = _images[url];
                if (!image) {
                    image = new image();
                    image.onload = function() {
                        _updatesprite(image, style, callback);
                    };
                    _images[url] = image;
                    image.src = url;
                } else {
                    _updatesprite(image, style, callback);
                }
                if (_image) {
                    // ignore previous image
                    _image.onload = null;
                }
                _image = image;
            }
        }

        function _updatesprite(image, style, callback) {
            image.onload = null;
            if (!style.width) {
                style.width = image.width;
                style.height = image.height;
            }
            style['background-image'] = image.src;
            _css.style(_display, style);
            if (callback) {
                callback(style.width);
            }
        }

        this.load = function(thumbsvtt) {
            _loadvtt(thumbsvtt);
        };

        this.element = function() {
            return _display;
        };

        // update display
        this.updatetimeline = function(seconds, callback) {
            if (!_cues) {
                return;
            }
            var i = 0;
            while (i < _cues.length && seconds > _cues[i].end) {
                i++;
            }
            if (i === _cues.length) {
                i--;
            }
            var url = _cues[i].text;
            _loadimage(url, callback);
            return url;
        };
    };


})(jwplayer);
(function(window) {
    var jwplayer = window.jwplayer,
        html5 = jwplayer.html5,
        utils = jwplayer.utils,
        events = jwplayer.events,
        states = events.state,
        _css = utils.css,
        _bounds = utils.bounds,
        _ismobile = utils.ismobile(),
        _isipad = utils.isipad(),
        _isipod = utils.isipod(),
        player_class = 'jwplayer',
        aspect_mode = 'aspectmode',
        fullscreen_selector = '.' + player_class + '.jwfullscreen',
        view_main_container_class = 'jwmain',
        view_instream_container_class = 'jwinstream',
        view_video_container_class = 'jwvideo',
        view_controls_container_class = 'jwcontrols',
        view_aspect_container_class = 'jwaspect',
        view_playlist_container_class = 'jwplaylistcontainer',
        document_fullscreen_events = [
            'fullscreenchange',
            'webkitfullscreenchange',
            'mozfullscreenchange',
            'msfullscreenchange'
        ],

        /*************************************************************
         * player stylesheets - done once on script initialization;  *
         * these css rules are used for all jw player instances      *
         *************************************************************/
        jw_css_smooth_ease = 'opacity .25s ease',
        jw_css_100pct = '100%',
        jw_css_absolute = 'absolute',
        jw_css_important = ' !important',
        jw_css_hidden = 'hidden',
        jw_css_none = 'none',
        jw_css_block = 'block';

    html5.view = function(_api, _model) {
        var _playerelement,
            _container,
            _controlslayer,
            _aspectlayer,
            _playlistlayer,
            _controlstimeout = -1,
            _timeoutduration = _ismobile ? 4000 : 2000,
            _videolayer,
            _lastwidth,
            _lastheight,
            _instreamlayer,
            _instreamcontrolbar,
            _instreamdisplay,
            _instreammodel,
            _instreammode = false,
            _controlbar,
            _display,
            _castdisplay,
            _dock,
            _logo,
            _logoconfig = utils.extend({}, _model.componentconfig('logo')),
            _captions,
            _playlist,
            _audiomode,
            _errorstate = false,
            _showing = false,
            _forcedcontrolsstate = null,
            _replaystate,
            _rightclickmenu,
            _resizemediatimeout = -1,
            _incb = false, // in control bar
            _currentstate,

            // view fullscreen methods and ability
            _requestfullscreen,
            _exitfullscreen,
            _elementsupportsfullscreen = false,

            // used to differentiate tab focus events from click events, because when
            //  it is a click, the mousedown event will occur immediately prior
            _focusfromclick = false,

            _this = utils.extend(this, new events.eventdispatcher());

        function _init() {

            _playerelement = _createelement('div', player_class + ' playlist-' + _model.playlistposition);
            _playerelement.id = _api.id;
            _playerelement.tabindex = 0;

            _requestfullscreen =
                _playerelement.requestfullscreen ||
                _playerelement.webkitrequestfullscreen ||
                _playerelement.webkitrequestfullscreen ||
                _playerelement.mozrequestfullscreen ||
                _playerelement.msrequestfullscreen;
            _exitfullscreen =
                document.exitfullscreen ||
                document.webkitexitfullscreen ||
                document.webkitcancelfullscreen ||
                document.mozcancelfullscreen ||
                document.msexitfullscreen;
            _elementsupportsfullscreen = _requestfullscreen && _exitfullscreen;

            if (_model.aspectratio) {
                _css.style(_playerelement, {
                    display: 'inline-block'
                });
                _playerelement.classname = _playerelement.classname.replace(player_class,
                    player_class + ' ' + aspect_mode);
            }

            var replace = document.getelementbyid(_api.id);
            replace.parentnode.replacechild(_playerelement, replace);
        }

        function adjustseek(amount) {
            var newseek = utils.between(_model.position + amount, 0, this.getduration());
            this.seek(newseek);
        }

        function adjustvolume(amount) {
            var newvol = utils.between(this.getvolume() + amount, 0, 100);
            this.setvolume(newvol);
        }

        function allowkeyhandling(evt) {
            // if meta keys return
            if (evt.ctrlkey || evt.metakey) {
                return false;
            }

            // controls may be disabled during share screens, or via api
            if (!_model.controls) {
                return false;
            }
            return true;
        }

        function handlekeydown(evt) {
            if (!allowkeyhandling(evt)) {
                // let event bubble upwards
                return true;
            }

            // on keypress show the controlbar for a few seconds
            if (!_controlbar.admode()) {
                _showcontrolbar();
                _resettaptimer();
            }

            var jw = jwplayer(_api.id);
            switch (evt.keycode) {
                case 27: // esc
                    jw.setfullscreen(false);
                    break;
                case 13: // enter
                case 32: // space
                    jw.play();
                    break;
                case 37: // left-arrow, if not admode
                    if (!_controlbar.admode()) {
                        adjustseek.call(jw, -5);
                    }
                    break;
                case 39: // right-arrow, if not admode
                    if (!_controlbar.admode()) {
                        adjustseek.call(jw, 5);
                    }
                    break;
                case 38: // up-arrow
                    adjustvolume.call(jw, 10);
                    break;
                case 40: // down-arrow
                    adjustvolume.call(jw, -10);
                    break;
                case 77: // m-key
                    jw.setmute();
                    break;
                case 70: // f-key
                    jw.setfullscreen();
                    break;
                default:
                    if (evt.keycode >= 48 && evt.keycode <= 59) {
                        // if 0-9 number key, move to n/10 of the percentage of the video
                        var number = evt.keycode - 48;
                        var newseek = (number / 10) * jw.getduration();
                        jw.seek(newseek);
                    }
                    break;
            }

            if (/13|32|37|38|39|40/.test(evt.keycode)) {
                // prevent keypresses from scrolling the screen
                evt.preventdefault();
                return false;
            }
        }

        function handlemousedown() {
            _focusfromclick = true;

            // after a click it no longer has 'tab-focus'
            _this.sendevent(events.jwplayer_view_tab_focus, {
                hasfocus: false
            });
        }

        function handlefocus() {
            var wastabevent = !_focusfromclick;
            _focusfromclick = false;

            if (wastabevent) {
                _this.sendevent(events.jwplayer_view_tab_focus, {
                    hasfocus: true
                });
            }

            // on tab-focus, show the control bar for a few seconds
            if (!_controlbar.admode()) {
                _showcontrolbar();
                _resettaptimer();
            }
        }

        function handleblur() {
            _focusfromclick = false;
            _this.sendevent(events.jwplayer_view_tab_focus, {
                hasfocus: false
            });
        }

        this.getcurrentcaptions = function() {
            return _captions.getcurrentcaptions();
        };

        this.setcurrentcaptions = function(caption) {
            _captions.setcurrentcaptions(caption);
        };

        this.getcaptionslist = function() {
            return _captions.getcaptionslist();
        };

        function _responsivelistener() {
            var bounds = _bounds(_playerelement),
                containerwidth = math.round(bounds.width),
                containerheight = math.round(bounds.height);
            if (!document.body.contains(_playerelement)) {
                window.removeeventlistener('resize', _responsivelistener);
                if (_ismobile) {
                    window.removeeventlistener('orientationchange', _responsivelistener);
                }
            } else if (containerwidth && containerheight) {
                if (containerwidth !== _lastwidth || containerheight !== _lastheight) {
                    _lastwidth = containerwidth;
                    _lastheight = containerheight;
                    if (_display) {
                        _display.redraw();
                    }
                    cleartimeout(_resizemediatimeout);
                    _resizemediatimeout = settimeout(_resizemedia, 50);
                    _this.sendevent(events.jwplayer_resize, {
                        width: containerwidth,
                        height: containerheight
                    });
                }
            }
            return bounds;
        }


        this.setup = function(skin) {
            if (_errorstate) {
                return;
            }
            _api.skin = skin;

            _container = _createelement('span', view_main_container_class);
            _container.id = _api.id + '_view';
            _videolayer = _createelement('span', view_video_container_class);
            _videolayer.id = _api.id + '_media';

            _controlslayer = _createelement('span', view_controls_container_class);
            _instreamlayer = _createelement('span', view_instream_container_class);
            _playlistlayer = _createelement('span', view_playlist_container_class);
            _aspectlayer = _createelement('span', view_aspect_container_class);

            _setupcontrols();

            _container.appendchild(_videolayer);
            _container.appendchild(_controlslayer);
            _container.appendchild(_instreamlayer);

            _playerelement.appendchild(_container);
            _playerelement.appendchild(_aspectlayer);
            _playerelement.appendchild(_playlistlayer);

            // adds video tag to video layer
            _model.getvideo().setcontainer(_videolayer);

            // native fullscreen
            _model.addeventlistener('fullscreenchange', _fullscreenchangehandler);
            // dom fullscreen
            for (var i = document_fullscreen_events.length; i--;) {
                document.addeventlistener(document_fullscreen_events[i], _fullscreenchangehandler, false);
            }

            window.removeeventlistener('resize', _responsivelistener);
            window.addeventlistener('resize', _responsivelistener, false);
            if (_ismobile) {
                window.removeeventlistener('orientationchange', _responsivelistener);
                window.addeventlistener('orientationchange', _responsivelistener, false);
            }
            //this for googima, after casting, to get the state right.
            jwplayer(_api.id).onadplay(function() {
                _controlbar.admode(true);
                _updatestate(states.playing);

                // for vast to hide controlbar if no mouse movement
                _resettaptimer();
            });
            jwplayer(_api.id).onadskipped(function() {
                _controlbar.admode(false);
            });
            jwplayer(_api.id).onadcomplete(function() {
                _controlbar.admode(false);
            });
            // so vast will be in correct state when ad errors out from unknown filetype
            jwplayer(_api.id).onaderror(function() {
                _controlbar.admode(false);
            });
            _api.jwaddeventlistener(events.jwplayer_player_state, _statehandler);
            _api.jwaddeventlistener(events.jwplayer_media_error, _errorhandler);
            _api.jwaddeventlistener(events.jwplayer_playlist_complete, _playlistcompletehandler);
            _api.jwaddeventlistener(events.jwplayer_playlist_item, _playlistitemhandler);
            _api.jwaddeventlistener(events.jwplayer_cast_available, function() {
                if (utils.cancast()) {
                    _this.forcecontrols(true);
                } else {
                    _this.releasecontrols();
                }
            });

            _api.jwaddeventlistener(events.jwplayer_cast_session, function(evt) {
                if (!_castdisplay) {
                    _castdisplay = new jwplayer.html5.castdisplay(_api.id);
                    _castdisplay.statusdelegate = function(evt) {
                        _castdisplay.setstate(evt.newstate);
                    };
                }
                if (evt.active) {
                    _css.style(_captions.element(), {
                        display: 'none'
                    });
                    _this.forcecontrols(true);
                    _castdisplay.setstate('connecting').setname(evt.devicename).show();
                    _api.jwaddeventlistener(events.jwplayer_player_state, _castdisplay.statusdelegate);
                    _api.jwaddeventlistener(events.jwplayer_cast_ad_changed, _castadchanged);
                } else {
                    _api.jwremoveeventlistener(events.jwplayer_player_state, _castdisplay.statusdelegate);
                    _api.jwremoveeventlistener(events.jwplayer_cast_ad_changed, _castadchanged);
                    _castdisplay.hide();
                    if (_controlbar.admode()) {
                        _castadsended();
                    }
                    _css.style(_captions.element(), {
                        display: null
                    });
                    // redraw displayicon
                    _statehandler({
                        newstate: _api.jwgetstate()
                    });
                    _responsivelistener();
                }

            });

            _statehandler({
                newstate: states.idle
            });

            if (!_ismobile) {
                _controlslayer.addeventlistener('mouseout', _mouseouthandler, false);

                _controlslayer.addeventlistener('mousemove', _startfade, false);
                if (utils.ismsie()) {
                    // not sure why this is needed
                    _videolayer.addeventlistener('mousemove', _startfade, false);
                    _videolayer.addeventlistener('click', _display.clickhandler);
                }
            }
            _componentfadelisteners(_controlbar);
            _componentfadelisteners(_dock);
            _componentfadelisteners(_logo);

            _css('#' + _playerelement.id + '.' + aspect_mode + ' .' + view_aspect_container_class, {
                'margin-top': _model.aspectratio,
                display: jw_css_block
            });

            var ar = utils.exists(_model.aspectratio) ? parsefloat(_model.aspectratio) : 100,
                size = _model.playlistsize;
            _css('#' + _playerelement.id + '.playlist-right .' + view_aspect_container_class, {
                'margin-bottom': -1 * size * (ar / 100) + 'px'
            });

            _css('#' + _playerelement.id + '.playlist-right .' + view_playlist_container_class, {
                width: size + 'px',
                right: 0,
                top: 0,
                height: '100%'
            });

            _css('#' + _playerelement.id + '.playlist-bottom .' + view_aspect_container_class, {
                'padding-bottom': size + 'px'
            });

            _css('#' + _playerelement.id + '.playlist-bottom .' + view_playlist_container_class, {
                width: '100%',
                height: size + 'px',
                bottom: 0
            });

            _css('#' + _playerelement.id + '.playlist-right .' + view_main_container_class, {
                right: size + 'px'
            });

            _css('#' + _playerelement.id + '.playlist-bottom .' + view_main_container_class, {
                bottom: size + 'px'
            });

            settimeout(function() {
                _resize(_model.width, _model.height);
            }, 0);
        };
                
        function _componentfadelisteners(comp) {
            if (comp) {
                comp.element().addeventlistener('mousemove', _cancelfade, false);
                comp.element().addeventlistener('mouseout', _resumefade, false);
            }
        }

        function _captionsloadedhandler() { //evt) {
            //ios7captions
            //_model.getvideo().addcaptions(evt.captiondata);
            // set current captions evt.captiondata[_api.jwgetcurrentcaptions()]
        }



        function _mouseouthandler() {
            cleartimeout(_controlstimeout);
            _controlstimeout = settimeout(_hidecontrols, _timeoutduration);
        }

        function _createelement(elem, classname) {
            var newelement = document.createelement(elem);
            if (classname) {
                newelement.classname = classname;
            }
            return newelement;
        }

        function _touchhandler() {
            if (_ismobile) {
                if (_showing) {
                    _hidecontrols();
                } else {
                    _showcontrols();
                }
            } else {
                _statehandler({
                    newstate: _api.jwgetstate()
                });
            }
            if (_showing) {
                _resettaptimer();
            }
        }

        function _resettaptimer() {
            cleartimeout(_controlstimeout);
            _controlstimeout = settimeout(_hidecontrols, _timeoutduration);
        }

        function _startfade() {
            cleartimeout(_controlstimeout);
            var state = _api.jwgetstate();

            // we need _instreammode because the state is idle during pre-rolls
            if (state === states.playing || state === states.paused || _instreammode) {
                _showcontrols();
                if (!_incb) {
                    _controlstimeout = settimeout(_hidecontrols, _timeoutduration);
                }
            }
        }

        // over controlbar don't fade
        function _cancelfade() {
            cleartimeout(_controlstimeout);
            _incb = true;
        }

        function _resumefade() {
            _incb = false;
        }

        function forward(evt) {
            _this.sendevent(evt.type, evt);
        }

        function _setupcontrols() {
            var cbsettings = _model.componentconfig('controlbar'),
                displaysettings = _model.componentconfig('display');

            _captions = new html5.captions(_api, _model.captions);
            _captions.addeventlistener(events.jwplayer_captions_list, forward);
            _captions.addeventlistener(events.jwplayer_captions_changed, forward);
            _captions.addeventlistener(events.jwplayer_captions_loaded, _captionsloadedhandler);
            _controlslayer.appendchild(_captions.element());

            _display = new html5.display(_api, displaysettings);
            _display.addeventlistener(events.jwplayer_display_click, function(evt) {
                forward(evt);
                _touchhandler();
            });

            _controlslayer.appendchild(_display.element());

            _logo = new html5.logo(_api, _logoconfig);
            //_controlslayer.appendchild(_logo.element());

            _dock = new html5.dock(_api, _model.componentconfig('dock'));
            _controlslayer.appendchild(_dock.element());

            if (_api.edition && !_ismobile) {
                _rightclickmenu = new html5.rightclick(_api, {
                    abouttext: _model.abouttext,
                    aboutlink: _model.aboutlink
                });
            } else if (!_ismobile) {
                _rightclickmenu = new html5.rightclick(_api, {});
            }

            if (_model.playlistsize && _model.playlistposition && _model.playlistposition !== jw_css_none) {
                _playlist = new html5.playlistcomponent(_api, {});
                _playlistlayer.appendchild(_playlist.element());
            }

            _controlbar = new html5.controlbar(_api, cbsettings);
            _controlbar.addeventlistener(events.jwplayer_user_action, _resettaptimer);

            _controlslayer.appendchild(_controlbar.element());

            if (_isipod) {
                _hidecontrolbar();
            }
            if (utils.cancast()) {
                _this.forcecontrols(true);
            }
            
            _playerelement.onmousedown = handlemousedown;
            _playerelement.onfocusin = handlefocus;
            _playerelement.addeventlistener('focus', handlefocus);
            _playerelement.onfocusout = handleblur;
            _playerelement.addeventlistener('blur', handleblur);
            _playerelement.addeventlistener('keydown', handlekeydown);
        }

        function _castadchanged(evt) {
            // end ad mode (ad provider removed)
            if (evt.done) {
                _castadsended();
                return;
            }

            if (!evt.complete) {
                // start ad mode
                if (!_controlbar.admode()) {
                    _castadsstarted();
                }

                _controlbar.settext(evt.message);

                // clickthrough callback
                var clickad = evt.onclick;
                if (clickad !== undefined) {
                    _display.setalternateclickhandler(function() {
                        clickad(evt);
                    });
                }
                //skipad callback
                var skipad = evt.onskipad;
                if (skipad !== undefined && _castdisplay) {
                    _castdisplay.setskipoffset(evt, evt.onskipad);
                }
            }

            // update skip button and companions
            if (_castdisplay) {
                _castdisplay.adchanged(evt);
            }

        }

        function _castadsstarted() {
            _controlbar.instreammode(true);
            _controlbar.admode(true);
            _controlbar.show(true);
        }

        function _castadsended() {
            // controlbar reset
            _controlbar.settext('');
            _controlbar.admode(false);
            _controlbar.instreammode(false);
            _controlbar.show(true);
            // cast display reset
            if (_castdisplay) {
                _castdisplay.adsended();
                _castdisplay.setstate(_api.jwgetstate());
            }
            // display click reset
            _display.revertalternateclickhandler();
        }

        /** 
         * switch fullscreen mode.
         **/
        var _fullscreen = this.fullscreen = function(state) {

            if (!utils.exists(state)) {
                state = !_model.fullscreen;
            }

            state = !!state;

            // if state is already correct, return
            if (state === _model.fullscreen) {
                return;
            }

            // if it supports dom fullscreen
            if (_elementsupportsfullscreen) {
                if (state) {
                    _requestfullscreen.apply(_playerelement);
                } else {
                    _exitfullscreen.apply(document);
                }
                _toggledomfullscreen(_playerelement, state);
            } else {
                if (utils.isie()) {
                    _toggledomfullscreen(_playerelement, state);
                } else {
                    // else use native fullscreen
                    if (_instreammodel) {
                       _instreammodel.getvideo().setfullscreen(state); 
                    }
                       _model.getvideo().setfullscreen(state);
                }
            }
        };


        function _redrawcomponent(comp) {
            if (comp) {
                comp.redraw();
            }
        }

        /**
         * resize the player
         */
        function _resize(width, height, resetaspectmode) {
            var classname = _playerelement.classname,
                playerstyle,
                playliststyle,
                containerstyle,
                playlistsize,
                playlistpos,
                id = _api.id + '_view';
            _css.block(id);

            // when jwresize is called remove aspectmode and force layout
            resetaspectmode = !!resetaspectmode;
            if (resetaspectmode) {
                classname = classname.replace(/\s*aspectmode/, '');
                if (_playerelement.classname !== classname) {
                    _playerelement.classname = classname;
                }
                _css.style(_playerelement, {
                    display: jw_css_block
                }, resetaspectmode);
            }

            if (utils.exists(width) && utils.exists(height)) {
                _model.width = width;
                _model.height = height;
            }

            playerstyle = {
                width: width
            };
            if (classname.indexof(aspect_mode) === -1) {
                playerstyle.height = height;
            }
            _css.style(_playerelement, playerstyle, true);

            if (_display) {
                _display.redraw();
            }
            if (_controlbar) {
                _controlbar.redraw(true);
            }
            if (_logo) {
                _logo.offset(_controlbar && _logo.position().indexof('bottom') >= 0 ?
                    _controlbar.height() + _controlbar.margin() : 0);
                settimeout(function() {
                    if (_dock) {
                        _dock.offset(_logo.position() === 'top-left' ?
                            _logo.element().clientwidth + _logo.margin() : 0);
                    }
                }, 500);
            }

            _checkaudiomode(height);

            playlistsize = _model.playlistsize;
            playlistpos = _model.playlistposition;
            if (_playlist && playlistsize && (playlistpos === 'right' || playlistpos === 'bottom')) {
                _playlist.redraw();

                playliststyle = {
                    display: jw_css_block
                };
                containerstyle = {};

                playliststyle[playlistpos] = 0;
                containerstyle[playlistpos] = playlistsize;

                if (playlistpos === 'right') {
                    playliststyle.width = playlistsize;
                } else {
                    playliststyle.height = playlistsize;
                }

                _css.style(_playlistlayer, playliststyle);
                _css.style(_container, containerstyle);
            }

            // pass width, height from jwresize if present 
            _resizemedia(width, height);

            _css.unblock(id);
        }

        function _checkaudiomode(height) {
            _audiomode = _isaudiomode(height);
            if (_controlbar) {
                if (_audiomode) {
                    _controlbar.audiomode(true);
                    _showcontrols();
                    _display.hidepreview(true);
                    _hidedisplay();
                    _showvideo(false);
                } else {
                    _controlbar.audiomode(false);
                    _updatestate(_api.jwgetstate());
                }
            }
            if (_logo && _audiomode) {
                _hidelogo();
            }
            _playerelement.style.backgroundcolor = _audiomode ? 'transparent' : '#000';
        }

        function _isaudiomode(height) {
            if (_model.aspectratio) {
                return false;
            }
            if (jwplayer._.isnumber(height)) {
                return _iscontrolbaronly(height);
            }
            if (jwplayer._.isstring(height) && height.indexof('%') > -1) {
                return false;
            }
            var bounds = _bounds(_playerelement);
            return _iscontrolbaronly(bounds.height);
        }

        function _iscontrolbaronly(verticalpixels) {
            if (!verticalpixels) {
                return false;
            }
            if (_model.playlistposition === 'bottom') {
                verticalpixels -= _model.playlistsize;
            }
            return verticalpixels <= 40;
        }

        function _resizemedia(width, height) {
            if (!width || isnan(number(width))) {
                if (!_videolayer) {
                    return;
                }
                width = _videolayer.clientwidth;
            }
            if (!height || isnan(number(height))) {
                if (!_videolayer) {
                    return;
                }
                height = _videolayer.clientheight;
            }
            //ie9 fake full screen fix
            if (utils.ismsie(9) && document.all && !window.atob) {
                width = height = '100%';
            }

            var transformscale = _model.getvideo().resize(width, height, _model.stretching);
            // poll resizing if video is transformed
            if (transformscale) {
                cleartimeout(_resizemediatimeout);
                _resizemediatimeout = settimeout(_resizemedia, 250);
            }
        }

        this.resize = function(width, height) {
            var resetaspectmode = true;
            _resize(width, height, resetaspectmode);
            _responsivelistener();
        };
        this.resizemedia = _resizemedia;

        var _completesetup = this.completesetup = function() {
            _css.style(_playerelement, {
                opacity: 1
            });
            window.addeventlistener('beforeunload', function() {
                if (!_iscasting()) { // don't call stop while casting
                    // prevent video error in display on window close
                    _api.jwstop();
                }
            });
        };

        /**
         * return whether or not we're in native fullscreen
         */
        function _isnativefullscreen() {
            if (_elementsupportsfullscreen) {
                var fselement = document.fullscreenelement ||
                    document.webkitcurrentfullscreenelement ||
                    document.mozfullscreenelement ||
                    document.msfullscreenelement;
                return !!(fselement && fselement.id === _api.id);
            }
            // if player element view fullscreen not available, return video fullscreen state
            return  _instreammode ? _instreammodel.getvideo().getfullscreen() :
                        _model.getvideo().getfullscreen();
        }


        function _fullscreenchangehandler(event) {
            var fullscreenstate = (event.jwstate !== undefined) ? event.jwstate : _isnativefullscreen();
            if (_elementsupportsfullscreen) {
                _toggledomfullscreen(_playerelement, fullscreenstate);
            } else {
                _togglefullscreen(fullscreenstate);
            }
        }

        function _toggledomfullscreen(playerelement, fullscreenstate) {
            utils.removeclass(playerelement, 'jwfullscreen');
            if (fullscreenstate) {
                utils.addclass(playerelement, 'jwfullscreen');
                _css.style(document.body, {
                    'overflow-y': jw_css_hidden
                });

                // on going fullscreen we want the control bar to fade after a few seconds
                _resettaptimer();
            } else {
                _css.style(document.body, {
                    'overflow-y': ''
                });
            }

            _redrawcomponent(_controlbar);
            _redrawcomponent(_display);
            _redrawcomponent(_dock);
            _resizemedia();

            _togglefullscreen(fullscreenstate);
        }

        function _togglefullscreen(fullscreenstate) {
            // update model
            _model.setfullscreen(fullscreenstate);
            if (_instreammodel) {
                _instreammodel.setfullscreen(fullscreenstate);
            }

            if (fullscreenstate) {
                // browsers seem to need an extra second to figure out how large they are in fullscreen...
                cleartimeout(_resizemediatimeout);
                _resizemediatimeout = settimeout(_resizemedia, 200);

            } else if (_isipad && _api.jwgetstate() === states.paused) {
                // delay refresh on ipad when exiting fullscreen
                // todo: cancel this if fullscreen or player state changes
                settimeout(_showdisplay, 500);
            }
        }

        function _showcontrolbar() {
            if (_controlbar && _model.controls) {
                if (_instreammode) {
                    _instreamcontrolbar.show();
                } else {
                    _controlbar.show();
                }
            }
        }

        function _hidecontrolbar() {
            if (_forcedcontrolsstate === true) {
                return;
            }

            // todo: use _forcedcontrolsstate for audio mode so that we don't need these
            if (_controlbar && !_audiomode && !_model.getvideo().isaudiofile()) {
                if (_instreammode) {
                    _instreamcontrolbar.hide();
                }

                _controlbar.hide();
            }
        }

        function _showdock() {
            if (_dock && !_audiomode && _model.controls) {
                _dock.show();
            }
        }

        function _hidedock() {
            if (_dock && !_replaystate && !_model.getvideo().isaudiofile()) {
                _dock.hide();
            }
        }

        function _showlogo() {
            if (_logo && !_audiomode) {
                _logo.show();
            }
        }

        function _hidelogo() {
            if (_logo && (!_model.getvideo().isaudiofile() || _audiomode)) {
                _logo.hide(_audiomode);
            }
        }

        function _showdisplay() {
            if (_display && _model.controls && !_audiomode) {
                if (!_isipod || _api.jwgetstate() === states.idle) {
                    _display.show();
                }
            }

            // debug this, find out why
            if (!(_ismobile && _model.fullscreen)) {
                _model.getvideo().setcontrols(false);
            }
        }

        function _hidedisplay() {
            if (_display) {
                _display.hide();
            }
        }

        function _hidecontrols() {
            cleartimeout(_controlstimeout);
            if (_forcedcontrolsstate === true) {
                return;
            }
            _showing = false;

            var state = _api.jwgetstate();

            if (!_model.controls || state !== states.paused) {
                _hidecontrolbar();
            }

            if (!_model.controls) {
                _hidedock();
            }

            if (state !== states.idle && state !== states.paused) {
                _hidedock();
                _hidelogo();
            }

            utils.addclass(_playerelement, 'jw-user-inactive');
        }

        function _showcontrols() {
            if (_forcedcontrolsstate === false) {
                return;
            }

            _showing = true;
            if (_model.controls || _audiomode) {
                _showcontrolbar();
                _showdock();
            }
            if (_logoconfig.hide) {
                _showlogo();
            }

            utils.removeclass(_playerelement, 'jw-user-inactive');
        }

        function _showvideo(state) {
            state = state && !_audiomode;
            _model.getvideo().setvisibility(state);
        }

        function _playlistcompletehandler() {
            _replaystate = true;
            _fullscreen(false);
            if (_model.controls) {
                _showdock();
            }
        }

        function _playlistitemhandler() {
            // update display title
            if (_castdisplay) {
                _castdisplay.setstate(_api.jwgetstate());
            }
        }

        /**
         * player state handler
         */
        var _statetimeout;

        function _statehandler(evt) {
            _replaystate = false;
            cleartimeout(_statetimeout);
            _statetimeout = settimeout(function() {
                _updatestate(evt.newstate);
            }, 100);
        }

        function _errorhandler() {
            _hidecontrolbar();
        }

        function _isaudiofile() {
            var model = _instreammode ? _instreammodel : _model;
            return model.getvideo().isaudiofile();
        }

        function _iscasting() {
            return _model.getvideo().iscaster;
        }

        function _updatestate(state) {
            _currentstate = state;
            // cast.display
            if (_iscasting()) {
                if (_display) {
                    _display.show();
                    _display.hidepreview(false);
                }
                // hide video without audio and android checks
                _css.style(_videolayer, {
                    visibility: 'visible',
                    opacity: 1
                });

                // force control bar without audio check
                if (_controlbar) {
                    _controlbar.show();
                    _controlbar.hidefullscreen(true);
                }
                return;
            }
            // player display
            switch (state) {
                case states.playing:
                    if (_model.getvideo().iscaster !== true) {
                        _forcedcontrolsstate = null;
                    } else {
                        _forcedcontrolsstate = true;
                    }
                    if (_isaudiofile()) {
                        _showvideo(false);
                        _display.hidepreview(_audiomode);
                        _display.sethiding(true);
                        if (_controlbar) {
                            _showcontrols();
                            _controlbar.hidefullscreen(true);
                        }
                        _showdock();
                    } else {
                        _showvideo(true);

                        _resizemedia();
                        _display.hidepreview(true);
                        if (_controlbar) {
                            _controlbar.hidefullscreen(!_model.getvideo().supportsfullscreen());
                        }
                    }
                    break;
                case states.idle:
                    _showvideo(false);
                    if (!_audiomode) {
                        _display.hidepreview(false);
                        _showdisplay();
                        _showdock();
                        if (_controlbar) {
                            _controlbar.hidefullscreen(false);
                        }
                    }
                    break;
                case states.buffering:
                    _showdisplay();
                    _hidecontrols();
                    if (_ismobile) {
                        _showvideo(true);
                    }
                    break;
                case states.paused:
                    _showdisplay();
                    _showcontrols();
                    break;
            }

            _showlogo();
        }

        function _internalselector(classname) {
            return '#' + _api.id + (classname ? ' .' + classname : '');
        }

        this.setupinstream = function(instreamcontainer, instreamcontrolbar, instreamdisplay, instreammodel) {
            _css.unblock();
            _setvisibility(_internalselector(view_instream_container_class), true);
            _setvisibility(_internalselector(view_controls_container_class), false);
            _instreamlayer.appendchild(instreamcontainer);
            _instreamcontrolbar = instreamcontrolbar;
            _instreamdisplay = instreamdisplay;
            _instreammodel = instreammodel;
            _statehandler({
                newstate: states.playing
            });
            _instreammode = true;
            _instreamlayer.addeventlistener('mousemove', _startfade);
            _instreamlayer.addeventlistener('mouseout', _mouseouthandler);
        };

        this.destroyinstream = function() {
            _css.unblock();
            _setvisibility(_internalselector(view_instream_container_class), false);
            _setvisibility(_internalselector(view_controls_container_class), true);
            _instreamlayer.innerhtml = '';
            _instreamlayer.removeeventlistener('mousemove', _startfade);
            _instreamlayer.removeeventlistener('mouseout', _mouseouthandler);
            _instreammode = false;
        };

        this.setuperror = function(message) {
            _errorstate = true;
            jwplayer.embed.errorscreen(_playerelement, message, _model);
            _completesetup();
        };

        function _setvisibility(selector, state) {
            _css(selector, {
                display: state ? jw_css_block : jw_css_none
            });
        }

        this.addbutton = function(icon, label, handler, id) {
            if (_dock) {
                _dock.addbutton(icon, label, handler, id);
                if (_api.jwgetstate() === states.idle) {
                    _showdock();
                }
            }
        };

        this.removebutton = function(id) {
            if (_dock) {
                _dock.removebutton(id);
            }
        };

        this.setcontrols = function(state) {

            var newstate = !!state;
            if (newstate === _model.controls) {
                return;
            }

            _model.controls = newstate;

            if (_instreammode) {
                _hideinstream(!state);
            } else {
                if (newstate) {
                    _statehandler({
                        newstate: _api.jwgetstate()
                    });
                }
            }

            if (!newstate) {
                _hidecontrols();
                _hidedisplay();
            }

            _this.sendevent(events.jwplayer_controls, {
                controls: newstate
            });
        };

        this.forcecontrols = function(state) {
            _forcedcontrolsstate = !!state;
            if (state) {
                _showcontrols();
            } else {
                _hidecontrols();
            }
        };

        this.releasecontrols = function() {
            _forcedcontrolsstate = null;
            _updatestate(_api.jwgetstate());
        };

        function _hideinstream(hidden) {
            if (hidden) {
                _instreamcontrolbar.hide();
                _instreamdisplay.hide();
            } else {
                _instreamcontrolbar.show();
                _instreamdisplay.show();
            }
        }

        this.addcues = function(cues) {
            if (_controlbar) {
                _controlbar.addcues(cues);
            }
        };

        this.forcestate = function(state) {
            _display.forcestate(state);
        };

        this.releasestate = function() {
            _display.releasestate(_api.jwgetstate());
        };

        this.getsaferegion = function(includecb) {
            var bounds = {
                x: 0,
                y: 0,
                width: 0,
                height: 0
            };
            
            includecb = includecb || !utils.exists(includecb);


            _controlbar.showtemp();
            _dock.showtemp();
            //_responsivelistener();
            var dispbounds = _bounds(_container),
                dispoffset = dispbounds.top,
                cbbounds = _instreammode ?
                _bounds(document.getelementbyid(_api.id + '_instream_controlbar')) :
                _bounds(_controlbar.element()),
                dockbuttons = _instreammode ? false : (_dock.numbuttons() > 0),
                logotop = (_logo.position().indexof('top') === 0),
                dockbounds,
                logobounds = _bounds(_logo.element());
            if (dockbuttons && _model.controls) {
                dockbounds = _bounds(_dock.element());
                bounds.y = math.max(0, dockbounds.bottom - dispoffset);
            }
            if (logotop) {
                bounds.y = math.max(bounds.y, logobounds.bottom - dispoffset);
            }
            bounds.width = dispbounds.width;
            if (cbbounds.height && includecb && _model.controls) {
                bounds.height = (logotop ? cbbounds.top : logobounds.top) - dispoffset - bounds.y;
            } else {
                bounds.height = dispbounds.height - bounds.y;
            }
            _controlbar.hidetemp();
            _dock.hidetemp();
            return bounds;
        };

        this.destroy = function() {
            window.removeeventlistener('resize', _responsivelistener);
            window.removeeventlistener('orientationchange', _responsivelistener);
            for (var i = document_fullscreen_events.length; i--;) {
                document.removeeventlistener(document_fullscreen_events[i], _fullscreenchangehandler, false);
            }
            _model.removeeventlistener('fullscreenchange', _fullscreenchangehandler);
            _playerelement.removeeventlistener('keydown', handlekeydown, false);
            if (_rightclickmenu) {
                _rightclickmenu.destroy();
            }
            if (_castdisplay) {
                _api.jwremoveeventlistener(events.jwplayer_player_state, _castdisplay.statusdelegate);
                _castdisplay.destroy();
                _castdisplay = null;
            }
            if (_controlslayer) {
                _controlslayer.removeeventlistener('mousemove', _startfade);
                _controlslayer.removeeventlistener('mouseout', _mouseouthandler);
            }
            if (_videolayer) {
                _videolayer.removeeventlistener('mousemove', _startfade);
                _videolayer.removeeventlistener('click', _display.clickhandler);
            }
            if (_instreammode) {
                this.destroyinstream();
            }
        };

        _init();
    };

    // container styles
    _css('.' + player_class, {
        position: 'relative',
        // overflow: 'hidden',
        display: 'block',
        opacity: 0,
        'min-height': 0,
        '-webkit-transition': jw_css_smooth_ease,
        '-moz-transition': jw_css_smooth_ease,
        '-o-transition': jw_css_smooth_ease
    });

    _css('.' + view_main_container_class, {
        position: jw_css_absolute,
        left: 0,
        right: 0,
        top: 0,
        bottom: 0,
        '-webkit-transition': jw_css_smooth_ease,
        '-moz-transition': jw_css_smooth_ease,
        '-o-transition': jw_css_smooth_ease
    });

    _css('.' + view_video_container_class + ', .' + view_controls_container_class, {
        position: jw_css_absolute,
        height: jw_css_100pct,
        width: jw_css_100pct,
        '-webkit-transition': jw_css_smooth_ease,
        '-moz-transition': jw_css_smooth_ease,
        '-o-transition': jw_css_smooth_ease
    });

    _css('.' + view_video_container_class, {
        overflow: jw_css_hidden,
        visibility: jw_css_hidden,
        opacity: 0
    });

    _css('.' + view_video_container_class + ' video', {
        background: 'transparent',
        height: jw_css_100pct,
        width: jw_css_100pct,
        position: 'absolute',
        margin: 'auto',
        right: 0,
        left: 0,
        top: 0,
        bottom: 0
    });

    _css('.' + view_playlist_container_class, {
        position: jw_css_absolute,
        height: jw_css_100pct,
        width: jw_css_100pct,
        display: jw_css_none
    });

    _css('.' + view_instream_container_class, {
        position: jw_css_absolute,
        top: 0,
        left: 0,
        bottom: 0,
        right: 0,
        display: 'none'
    });


    _css('.' + view_aspect_container_class, {
        display: 'none'
    });

    _css('.' + player_class + '.' + aspect_mode, {
        height: 'auto'
    });

    // fullscreen styles

    _css(fullscreen_selector, {
        width: jw_css_100pct,
        height: jw_css_100pct,
        left: 0,
        right: 0,
        top: 0,
        bottom: 0,
        'z-index': 1000,
        margin: 0,
        position: 'fixed'
    }, true);

    // hide cursor in fullscreen
    _css(fullscreen_selector + '.jw-user-inactive', {
        'cursor': 'none',
        '-webkit-cursor-visibility': 'auto-hide'
    });

    _css(fullscreen_selector + ' .' + view_main_container_class, {
        left: 0,
        right: 0,
        top: 0,
        bottom: 0
    }, true);

    _css(fullscreen_selector + ' .' + view_playlist_container_class, {
        display: jw_css_none
    }, true);

    _css('.' + player_class + ' .jwuniform', {
        'background-size': 'contain' + jw_css_important
    });

    _css('.' + player_class + ' .jwfill', {
        'background-size': 'cover' + jw_css_important,
        'background-position': 'center'
    });

    _css('.' + player_class + ' .jwexactfit', {
        'background-size': jw_css_100pct + ' ' + jw_css_100pct + jw_css_important
    });
})(window);