☰

SmartChute

BitChute.com Enhancer. Adds missing features. Makes you feel warm.

安裝腳本?
作者推薦腳本

您可能也會喜歡 SeenChute

安裝腳本 
  1. // ==UserScript==
  2. // @name            SmartChute
  3. // @version         20.8.28
  4. // @description     BitChute.com Enhancer. Adds missing features. Makes you feel warm.
  5. // @license         MIT
  6. // @author          S-Marty
  7. // @compatible      firefox
  8. // @compatible      chrome
  9. // @compatible      opera
  10. // @namespace       https://github.com/s-marty/SmartChute
  11. // @homepageURL     https://github.com/s-marty/SmartChute
  12. // @supportURL      https://github.com/s-marty/SmartChute/wiki
  13. // @icon            https://raw.githubusercontent.com/s-marty/SmartChute/master/images/smartChute2.png
  14. // @contributionURL https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=QHFFSLZ7ENUQN&source=url
  15. // @include         /^https?://www\.bitchute\.com.*$/
  16. // @grant           GM.getValue
  17. // @grant           GM.setValue
  18. // @grant           GM.info
  19. // @grant           GM.xmlHttpRequest
  20. // @run-at          document-end
  21. // @noframes
  22. // ==/UserScript==
  23.  
  24. // @compatible  Firefox 16+, Chrome 36+, Opera 15+, Brave 1.0.1+, Vivaldi 2.2+
  25. // @compatible  TamperMonkey 4.10+, ViolentMonkey 2.12+, Greasemonkey 4.7+
  26.  
  27. /* greasyfork.org jshint syntax checking hacks */
  28. /* jshint asi: true */
  29. /* jshint boss: true */
  30. /* jshint esversion: 6 */
  31. /* jshint loopfunc: true */
  32. /* jshint multistr: true */
  33.  
  34. /** **********************   Features   **********************
  35. *** Accelerated Bit Chute user experience ahead
  36. *** Floating mini video player is visible when scrolling
  37. *** Floating mini video player position is draggable
  38. *** Floating mini video player size is mouse resizeable
  39. *** Downloader for your favorite videos and posters.
  40. *** Up to 25 playlist choices in sidebar when viewing playlists.
  41. *** Blacklist annoying channels with one click if enabled
  42. *** De-blacklist channels with two clicks using Smarty menu
  43. *** Double-click the Smarty menu button for additional options.
  44. *** Unfix top header to show only while up-scrolling
  45. *** Hide the upper channel carousel using Smarty menu
  46. *** Hide unsafe ads to avoid viruses or other malware
  47. *** Hide or unhide comments section - make up your own mind  or not
  48. *** Scrolls down to video player automatically if header is unfixed
  49. *** Seek by single frame using <> (,.) keys while video is paused.
  50. *** Mouse-over the progress bar for frame preview. (not for slow conn.)
  51. ***   *Requires ~8mB additional bandwidth for a 640x360 video.
  52. *** Volume indicator visible when using ↑↓ keys.
  53. *** Full screen forward/back navigation, autoplay or not.
  54. *** Take and edit a downloadable screenshot of the current video frame.
  55. *** Autoplay videos or not is now selectable
  56. *** Video volume is persisted - No More 100% volume on the first play
  57. *** Theme night/day is persisted when clicking the sun/moon icon
  58. *** Three additional night themes for your tired eyes
  59. *** Play Next persists when clicking the "PLAYING NEXT" button
  60. *** Persistence lasts across browser instantiations too
  61. *** Top ten most viewed channel video playlist on video page option
  62. *** Channel owner-created playlists displayed on video page option
  63. *** 32 More video choices on Video watch page vs. 6
  64. *** Unlimited video choices using "SHOW MORE" button, vs. 6
  65. *** OpenSearch browser search to search from address or search bar
  66. *** Rss channel feed subscribe link (Browser extension now needed)
  67. ***   All browsers have now dropped live bookmarks/rss feeds
  68. ***   The rss url format is:
  69. ***   https://www.bitchute.com/feeds/rss/channel/[CHANNEL_NAME]/
  70. ***          Smarty menu always available
  71.  
  72. ***  ***  Does not & will not work well with IE and IEdge  ***/
  73.  
  74. /* Editable options */
  75. const BC_Debug = false;
  76. /* End Editable options */
  77.  
  78.  
  79. (function() {
  80.     "use strict";
  81.  
  82. const w = window;
  83. const d = document;
  84. const name = "SmartChute";
  85. const scriptHandler = GM.info.scriptHandler;
  86. const isChrome = navigator.userAgent.indexOf('Chrome') !=-1;
  87. const BC = {
  88.  
  89.     miniPlayerX: 0,
  90.     miniPlayerY: 0,
  91.     miniPlayerW: 0,
  92.     miniPlayerH: 0,
  93.     startButton: 0,
  94.     isFullScreen: false,
  95.     listingsAllHeight: 0,
  96.     listingsPopHeight: 0,
  97.     miniSiz: {h: 0, hd: 0},
  98.     miniPos: {x:0,y:0,xd:0,yd:0},
  99.     origVid: {w:698,h:393,r:1.778},
  100.     miniplayer: { x:0,y:0,w:350,h:197 },
  101.  
  102.  
  103.     chuteMePlease: (e) => {
  104.  
  105.         BC.url          = w.location.href;
  106.         BC.host         = w.location.hostname;
  107.         BC.path         = w.location.pathname;
  108.         BC.searchpage   = BC.url.indexOf('/search') !=-1;
  109.         BC.watchpage    = BC.path.indexOf('/video') !=-1;
  110.         BC.profilepage  = BC.path.indexOf('/profile/') !=-1;
  111.         BC.channelpage  = BC.path.indexOf('/channel/') !=-1;
  112.         BC.categorypage = BC.path.indexOf('/category/') !=-1;
  113.         BC.playlistpage = BC.path.indexOf('/playlist/') !=-1;
  114.         BC.homepage     = BC.url.match(/^https?:\/\/www\.bitchute\.com\/?$/);
  115.         if (BC.watchpage && BC.url.indexOf('list=') !=-1) BC.playlist = BC.url;
  116.         else if (BC.watchpage && qs(".sidebar-next a") && qs(".sidebar-next a").href.indexOf('list=') !=-1) BC.playlist = qs(".sidebar-next a").href;
  117.         else BC.playlist = null;
  118.  
  119.         if (!BC.loaded) {
  120.             if (!BC.loader) {
  121.                 if (BC.loader = qs("title")) {
  122.                     addListener(BC.loader, (e) => {
  123.                         if (isChrome && BC.settings.hidemenubar) {
  124.                             if (! document.activeElement.href) {w.scrollTo(0, 0)}
  125.                         }
  126.                         BC.chuteMePlease(e);
  127.                     },{ childList: true });
  128.                 }
  129.                 qs("#loader-container").addEventListener('dblclick', (e) => {
  130.                     e.stopPropagation();
  131.                     w.stop();
  132.                     e.target.style.display = "none";
  133.                 }, false);
  134.             }
  135.             if (! (BC.homepage || BC.watchpage || BC.channelpage || BC.categorypage || BC.profilepage || BC.searchpage || BC.playlistpage)) return;
  136.             if (!BC.themes) {
  137.                 setTimeout(BC.addThemeListeners, 2000);
  138.                 if (isChrome && BC.settings.hidemenubar) {
  139.                     w.addEventListener('beforeunload', function(e){
  140.                       if (!document.activeElement.href){w.scrollTo(0, 0)}
  141.                     }, false);
  142.                 }
  143.                 BC.setTheme();
  144.                 BC.setPreferencesCookie("autoplay", BC.settings.playnext);
  145.                 BC.themes = true;
  146.             }
  147.             if (BC.searchpage || BC.profilepage || BC.playlistpage) return;
  148.             let style = dce("style");
  149.             style.type = "text/css";
  150.             style.innerText = `
  151.                 .nav-tabs-list {min-width: 500px !important; width: 100%;} .sidebar-recent .video-card.active {box-shadow: 0 0 1em 0.2em #f37835; border-radius:5px;} .playlist-card.active {border-top: 1px solid #f37835bb; box-shadow: 0 2px 1em 0.2em #f37835; border-radius:5px;}
  152.                 svg.smarty-donate {float:right;cursor: pointer; color:#209227;display: block;}  svg.smarty-donate:hover {-webkit-transform:rotate(14deg) scale(1.2);-khtml-transform:rotate(14deg) scale(1.2);transform:rotate(14deg) scale(1.2);color:#30a247;}
  153.                 #loader-container {opacity: 0.5;} span.add-to-blacklist { position: absolute; top: 4px; left: 4px; z-index: 50; width:30px; height:30px; } a.side-toggle {cursor: pointer; }
  154.                 svg.smarty-donate {-webkit-transition: transform 0.25s ease-in, color 0.25s; -moz-transition: transform 0.25s ease-in, color 0.25s; -khtml-transition: transform 0.25s ease-in, color 0.25s; transition: transform 0.25s ease-in, color 0.25s;}
  155.                 span.blacklist-tooltip { position: absolute; font-size: 14px;padding: 0 4px; height: 22px; left: 2px; top: 38px; line-height: 1.6; background-color: #000 ;display:none;} #smarty_tab label:hover, #smarty_tab #blacklistedchannels span:hover {color:#ef4136;}
  156.                 #smarty_tab #smartymm > div, #smarty_tab #blacklistedchannels, #smarty_tab #smartyam {padding: 8px; border: 1px solid #333; border-radius:3px;} #smarty_tab #blacklistedchannels span{width: 137px; max-height: 16px;cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}
  157.                 span.add-to-blacklist svg {cursor: pointer;} html.noblacklist span.add-to-blacklist {display:none;} #channel-list div.item div.channel-card:hover .add-to-blacklist {opacity: 1;} .video-views, .video-duration {color: #272727; opacity: 0.8;}
  158.                 span.add-to-blacklist:hover span.blacklist-tooltip { color:#fff; display:inline; } #carousel {${BC.settings.hidecarousel ? "display:none" : "width: 100%; min-height: 210px"};} .plyr__tooltip {color: #000;}
  159.                 #carousel .hidden-md > div .channel-card:hover .action-button {opacity:1;} .channel-banner .name a.userisblacklisted {text-decoration: line-through red;} .night .video-views, .night .video-duration {color: #dbdbdb;} html.night .jquery-comments .textarea-wrapper .textarea {background-color: #000 !important;}
  160.                 .night .jquery-comments ul.main li.comment .comment-wrapper {border-top-color: #dddddd33 !important;}, .channel-banner .name .add-to-blacklist {position: relative;left: 10px;} .channel-banner .name:hover .add-to-blacklist {opacity: 1;}
  161.                 .smartybox { position: relative; display: block; width: 100%; } .smartybox:nth-child(2) {  width: 132px; } .smartybox input[type="checkbox"], .smartybox input[type="radio"] { width: auto; opacity: 0.00000001; position: absolute; left: 0; margin-left: -20px; }
  162.                 .cbhelper, .radiohelper { top: -4px; left: -8px; display: block; cursor: pointer; position: absolute; user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;} .cbhelper:before, .radiohelper:before { content: ''; position: absolute; left: 0; top: 0;
  163.                   margin: 6px; width: 18px; height: 18px; transition: transform 0.28s ease; border-radius: 5px; border: 1px solid #4d4b4e; }
  164.                 .radiohelper:before { border-radius: 9px; } .radiohelper.r1:before { left: 48px; } .radiohelper.r2:before { left: 88px; } .radiohelper.r3:before { left: 128px; } .cbhelper:after, .radiohelper:after { content: ''; display: block; width: 10px; height: 5px;
  165.                   border-bottom: 2px solid #7bbe72; border-left: 2px solid #7bbe72; -webkit-transform: rotate(-45deg) scale(0); -moz-transform: rotate(-45deg) scale(0); -khtml-transform: rotate(-45deg) scale(0); transform: rotate(-45deg) scale(0); position: absolute; top: 12px; left: 10px; }
  166.                 .radiohelper.r1:after { left: 58px; } .radiohelper.r2:after { left: 98px; } .radiohelper.r3:after { left: 138px; } .smartybox input[type="checkbox"]:checked ~ .cbhelper::before, .smartybox input[type="radio"]:checked ~ .radiohelper::before { color: #7bbe72;
  167.                   background: linear-gradient(to bottom, #d5d1d833 0%, #93919566 100%)}
  168.                 .smartybox input[type="checkbox"]:checked ~ .cbhelper::after, .smartybox input[type="radio"]:checked ~ .radiohelper::after { -webkit-transform: rotate(-45deg) scale(1); -moz-transform: rotate(-45deg) scale(1); -khtml-transform: rotate(-45deg) scale(1); transform:rotate(-45deg) scale(1); }
  169.                 .smartybox label { cursor: pointer; padding-left: 25px; white-space: nowrap;} .smartybox.radios label { padding-left: 0px; } .smartybox.radios label.r1 { margin-left: 14px; color:#f0af5a !important; } .smartybox.radios label.r2 { margin-left: 18px; color: #559bcc !important; }
  170.                 .smartybox.radios label.r3 { margin-left: 18px; color:#55a47c !important; } .smartybox input[type="checkbox"]:focus + label::before, .smartybox input[type="radio"]:focus + label::before { outline: rgb(59, 153, 252) auto 5px; }
  171.                 .sidebar-recent .playlist_sidebar {margin-bottom: 14px;-webkit-transition: all 1s cubic-bezier(1, 1, 0.5, 1); -moz-transition: all 1s cubic-bezier(1, 1, 0.5, 1); transition: all 1s cubic-bezier(1, 1, 0.5, 1);}
  172.                 .sidebar-recent .playlist_sidebar.slidein {overflow: hidden; max-height: 0px !important; } .sidebar-heading.playlists {position: relative; cursor: pointer; user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;}
  173.                 .sidebar-heading.playlists:after {content: ''; display: block; position: absolute; right: 6px; bottom: 15px; width: 0; height: 0; border-bottom-width: 10px; border-bottom-style: solid; border-top: 10px solid transparent; border-left: 10px solid transparent; border-right: 10px solid transparent; }
  174. 	            .sidebar-heading.playlists:after {border-bottom-color: white;} .sidebar-heading.playlists:hover:after {border-bottom-color: lightgray;} .sidebar-heading.playlists:after {-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
  175.                 .sidebar-heading.playlists.slidein:after {content: ''; display: block; position: absolute; right: 6px; bottom: 5px; width: 0; height: 0; border-top-width: 10px; border-top-style: solid; border-bottom: 10px solid transparent; border-left: 10px solid transparent; border-right: 10px solid transparent; }
  176. 	            .sidebar-heading.playlists.slidein:after {border-top-color: white;} .sidebar-heading.playlists.slidein:hover:after {border-top-color: lightgray;} .plyr.plyr--hide-controls {cursor:none}
  177. 	            #volumometer {position: absolute;right: 40px;width: 20px;height: calc(100% - 120px);bottom: 40px;border: 2px solid #aaa;border-right-color: #888;display: flex;background: linear-gradient(to right, #000 0%, #111 60%, #111 60%, #333 100%);opacity: 0;transition: opacity 2s;}
  178. 	            #volumometer.change {opacity: 0.8;transition: 0.1s;} #volumometer .vol {bottom: 0px;width: 100%;height: 0px;position: absolute;transition: height 0.1s ease-in 0s;box-shadow: 2px 0px 2px #555;background: linear-gradient(to right, #cdcdcd 0%, #fff 50%, #fff 50%, #888 100%);}
  179.                 #volumometer .percent {position: absolute;right: -30px;width: 80px;height: 80px;top: -60px;text-align: center;color: #333333dd;font-weight: bold;font-size: 2em;text-shadow: 1px 1px #dddddd;pointer-events: none;}
  180.                 #volumometer .percent::after {content: "";display: block;position: absolute;width: 100%;height: 100%;bottom: 15px;left: 0;pointer-events: none;background-image: radial-gradient(circle, #555 10%, #cacaca 20%, transparent 10.01%);background-position: 50%;transform: scale(0, 0);opacity: 0;transition: 0s;}
  181.                 #volumometer.change .percent:after {transform: scale(6, 4);opacity: .2;transition: transform .5s, opacity .35s;}
  182.                 .plyr #autoplay-details {z-index:22; color:#ee3333 !important;} .plyr.plyr--paused button.plyr__control--overlaid.plyr__control--pressed[aria-label="Play"] {opacity:0;visibility:hidden;}
  183.                 #autoplay-next {position:absolute;width: 800px;top: 50%;left: 50%;margin: -100px 0 0 -400px;z-index: 1;} #autoplay-next .video-card-image {width: 240px; height: 135px;opacity: .9;} #autoplay-next .video-card-image .img-responsive:first-child {opacity: .9; border-radius: 10px;}
  184.                 #autoplay-next .video-card-text {max-height:88px;} #autoplay-next .video-card-title {font-size: 12px;height: 45px;max-height: 45px;overflow: hidden;} #autoplay-next .video-card-published {font-size: 12px;margin: 2px 0;}
  185.                 #autoplay-next .video-card {position:absolute;width: 240px;border-radius: 10px;opacity:.9;background:#211f22;box-shadow: 1em 1em 1em 0.7em #000000a0, -0.05em -0.05em 0.1em 0.1em white;}
  186.                 .autoplay-prev {left:0px;} .autoplay-prev img.play-overlay {width: 64px !important;height: 64px !important;transform: scaleX(-0.7) !important;} .autoplay-prev:hover img.play-overlay {transform: scaleX(-1) !important;}
  187.                 .autoplay-next {right:0px;} .autoplay-next img.play-overlay {width: 64px !important;height: 64px !important;transform: scaleX(0.7) !important;} .autoplay-next:hover img.play-overlay {transform: scaleX(1) !important;}
  188.                 #bcframes {opacity: 0; height: 90px; position: absolute; border-radius: 3px; border: 1px solid #555; background-color: #222222aa; overflow: hidden; transform: translate(50%,10px) scale(0); transform-origin: -50% 100%; transition: transform .2s .1s ease,opacity .2s .1s ease; z-index: 130;}
  189.                 #bcframes.visible {opacity: 1; transform: translate(0,0) scale(1); transform-origin: 50% 100%; transition: transform .2s .1s ease,opacity .2s .1s ease;}
  190.                 #screenshot {transition: opacity .5s; background: #222222b3; text-align: center; position: fixed; overflow: hidden; z-index: 2000; opacity: 1; bottom: 0; right: 0; left: 0; top: 0;}
  191.                 #screenshot canvas {top: 50%; z-index: 2001; max-width: 80%; max-height: 80%; position: relative; transform: translateY(-50%); box-shadow: 1em 1em 1em 0.7em #000000a0, -0.01em -0.01em 0.03em 0.03em #aaa;} #screenshot .action {left: calc(50% - 114px); position: absolute;
  192.                   width: 228px; height: 74px; top: 70%; border-radius: 7px; background: linear-gradient(to top, #ffffff88 10%, #22222288 60%); border-color: #222 #555 #555 #222; border-width: 1px; border-style: solid; border-bottom-right-radius: 39px; border-bottom-left-radius: 39px;}
  193.                 #screenshot .cancel, #screenshot .save, #screenshot .edit {width: 100px; height: 28px; display: inline-block; background: linear-gradient(to bottom, #333 0%, #000 100%); border: 1px solid #555; border-radius: 5px; text-align: center; line-height: 1.8em; margin: 6px; cursor: pointer;
  194.                   box-shadow: 0.5em 0.5em 1em 0.1em #00000070, -0.02em -0.02em 0.03em 0.03em #aaaaaaaa;} #screenshot .save a {width: 100%; height: 100%; display: block;} a#takeScreenShot.disabled {pointer-events: none; opacity: 0.3; cursor: default;} #screenshot .cancel:hover, #screenshot .save a:hover {color:#d01105;}
  195.                 #screenshot .edit {width: 28px; font-weight: bold; font-size: 18px; line-height: 1.5em; margin: 2px 4px;} #screenshot .action .edit.two {opacity:0; position: absolute; top: 4px;}
  196.                 #screenshot #editInfo {z-index: 2005; cursor: default; font-size: 22px; padding-left: 1px; line-height: 1.1em; position: absolute; border-radius: 14px; margin: 24px 0 0 28px; user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; box-shadow: 1em 1em 1em 0.1em #00000090;}
  197.                 #screenshot #editInfo:hover:after {top: 100%; z-index: 2011; width: 200px; font-size: 14px; margin-top: 10px;
  198.                   padding: 4px 6px; color: #ffffffdd; position: absolute; border-radius: 4px; content: attr(data); background: linear-gradient(to top, #22222288 10%, #00000088 60%); transform: translateX(-90%); border: 2px solid #555555aa; box-shadow: 0.5em 0.5em 1em 0.2em #000000a0;}
  199.                 #screenshot .action {opacity: 1; z-index: 2010; cursor: move; -webkit-transition: height .5s, opacity .5s; -moz-transition: height .5s, opacity .5s; transition: height .5s, opacity .5s;}
  200.                 #screenshot .action .cancel, #screenshot .action .save, #screenshot .action .edit {visibility: visible; -webkit-transition: visibility 0s, opacity 0.5s linear; -moz-transition: visibility 0s, opacity 0.5s linear; transition: visibility 0s, opacity 0.5s linear;
  201.                   user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;} #screenshot .action.gone {height:40px !important;}
  202.                 #screenshot .action .cancel.gone, #screenshot .action .save.gone {opacity: 0; visibility: hidden; transition: visibility 0s 0.5s, opacity 0.5s linear}
  203.                 #screenshot .action .edit.one.gone {opacity:0 !important; visibility: hidden; width:0px !important; transition: visibility 0s 0.5s, opacity 0.5s linear}
  204.                 #screenshot .action .edit.two {opacity:1;}
  205.                 #screenshot .action .edit.disabled, #screenshot .action input#zoomfactor[disabled] {pointer-events: none; opacity: 0.5; cursor: default;}
  206.                 #screenshot .action .edit.two.gone {opacity:0 !important; visibility: hidden; transition: visibility 0s 0.5s, opacity 0.5s linear}
  207.                 #screenshot .action input#zoomfactor {width:75px; margin-left: -8px;} #screenshot .action input#zoomfactor.gone {display: none}
  208.                 .drag_resize {z-index: 2003; display: none; position: absolute;} .drag_resize.active {display: block;}
  209.                 .drag_resize_overlay, .drag_resize_overlay tbody {width: 100%; height: 100%; z-index: 2004; user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;}
  210.                 .drag_resize_overlay td {border-width: 0px;} .drag_resize_overlay td.corner {width: 21px; height: 21px;${(isChrome) ? ' display: -webkit-box;' : ''}}
  211.                 .drag_resize_overlay td.corner.tl {cursor: nwse-resize; border-left: 1px solid #eeeeeeaa; border-top: 1px solid #eeeeeeaa;} .drag_resize_overlay td.corner.tr {cursor: nesw-resize; border-top: 1px solid #eeeeeeaa; border-right: 1px solid #eeeeeeaa;}
  212.                 .drag_resize_overlay td.corner.br {cursor: nwse-resize; border-right: 1px solid #eeeeeeaa; border-bottom: 1px solid #eeeeeeaa;} .drag_resize_overlay td.corner.bl {cursor: nesw-resize; border-bottom: 1px solid #eeeeeeaa; border-left: 1px solid #eeeeeeaa;}
  213.                 .drag_resize_overlay td.cropper.ct {height: 21px; cursor: ns-resize; border-left: 1px solid #eeeeeeaa; border-top: 1px solid #eeeeeeaa; border-right: 1px solid #eeeeeeaa; color: #fff; font-size: 14px; overflow: hidden; text-align: center;}
  214.                 .drag_resize_overlay td.cropper.cr {width: 21px; cursor: ew-resize; border-top: 1px solid #eeeeeeaa; border-right: 1px solid #eeeeeeaa; border-bottom: 1px solid #eeeeeeaa;}
  215.                 .drag_resize_overlay td.cropper.cb {height: 21px; cursor: ns-resize; border-right: 1px solid #eeeeeeaa; border-bottom: 1px solid #eeeeeeaa; border-left: 1px solid #eeeeeeaa; color: #fff; font-size: 14px; overflow: hidden; text-align: left; padding-left: 15px;}
  216.                 .drag_resize_overlay td.cropper.cl {width: 21px; cursor: ew-resize; border-bottom: 1px solid #eeeeeeaa; border-left: 1px solid #eeeeeeaa; border-top: 1px solid #eeeeeeaa;}
  217.                 .drag_resize_overlay td.corner:hover, .drag_resize_overlay td.cropper:hover {background-color:#ffffff1a;} .drag_resize_overlay td.dragger {cursor: move; overflow: visible; display: inline-flex; scrollbar-width: none;
  218.                 background-image: linear-gradient(90deg, #eeeeeeaa 50%, #11111199 50%), linear-gradient(90deg, #eeeeeeaa 50%, #11111199 50%), linear-gradient(0deg, #eeeeeeaa 50%, #11111199 50%), linear-gradient(0deg, #eeeeeeaa 50%, #11111199 50%);
  219.                 background-repeat: repeat-x, repeat-x, repeat-y, repeat-y; background-size: 15px 1px, 15px 1px, 1px 15px, 1px 15px; background-position: left top, right bottom, left bottom, right top; animation: borderline 1s infinite linear;}
  220.                 @keyframes borderline {0% {background-position: left top, right bottom, left bottom, right top;} 100% {background-position: left 15px top, right 15px bottom, left bottom 15px, right top 15px;}} .drag_resize_overlay td.dragger::-webkit-scrollbar {display: none;}
  221.                 input#zoomfactor[type=range] {-webkit-appearance: none; margin-left: 100px; width: 100px;} input#zoomfactor[type=range][disabled] {opacity: .2; cursor: default;} input#zoomfactor[type=range]:focus {outline: none;}
  222.                 input#zoomfactor[type=range]::-webkit-slider-runnable-track {width: 100%; height: 6px; cursor: pointer; animate: 0.2s; box-shadow: 1px 1px 1px #000000; background: #aaaaaa77; border-radius: 5px; border: 1px solid #000000;}
  223.                 input#zoomfactor[type=range]::-webkit-slider-thumb {box-shadow: 1px 1px 1px #000000; border: 1px solid #000000; height: 16px; width: 10px; border-radius: 5px; background: currentColor; cursor: pointer; -webkit-appearance: none; margin-top: -6px;}
  224.                 input#zoomfactor[type=range]:focus::-webkit-slider-runnable-track {background: #3071A9;} input#zoomfactor[type=range]::-moz-range-track {width: 100%; height: 6px; cursor: pointer; animate: 0.2s; box-shadow: 1px 1px 1px #000000; background: #aaaaaa77; border-radius: 5px; border: 1px solid #000000;}
  225.                 input#zoomfactor[type=range]::-moz-range-thumb {box-shadow: 1px 1px 1px #000000; border: 1px solid #000000; height: 16px; width: 10px; border-radius: 5px; background: currentColor; cursor: pointer;}
  226.                 #screenshot #shader {opacity: .6; z-index: 2002; position: absolute; transition: opacity .5s; background-position: left top, right bottom, left bottom, right top;
  227.                   background-repeat: repeat-x, repeat-x, repeat-y, repeat-y; background-image: linear-gradient(#000, #000), linear-gradient(#000, #000), linear-gradient(#000, #000), linear-gradient(#000, #000);} #screenshot #shader.transparent, #screenshot .action.transparent {opacity: 0 !important;}`;
  228.             if (BC.settings.hidemenubar) {
  229.                 style.innerText += `
  230.                     #nav-top-menu {position: static; width: 100%; height: 60px;} #nav-menu-buffer {height: 0px; padding-top: 0px !important;}
  231.                     html.topNavfloat #nav-top-menu, html.tabNavfloat .tab-scroll-outer {-webkit-transition: top 0.5s ease-in-out; -moz-transition: top 0.5s ease-in-out; -khtml-transition: top 0.5s ease-in-out; transition: top 0.5s ease-in-out;}
  232.                     html.topNavfloat #nav-top-menu {position: fixed;} html.tabNavfloat .tab-scroll-outer {position: fixed; width: 100%; z-index:989; background: #fff;}
  233.                     html.tabNavfloat.night .tab-scroll-outer {background: #211f22;}
  234.                     html.topNavfloat #nav-menu {padding-top: 60px;} html.tabNavfloat #page-detail .tab-content {margin-top: 50px;} html.tabNavfloat #page-detail #listing-trending {margin-top: -50px;} html.tabNavfloat #nav-side-menu {z-index:999;}`;
  235.             }
  236.             if (BC.settings.playlists || BC.settings.mvplaylist) {
  237.                 style.innerText += `
  238.                     .mvplaylist.row, .playlist.row {width: 723px;margin-top:20px;margin-bottom:20px;} .plslider, .mvslider {width:100%;max-width: 878px; padding-left:35px;margin: auto 0px; overflow:hidden;display: inline;}
  239.                     .mvplaylist .playlist-title, .playlist .playlist-title {display:inline-block; width: auto !important; margin: 20px 37px 10px;} #comment-frm-container {margin-top: 20px !important;}
  240.                     .mvplaylist .playlistbt, .playlist .playlistbt {width: 30px; height: 195px; padding-top: 85px; background-color: #f3f3f3; position: absolute; z-index: 78; } .night .mvplaylist .playlistbt, .night .playlist .playlistbt {background-color: #211f22;}
  241.                     .plslider, .mvslider {-webkit-transition: margin-left 0.25s ease-in-out; -moz-transition: margin-left 0.25s ease-in-out; -khtml-transition: margin-left 0.25s ease-in-out; transition: margin-left 0.25s ease-in-out;}
  242.                     .playlistup {margin-left:693px; background: linear-gradient(to right, #BBB 0%,#DDD 100%); border-bottom-right-radius: 20px 40px; border-top-right-radius: 20px 40px;}
  243.                     .playlistdn {background: linear-gradient(to left, #BBB 0%,#DDD 100%); border-bottom-left-radius: 20px 40px; border-top-left-radius: 20px 40px;}
  244.                     .night .playlistup {background: linear-gradient(to right, #2c2a2d 0%,#544e53 100%);} .night .playlistdn {background: linear-gradient(to left, #2c2a2d 0%,#544e53 100%);}
  245.                     .playlistbtn:not(.disabled):hover {background: radial-gradient(ellipse at center, #BBB 0%,#DDD 100%);} .night .playlistbtn:not(.disabled):hover {background: radial-gradient(ellipse at center, #2c2a2d 0%,#544e53 100%);}
  246.                     .playlistbtn {cursor:pointer;width: 30px;height:195px;padding-top:85px;background-color: #ddd;text-align:center;position: absolute; z-index: 80;margin-top: 5px;}
  247.                     .playlistbtn b {cursor:pointer; user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;} .playlistbtn.disabled {cursor:default; opacity:0.3;} .playlistbtn.disabled b {color: #ddd;cursor:default;}
  248.                     .playlist-title span {margin-left:16px;} .playlist-title span:hover {color:#ffaa00;} .video-card-published.sequence {position: absolute;bottom: 0px;right: 3px; z-index:50;} .playlist svg.fa-square {opacity: 0.4;}
  249.                     .mvplaylist .playlist-card, .playlist .playlist-card {width: 208px;height:195px;margin: 5px;} .night .playlistbtn {background-color: #2c2a2d; background:}
  250.                     .playlist-card .video-card-title {height: 52px; width: 200px; max-height: 52px; max-width: 200px; cursor: pointer; overflow: hidden; display: block;} .playlist-card .video-card-title a {font-size: 13px; font-weight: 500;}
  251.                     .playlist-card.active .video-card-title {max-height: 47px;}
  252.                     .night .playlistbtn.disabled b {color: #2c2a2d;} @media (min-width: 768px) {.plslider, .mvslider {max-width: 660px;} .playlistup {margin-left:475px;}.mvplaylist.row, .playlist.row {width: 505px;}}
  253.                     @media (min-width: 992px) {.plslider, .mvslider {max-width: 878px;} .playlistup {margin-left:693px;}.mvplaylist.row, .playlist.row {width: 723px;}}`;
  254.             }
  255.             if (BC.settings.hidedonationbar) style.innerText += '.video-container .text-center {display: none !important;}';
  256.             if (BC.settings.hidecookienotice) style.innerText += '#alert-cookie {display: none !important;}';
  257.             if (BC.settings.hidesignupnotice) style.innerText += '#alert-signup {display: none !important;}';
  258.             if (BC.settings.usesquareicons) style.innerText += '.channel-banner .image-container {border-radius:0px !important;}';
  259.             if (BC.settings.hideadverts) {
  260.                 style.innerText += '.sidebar .rcad-container, .sidebar > div:not(.sidebar-video) {display:none !important;}';
  261.                 let affiliates = null;
  262.                 if (affiliates = qs('.affiliate-container')) {
  263.                     affiliates.outerHTML = ''
  264.                 }
  265.             }
  266.             if (BC.settings.useminiplayer) style.innerText += 'button.plyr__control[data-plyr="pip"] {display: none !important;}';
  267.             d.documentElement.appendChild(style);
  268.             if (BC.settings.hidemenubar) w.addEventListener('scroll', BC.floatHeaders);
  269.             BC.addBrowserSearch();
  270.             BC.loaded = 1;
  271.             debug('>>>>>>>>>>>>>> BC load <<<<<<<<<<=');
  272.         } else debug('>>>>>>>>>>>>>> BC reload <<<<<<<<<<=');
  273.  
  274.         if (BC.watchpage) {
  275.             BC.page = 'watchpage';
  276.             BC.player.api = qs('video#player');
  277.             if (isChrome) {
  278.                 BC.player.api.crossOrigin = "Anonymous";/* for webkit CORS*/
  279.                 let src = qs("source", BC.player.api).src;
  280.                 qs("source", BC.player.api).src = src;
  281.                 BC.player.api.load();
  282.                 if (BC.player.autoplay) BC.player.api.play();
  283.             }
  284.                 /* Provide mini player */
  285.             if (BC.player.api !== null) {
  286.                 if (!BC.player.rect) {
  287.                     w.scrollTo(0, 0);
  288.                     BC.player.rect = BC.player.api.getBoundingClientRect();
  289.                 }
  290.                 BC.player.api.mini_point = BC.player.rect.top + ((BC.player.rect.height / 2) + 50);
  291.                 BC.origVid = {
  292.                   w: Math.round(BC.player.rect.width * 10) / 10,
  293.                   h: Math.round(BC.player.rect.height * 10) / 10,
  294.                   r: Math.round(BC.player.rect.width/BC.player.rect.height * 1000) / 1000
  295.                 };
  296.                 if (!BC.miniPlayerIni && BC.settings.useminiplayer) {
  297.                     GM.getValue('miniplayer', "{}").then( (value) => {
  298.                         if (value && value != '{}') {
  299.                             BC.miniplayer = JSON.parse(value);
  300.                             w.addEventListener("scroll", BC.miniPlayer, false);
  301.                             d.addEventListener("fullscreenchange", (e) => { BC.onFullScreen(e)});
  302.                             d.addEventListener("mozfullscreenchange", (e) => { BC.onFullScreen(e)});
  303.                             d.addEventListener("webkitfullscreenchange", (e) => { BC.onFullScreene(e)});
  304.                             let style = dce("style");
  305.                             style.type = "text/css";
  306.                             style.innerText = `
  307.                                 html:not(.isfullscreen).s-marty-miniplayer video#player, html:not(.isfullscreen).s-marty-miniplayer .plyr__video-wrapper, html:not(.isfullscreen).s-marty-miniplayer .plyr--video {opacity: 0.94;}
  308.                                 html:not(.isfullscreen).s-marty-miniplayer .video-container > .row > div > .wrapper {position: fixed;z-index: 100;background-color:transparent; border:1px solid rgba(255,255,255,0.3);}
  309.                                 html:not(.isfullscreen).s-marty-miniplayer #s-marty-miniplayer-bar {display : block;cursor: move; height: 40px; left: -3px; right: 5px; top: -6px; position: absolute;z-index: 110;background-color:transparent;}
  310.                                 html:not(.isfullscreen).s-marty-miniplayer #s-marty-miniplayer-bar:hover {background-color:#000; opacity: 0.4; background-clip: padding-box; padding: 6px 0 0 6px;}
  311.                                 html:not(.isfullscreen).s-marty-miniplayer #s-marty-miniplayer-size {display : block;cursor: nesw-resize; width:7px; height: 7px; right: -3px; top: -3px; position: absolute;z-index: 120;background-color:transparent;}
  312.                                 html:not(.isfullscreen).s-marty-miniplayer .plyr__controls button[data-plyr="captions"], html:not(.isfullscreen).s-marty-miniplayer .plyr__controls button[data-plyr="pip"], html:not(.isfullscreen).s-marty-miniplayer .plyr__controls .plyr__menu {display : none !important;}
  313.                                 html:not(.s-marty-miniplayer) #s-marty-miniplayer-bar, html:not(.s-marty-miniplayer) #s-marty-miniplayer-size {display : none;} html:not(.isfullscreen).s-marty-miniplayer .plyr__controls imput[data-plyr="volume"] {/*max-width:12% !important; */width: 12% !important;}
  314.                                 html:not(.isfullscreen).s-marty-miniplayer .plyr__video-embed iframe, html:not(.isfullscreen).s-marty-miniplayer .plyr__video-wrapper--fixed-ratio video {position: relative !important; } html:not(.isfullscreen).s-marty-miniplayer #volumometer {height: calc(100% - 90px);bottom: 20px;}
  315.                                 html.isfullscreen video#player {width: 100% !important; height: !important;}`;
  316.                             d.documentElement.appendChild(style);
  317.                             BC.miniPlayerIni = true;
  318.                         }
  319.                     }).catch (error => {
  320.                         error('miniplayer: Error in GM.getValue promise: '+ error)
  321.                     });
  322.                 }
  323.  
  324.                 if (!qs("#s-marty-miniplayer-bar")) {
  325.                     BC.player.fur = qs(".video-container .wrapper");
  326.                     let bar = dce("div");
  327.                     bar.setAttribute('id', 's-marty-miniplayer-bar');
  328.                     bar.addEventListener("mousedown", BC.moveMiniPlayer, true);
  329.                     let size = dce("div");
  330.                     size.setAttribute('id', 's-marty-miniplayer-size');
  331.                     size.addEventListener("mousedown", BC.sizeMiniPlayer.bind(this), true);
  332.                     BC.player.fur.insertBefore(bar, BC.player.fur.firstChild);
  333.                     BC.player.fur.insertBefore(size, BC.player.fur.firstChild);
  334.                     BC.player.api.volume = BC.player.volume;
  335.                     BC.player.fur.parentNode.style = `width:${BC.origVid.w}px;height:${BC.origVid.h}px;`;
  336.                 }
  337.  
  338.                     /* Autoplay videos */
  339.                 if (BC.player.autoplay) {
  340.                     if (! BC.startButton) {
  341.                         BC.startButton = qs('button[aria-label="Play"]');
  342.                         BC.player.api.autoplay = true;
  343.                         if (qs('.plyr__controls imput[data-plyr="volume"]')) {
  344.                             qs('.plyr__controls imput[data-plyr="volume"]').removeAttribute('hidden'); // Volume
  345.                             qs('.plyr__controls .plyr__volume button').removeAttribute('hidden'); // Mute
  346.                         }
  347.                     }
  348.                     if (BC.player.api.paused) {
  349.                         BC.player.api.play()
  350.                           .catch( function(e) { BC.startButton.dispatchEvent( new MouseEvent('click', {bubbles: true, cancelable: true})) })
  351.                     }
  352.                 }
  353.                 else {
  354.                     BC.player.api.autoplay = false;
  355.                     if (!BC.player.api.paused) BC.player.api.pause();
  356.                 }
  357.  
  358.                 if (!qs("video#player.bc")) {
  359.                         /* Video errors */
  360.                     qs('progress.plyr__progress__buffer').style = '';
  361.                     qs('div.plyr__progress').title = '';
  362.                     if (isChrome) {
  363.                         if (isNaN(BC.player.api.duration)) {
  364.                             w.setTimeout(() => {
  365.                                if (BC.player.api.readyState === 0 && isNaN(BC.player.api.duration)) { 
  366.                                     let err = null, f = '', n = parseInt(BC.player.api.children[0].attributes.dl.value);
  367.                                     try { err = Bcd.src.videos[n].error; f = Bcd.src.videos[n].url}
  368.                                     catch (e) { err = 'Undefined video error' }
  369.                                     if (err) {
  370.                                         qs('progress.plyr__progress__buffer').style.backgroundColor = 'rgba(255,255,60,.80)';
  371.                                         qs('div.plyr__progress').title = err;
  372.                                         error(`Media error ${err} ${f}`);
  373.                                     }
  374.                                 }
  375.                            }, 3000)
  376.                        }
  377.                     }
  378.                     else {
  379.                         BC.player.api.addEventListener('error', function(e) {
  380.                             let err = '';
  381.                             if (BC.player.api.error) {
  382.                                 if (BC.player.api.error.code == BC.player.api.error.MEDIA_ERR_NETWORK)
  383.                                     err = 'File error';
  384.                                 else if (BC.player.api.error.code == BC.player.api.error.MEDIA_ERR_DECODE)
  385.                                     err = 'Video file is corrupt';
  386.                                 else if (BC.player.api.error.code == BC.player.api.error.MEDIA_ERR_SRC_NOT_SUPPORTED)
  387.                                     err = 'Video file is incompatable';
  388.                             }
  389.                             w.setTimeout((e, err) => {
  390.                                 let f = '';
  391.                                 if (!err) {
  392.                                     try {
  393.                                         let n = parseInt(e.target.attributes.dl.value);
  394.                                         err = Bcd.src.videos[n].error; f = Bcd.src.videos[n].url}
  395.                                     catch (e) { err = 'Undefined video error' }
  396.                                 }
  397.                                 qs('progress.plyr__progress__buffer').style.backgroundColor = 'rgba(255,255,60,.80)';
  398.                                 qs('div.plyr__progress').title = (err || "Undefined video error");
  399.                                 error(`Media error ${err || "undefined"} ${f}`);
  400.                             }, 3000, e, err)
  401.                         }, true);
  402.                     }
  403.                     if (!qs("#volumometer")) {
  404.                         let volInd = dce("div");
  405.                         volInd.id = "volumometer";
  406.                         volInd.innerHTML = '<div class="vol"></div><div class="percent"></div>';
  407.                         qs(".wrapper .plyr").appendChild(volInd);
  408.                         BC.player.api.addEventListener('volumechange', function(e) {
  409.                             let volume = Math.round(e.target.volume / 0.01) * 0.01;
  410.                             BC.savePlayerValue('volume', volume);
  411.                             if (qs(".plyr").classList.contains("plyr--hide-controls")) {
  412.                                 qs("#volumometer .percent").innerText = `${(volume * 100).toFixed()}%`;
  413.                                 qs("#volumometer .vol").style.height = `${volume * 100}%`;
  414.                                 qs("#volumometer").classList.add("change");
  415.                                 setTimeout(()=>{qs("#volumometer").classList.remove("change")},500);
  416.                             }
  417.                         }, false);
  418.                         w.addEventListener('keydown', BC.catchKey, false);
  419.                     }
  420.                     BC.player.api.addEventListener('timeupdate', function(e){ BC.onPlayerProgress(e) }, false);
  421.                     if (BC.settings.useseekbarpreview) {
  422.                         if (BC.player.api.readyState > 0) BC.getVideoThumbnails({target: BC.player.api});
  423.                         BC.player.api.addEventListener('loadedmetadata', BC.getVideoThumbnails, false);
  424.                     }
  425.                     BC.player.api.classList.add("bc");
  426.                 }
  427.             }
  428.             let sidebarnext = qs(".sidebar-next");
  429.             let playnext = qs("label.sidebar-autoplay:not(.active)");
  430.             if (sidebarnext && playnext) {
  431.                 playnext.addEventListener('mousedown', function(e) {
  432.                     if (e.which===1) {
  433.                        let checked = qs("input#autoplay-toggle").checked;
  434.                        BC.savePlayerValue('playnext', !checked);
  435.                     }
  436.                 }, false);
  437.                 playnext.classList.add('active')
  438.             }
  439.             if (BC.settings.hidecomments) setTimeout(BC.hideComments, 2000);
  440.             if (BC.playlist) {
  441.                 BC.playlist = BC.playlist.match( /[&?]+list=([^&]*[a-z0-9_-]+)/i )[1];
  442.                 BC.addMoreRecentVideos(-1, BC.playlist);
  443.             }
  444.             else BC.addMoreRecentVideos(8);
  445.             if (BC.settings.mvplaylist) BC.addMostViewedPlaylist();
  446.             if (BC.settings.playlists) BC.addChannelPlaylists();
  447.             if (BC.settings.useblacklist) BC.applyChannelBlacklist();
  448.  
  449.             let link = Bcd.addVideoAction("takeScreenShot", "Take Screen Shot", BC.screenshotIcon);
  450.             Bcd.addTooltip(link, Bcd.tooltip.length); /* screenshot link */
  451.             link.addEventListener('click', BC.takeScreenShot, false);
  452.  
  453.             BC.setChannelFeed('add');
  454.             BC.addPublishDate();
  455.             BC.player.api.focus(); /* keycode listening */
  456.         }
  457.         else if (BC.channelpage) {
  458.             BC.page = 'channelpage';
  459.             if (d.cookie.indexOf('sensitivity=') !=-1 && w.location.search.indexOf('showall=1') ==-1) {
  460.                 d.cookie = "sensitivity=; path=/; expires=Thu, 01 Jan 1970 00:00:01 GMT";
  461.             }
  462.             let sensitivityWarning;
  463.             if (sensitivityWarning = qs('.sensitivity-warning a')) sensitivityWarning.addEventListener('click', BC.addSensitivityCookie, false);
  464.             if (BC.settings.useblacklist) BC.applyChannelBlacklist();
  465.             BC.setChannelFeed('add');
  466.         }
  467.         else if (BC.homepage || BC.categorypage) {
  468.             BC.page = 'homepage';
  469.             if (BC.settings.useblacklist) {
  470.                 let listingTabs = qs('#listing-tabs.listening');
  471.                 let listingsAll = qs('#listing-all > div.row');
  472.                 let listingsPopular = qs('#listing-popular > div.row');
  473.                 BC.listingsAllHeight = Math.round(listingsAll.getBoundingClientRect().height);
  474.                 BC.listingsPopHeight = Math.round(listingsPopular.getBoundingClientRect().height);
  475.  
  476.                 if (!listingTabs) {
  477.                     qs("ul.nav-tabs-list li a[href='#listing-all']")
  478.                       .addEventListener('click', function(e){ BC.applyBlacklist('#listing-all > div.row > div', 'all') }, false);
  479.                     qs("ul.nav-tabs-list li a[href='#listing-popular']")
  480.                       .addEventListener('click', function(e){ BC.applyBlacklist('#listing-popular > div.row > div', 'popular') }, false);
  481.                     qs("ul.nav-tabs-list li a[href='#listing-trending']")
  482.                       .addEventListener('click', function(e){ BC.applyBlacklist('div#trending-day > div.row > div,div#trending-week > div.row > div,div#trending-month > div.row > div', 'trending') }, false);
  483.                     qs("ul.nav-tabs-list li a[href='#listing-subscribed']")
  484.                       .addEventListener('click', function(e){ BC.navsIni('subscribedpage') }, false);
  485.  
  486.                     addListener(listingsAll, function(e) {
  487.                         let newlistings = qs('#listing-all > div.row');
  488.                         let newlistingsHeight = Math.round(newlistings.getBoundingClientRect().height);
  489.                         if (BC.listingsAllHeight < newlistingsHeight) {
  490.                             BC.listingsAllHeight = newlistingsHeight;
  491.                             BC.applyBlacklist('#listing-all > div.row > div');
  492.                         }
  493.                     },{ childList: true });
  494.  
  495.                     addListener(listingsPopular, function(e) {
  496.                         let newlistings = qs('#listing-popular > div.row');
  497.                         let newlistingsHeight = Math.round(newlistings.getBoundingClientRect().height);
  498.                         if (BC.listingsPopHeight < newlistingsHeight) {
  499.                             BC.listingsPopHeight = newlistingsHeight;
  500.                             BC.applyBlacklist('#listing-popular > div.row > div');
  501.                         }
  502.                     },{ childList: true });
  503.  
  504.                     qs('#listing-tabs').classList.add('listening');
  505.                     if (!BC.settings.hidecarousel)
  506.                         BC.applyBlacklist('#carousel #channel-list div.item > div,#carousel .hidden-md > div');
  507.                 }
  508.             }
  509.             if (BC.settings.hidecarousel) { // The only way to pause this thing
  510.                 if (qs('#carousel')) qs('#carousel').innerHTML = '';
  511.             }
  512.  
  513.             if (BC.settings.homepagegotoall) {
  514.                 let preferAll = qs("ul.nav-tabs-list li a[href='#listing-all']");
  515.                 if (preferAll !== null && preferAll.parentNode.className.indexOf('active') ==-1) {
  516.                     preferAll.dispatchEvent(new MouseEvent('click', {
  517.                         bubbles: true,
  518.                         cancelable: true
  519.                     }));
  520.                     BC.applyBlacklist('#listing-all > div.row > div', 'all');
  521.                 }
  522.             }
  523.             else BC.applyBlacklist('#listing-popular > div.row > div');
  524.             BC.setChannelFeed('remove');
  525.         }
  526.         BC.createSmartyButton();
  527.         BC.navsIni();
  528.     },
  529.  
  530.  
  531.     applyBlacklist: (selector, page) => {
  532.  
  533.         BC.previouslisting = selector;
  534.         if (page) BC.navsIni();
  535.         if (!BC.settings.useblacklist) return;
  536.         selector = selector.split(',').join(':not([polled]), ') + ':not([polled])';
  537.         let i,
  538.             listings = qsa(selector);
  539.  
  540.         if (listings.length) {
  541.             try {
  542.                 for (i = 0; i < listings.length; i++) {
  543.                     let card = qs('.video-card-channel a, .video-trending-channel a, .channel-card a', listings[i]);
  544.                     if (card) {
  545.                         let href = card.getAttribute("href");
  546.                         let channel = href.match( /\/channel\/([a-z0-9_-]+)\//i );
  547.                         if (channel) {
  548.                             if (BC.blacklist.find( id => id[0] == channel[1] )) {
  549.                                 listings[i].outerHTML = ''
  550.                             }
  551.                             else {
  552.                                 listings[i].setAttribute('polled', channel[1]);
  553.                                 let button = BC.blacklistButton();
  554.                                 let videoCard = qs('.video-card, .video-trending-image, .channel-card', listings[i]);
  555.                                 let name = qs('.channel-card-title', listings[i]);
  556.                                 name = name ? name.innerText : card.innerText;
  557.                                 videoCard.appendChild(button);
  558.                                 button.addEventListener('click', function(e){ BC.blacklistAdd(e, channel[1], name) }, true);
  559.                             }
  560.                         }
  561.                     }
  562.                 }
  563.             } catch (e) {error('applyBlacklist: '+ e)}
  564.         }
  565.     },
  566.  
  567.  
  568.     applyChannelBlacklist: () => {
  569.         let card = qs('.channel-banner .name a'),
  570.             name = card.innerText;
  571.  
  572.         if (card) {
  573.             try {
  574.                 let href = card.getAttribute("href");
  575.                 let channel = href.match( /\/channel\/([a-z0-9_-]+)\//i );
  576.                 if (channel) {
  577.                     if (BC.blacklist.find( id => id[0] == channel[1] )) {
  578.                         card.setAttribute('title', name +' is blacklisted ☺');
  579.                         card.classList.add('userisblacklisted')
  580.                     }
  581.                     else if (! qs('.add-to-blacklist', card.parentNode)) {
  582.                         let button = BC.blacklistButton();
  583.                         card.parentNode.appendChild(button);
  584.                         button.addEventListener('click', function(e){
  585.                             BC.blacklistAdd(e, channel[1], name);
  586.                             this.previousSibling.classList.add('userisblacklisted');
  587.                             this.previousSibling.setAttribute('title', name +' is blacklisted ☺');
  588.                             this.style.display = 'none';
  589.                         }, true);
  590.                     }
  591.                 }
  592.             } catch (e) {error('applyChannelBlacklist: '+ e)}
  593.         }
  594.     },
  595.  
  596.  
  597.     createSmartyButton: () => {
  598.         let i, blacklisted, menu, smarty, colors;
  599.         let blContent = '';
  600.         let donate = '<svg class="smarty-donate" version="1.0" xmlns="http://www.w3.org/2000/svg" width="14pt" height="14pt" viewBox="0 0 496 512" preserveAspectRatio="xMidYMid meet"><g transform="translate(248 256)"><g transform="translate(0, 0)  scale(1, 1)  rotate(-14 7 7)">'+
  601.             '<path fill="currentColor" d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm24 376v16c0 8.8-7.2 16-16 16h-16c-8.8 0-16-7.2-16-16v-16.2c-16.5-.6-32.6-5.8-46.4-15.1-8.7-5.9-10-18.1-2.3-25.2l12-11.3c5.4-5.1 13.3-5.4 19.7-1.6 6.1 3.6 12.9 5.4 19.9 5.4h45c11.3 '+
  602.             '0 20.5-10.5 20.5-23.4 0-10.6-6.3-19.9-15.2-22.7L205 268c-29-8.8-49.2-37-49.2-68.6 0-39.3 30.6-71.3 68.2-71.4v-16c0-8.8 7.2-16 16-16h16c8.8 0 16 7.2 16 16v16.2c16.5.6 32.6 5.8 46.4 15.1 8.7 5.9 10 18.1 2.3 25.2l-12 11.3c-5.4 5.1-13.3 5.4-19.7 1.6-6.1-3.6-12.9-5.4-19.9-5.4h-45c-11.3 '+
  603.             '0-20.5 10.5-20.5 23.4 0 10.6 6.3 19.9 15.2 22.7l72 21.9c29 8.8 49.2 37 49.2 68.6.2 39.3-30.4 71.2-68 71.4z" transform="translate(-248 -256)"></path></g></g><title>Donate to Smarty</title></svg>';
  604.         let tabContent = `<a href="javascript:void(0)">Smarty</a><div id="smarty_tab" class="modal-content" style="display: none; position: absolute; z-index: 200;">
  605.           <div id="smartymm" style="display: block;"><div style="width: 170px;">${donate}
  606.             <div class="smartybox"><label class="tabinput" style="margin-bottom: 0px;" for="useblacklist2"><input name="useblacklist" id="useblacklist2" type="checkbox"${BC.settings.useblacklist ? ' checked':''} class="tabinput"> <i class="cbhelper tabinput"></i>&nbsp;Use Blacklist</label></div>
  607.             <div class="smartybox"><label class="tabinput" style="margin-bottom: 0px;" for="hidemenubar2"><input name="hidemenubar" id="hidemenubar2" type="checkbox"${BC.settings.hidemenubar ? ' checked':''} class="tabinput"> <i class="cbhelper tabinput"></i>&nbsp;Scroll Menubar</label></div>
  608.             <div class="smartybox"><label class="tabinput" style="margin-bottom: 0px;" for="hidecarousel2"><input name="hidecarousel" id="hidecarousel2" type="checkbox"${BC.settings.hidecarousel ? ' checked':''} class="tabinput"> <i class="cbhelper tabinput"></i>&nbsp;Hide Carousel</label></div>
  609.             <div class="smartybox"><label class="tabinput" style="margin-bottom: 0px;" for="hidecomments2"><input name="hidecomments" id="hidecomments2" type="checkbox"${BC.settings.hidecomments ? ' checked':''} class="tabinput"> <i class="cbhelper tabinput"></i>&nbsp;Hide Comments</label></div>
  610.             <div class="smartybox"><label class="tabinput" style="margin-bottom: 0px;" for="mvplaylist2"><input name="mvplaylist" id="mvplaylist2" type="checkbox"${BC.settings.mvplaylist ? ' checked':''} class="tabinput"> <i class="cbhelper tabinput"></i>&nbsp;Popular Playlist</label></div>
  611.             <div class="smartybox"><label class="tabinput" style="margin-bottom: 0px;" for="playlists2"><input name="playlists" id="playlists2" type="checkbox"${BC.settings.playlists ? ' checked':''} class="tabinput"> <i class="cbhelper tabinput"></i>&nbsp;All Playlists</label></div>
  612.             <div class="smartybox"><label class="tabinput" style="margin-bottom: 0px;" for="useminiplayer2"><input name="useminiplayer" id="useminiplayer2" type="checkbox"${BC.settings.useminiplayer ? ' checked':''} class="tabinput"> <i class="cbhelper tabinput"></i>&nbsp;Use Miniplayer</label></div>
  613.             <div class="smartybox"><label class="tabinput" style="margin-bottom: 0px;" for="autoplay2"><input name="autoplay" id="autoplay2" type="checkbox"${BC.player.autoplay ? ' checked':''} class="tabinput"> <i class="cbhelper tabinput"></i>&nbsp;Auto Play Video</label></div>
  614.             <div class="smartybox"><label class="tabinput" style="margin-bottom: 0px;" for="hideadverts2"><input name="hideadverts" id="hideadverts2" type="checkbox"${BC.settings.hideadverts ? ' checked':''} class="tabinput"> <i class="cbhelper tabinput"></i>&nbsp;Hide Unsafe Ads</label></div>
  615.             <div class="smartybox radios"><label class="r0" title="Night Color: Default"><input name="color" title="Night Color: None" value="none" type="radio"${BC.settings.color == 'none' ? ' checked':''}><i class="radiohelper r0 tabinput"></i>&nbsp;&nbsp;</label><span style="height:12px;width:12px">
  616.                   &nbsp;&nbsp;<label class="r1" title="Night Color: Orange"><b>O</b>&nbsp;
  617.             <input name="color" value="orange" type="radio"${BC.settings.color == 'orange' ? ' checked':''}><i class="radiohelper r1 tabinput"></i></label></span><span style="height:12px;width:12px;color">&nbsp;&nbsp;<label class="r2" title="Night Color: Blue"><b>B</b>&nbsp;
  618.             <input name="color" value="blue" type="radio"${BC.settings.color == 'blue' ? ' checked':''}><i class="radiohelper r2 tabinput"></i></label></span><span style="height:12px;width:12px">&nbsp;&nbsp;<label class="r3" title="Night Color: Green"><b>G</b>&nbsp;
  619.             <input name="color" value="green" type="radio"${BC.settings.color == 'green' ? ' checked':''}><i class="radiohelper r3 tabinput"></i></label>&nbsp;</span></div>
  620.           </div><div id="blacklistedchannels" style="border-top:none;"><div><em>No Blacklist</em></div></div></div><div id="smartyam" style="width: 198px; display: none;">
  621.             <div class="smartybox"><label class="tabinput" style="margin-bottom: 0px;" for="usesquareicons2"><input name="usesquareicons" id="usesquareicons2" type="checkbox"${BC.settings.usesquareicons ? ' checked':''} class="tabinput"> <i class="cbhelper tabinput"></i>&nbsp;Use Square Icons</label></div>
  622.             <div class="smartybox"><label class="tabinput" style="margin-bottom: 0px;" for="hidedonationbar2"><input name="hidedonationbar" id="hidedonationbar2" type="checkbox"${BC.settings.hidedonationbar ? ' checked':''} class="tabinput"> <i class="cbhelper tabinput"></i>&nbsp;Hide Donation Bar</label></div>
  623.             <div class="smartybox"><label class="tabinput" style="margin-bottom: 0px;" for="homepagegotoall2"><input name="homepagegotoall" id="homepagegotoall2" type="checkbox"${BC.settings.homepagegotoall ? ' checked':''} class="tabinput"> <i class="cbhelper tabinput"></i>&nbsp;Homepage Goto All</label></div>
  624.             <div class="smartybox"><label class="tabinput" style="margin-bottom: 0px;" for="hidecookienotice2"><input name="hidecookienotice" id="hidecookienotice2" type="checkbox"${BC.settings.hidecookienotice ? ' checked':''} class="tabinput"> <i class="cbhelper tabinput"></i>&nbsp;Hide Cookie Notice</label></div>
  625.             <div class="smartybox"><label class="tabinput" style="margin-bottom: 0px;" for="hidesignupnotice2"><input name="hidesignupnotice" id="hidesignupnotice2" type="checkbox"${BC.settings.hidesignupnotice ? ' checked':''} class="tabinput"> <i class="cbhelper tabinput"></i>&nbsp;Hide Signup Notice</label></div>
  626.             <div class="smartybox"><label class="tabinput" style="margin-bottom: 0px;" for="useseekbarpreview2"><input name="useseekbarpreview" id="useseekbarpreview2" type="checkbox"${BC.settings.useseekbarpreview ? ' checked':''} class="tabinput"> <i class="cbhelper tabinput"></i>&nbsp;Use Seekbar Preview</label></div></div></div>`;
  627.  
  628.         menu = qs('ul.nav-tabs-list');
  629.         smarty = qs('#smarty_tab');
  630.  
  631.         if (smarty === null) {
  632.             smarty = dce("li");
  633.             smarty.innerHTML = tabContent;
  634.             menu.appendChild(smarty);
  635.             blacklisted = qs('#blacklistedchannels');
  636.  
  637.             if (BC.settings.useblacklist) {
  638.                 if (BC.blacklist.length ) {
  639.                     for (i = 0; i < BC.blacklist.length; i++) {
  640.                         blContent += `<span title="Click to remove ${BC.blacklist[i][1]}" data-name="${BC.blacklist[i][0]}">${BC.blacklist[i][1]}</span>`;
  641.                     }
  642.                 }
  643.                 else blContent = '<div><em>No Blacklist</em></div>';
  644.             }
  645.             else blContent = '<div><em>Blacklist Off</em></div>';
  646.             if (blContent) blacklisted.innerHTML = blContent;
  647.  
  648.             qs('a', smarty).addEventListener('click', function(e) {setTimeout(BC.toggleTab,300)}, true);
  649.             qs('a', smarty).addEventListener('dblclick', function(e) {e.stopPropagation(); BC.auxMenu = 1; BC.toggleTab(e, false, true)}, true);
  650.             qs('#useminiplayer2', smarty).addEventListener('change', function(e) {BC.toggleSettings('useminiplayer',e.target.checked)}, false);
  651.             qs('#hidecomments2', smarty).addEventListener('change', function(e) {BC.savePlayerValue('hidecomments',e.target.checked)}, false);
  652.             qs('#useblacklist2', smarty).addEventListener('change', function(e) {BC.toggleSettings('useblacklist',e.target.checked)}, false);
  653.             qs('#hidecarousel2', smarty).addEventListener('change', function(e) {BC.toggleSettings('hidecarousel',e.target.checked)}, false);
  654.             qs('#hidemenubar2', smarty).addEventListener('change', function(e) {BC.toggleSettings('hidemenubar',e.target.checked)}, false);
  655.             qs('#hideadverts2', smarty).addEventListener('change', function(e) {BC.toggleSettings('hideadverts',e.target.checked)}, false);
  656.             qs('#mvplaylist2', smarty).addEventListener('change', function(e) {BC.savePlayerValue('mvplaylist',e.target.checked)}, false);
  657.             qs('#playlists2', smarty).addEventListener('change', function(e) {BC.savePlayerValue('playlists',e.target.checked)}, false);
  658.             qs('#autoplay2', smarty).addEventListener('change', function(e) {BC.savePlayerValue('autoplay',e.target.checked)}, false);
  659.             qs('#usesquareicons2', smarty).addEventListener('change', function(e) {BC.toggleSettings('usesquareicons',e.target.checked)}, false);
  660.             qs('#hidedonationbar2', smarty).addEventListener('change', function(e) {BC.toggleSettings('hidedonationbar',e.target.checked)}, false);
  661.             qs('#homepagegotoall2', smarty).addEventListener('change', function(e) {BC.toggleSettings('homepagegotoall',e.target.checked)}, false);
  662.             qs('#hidecookienotice2', smarty).addEventListener('change', function(e) {BC.toggleSettings('hidecookienotice',e.target.checked)}, false);
  663.             qs('#hidesignupnotice2', smarty).addEventListener('change', function(e) {BC.toggleSettings('hidesignupnotice',e.target.checked)}, false);
  664.             qs('#useseekbarpreview2', smarty).addEventListener('change', function(e) {BC.toggleSettings('useseekbarpreview',e.target.checked)}, false);
  665.             qs('svg').addEventListener('click', function(e) {w.open('https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=QHFFSLZ7ENUQN&source=url', '_blank');}, false);
  666.             colors = qsa('input[type=radio][name=color]', smarty);
  667.             for (i = 0; i < colors.length; i++) {
  668.                 colors[i].addEventListener('change', function(e) {BC.toggleSettings('color',this.value)}, false);
  669.             }
  670.         }
  671.         else {
  672.             blacklisted = qs('#blacklistedchannels');
  673.             if (BC.settings.useblacklist) {
  674.                 if (BC.blacklist.length ) {
  675.                     for (i = 0; i < BC.blacklist.length; i++) {
  676.                         blContent += `<span title="Click to remove ${BC.blacklist[i][1]}" data-name="${BC.blacklist[i][0]}">${BC.blacklist[i][1]}</span>`;
  677.                     }
  678.                 }
  679.                 else blContent = '<div><em>No Blacklist</em></div>';
  680.             }
  681.             else blContent = '<div><em>Blacklist Off</em></div>';
  682.             blacklisted.innerHTML = blContent;
  683.         }
  684.         if (BC.blacklist.length > 14 && BC.settings.useblacklist) {
  685.             blacklisted.style.height = '280px';
  686.             blacklisted.style.overflowY = 'scroll';
  687.         }
  688.         else {
  689.             blacklisted.style.height = 'auto';
  690.             blacklisted.style.overflowY = 'visible';
  691.         }
  692.         menu.parentNode.style.overflow = 'visible';
  693.         smarty = qsa('#blacklistedchannels > span');
  694.         for (i = 0; i < smarty.length; i++) {
  695.             smarty[i].addEventListener('click', BC.blacklistRemove, true);
  696.         }
  697.     },
  698.  
  699.  
  700.     blacklistButton: () => {
  701.         let span = dce("span");
  702.  
  703.         span.className = "action-button add-to-blacklist";
  704.         span.innerHTML = '<svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="27" height="27" viewBox="0 0 33 33" preserveAspectRatio="xMidYMid meet"><g transform="translate(0.000000,27.000000) ' +
  705.             'scale(0.100000,-0.100000)" stroke="none"><path fill="currentColor" d="M12 258 c-17 -17 -17 -229 0 -246 17 -17 229 -17 246 0 17 17 17 229 0 246 -17 17 -229 17 -246 0z m233 -123 l0 -110 -110 0 -110 0 -3 99 c-1 55 0 106 2 113 4 11 30 13 113 11 l108 -3 0 -110z"/>' +
  706.             '<path fill="currentColor" d="M40 217 c0 -7 16 -26 35 -42 19 -17 35 -35 35 -40 0 -6 -16 -25 -35 -42 -19 -18 -35 -37 -35 -43 0 -22 31 -8 60 29 l32 39 35 -39 c34 -37 63 -51 63 -29 0 6 -16 24 -35 41 -19 17 -35 37 -35 44 0 7 16 25 35 39 35 27 47 56 ' +
  707.             '23 56 -7 0 -26 -16 -41 -35 -15 -19 -33 -35 -40 -35 -7 0 -25 16 -41 35 -30 35 -56 46 -56 22z"/></g></svg><span class="blacklist-tooltip">&nbsp;Blacklist&nbsp;</span>';
  708.         return span
  709.     },
  710.  
  711.  
  712.     closeTab: (e) => {e.stopPropagation(); if (!e.target.classList.contains("tabinput")) {BC.toggleTab(null,'close')}},
  713.  
  714.     toggleTab: (e, close = false, aux = false) => {
  715.         let tab = qs('#smarty_tab');
  716.  
  717.         if (!aux && !close && BC.auxMenu) return;
  718.         if (tab.style.display == 'block' && aux) return;
  719.  
  720.         if (tab.style.display == 'none' && !close) {
  721.             if (aux) {
  722.                 qs("#smartymm").style.display = 'none';
  723.                 qs("#smartyam").style.display = 'block';
  724.             }
  725.             else qs("#smartymm").style.display = 'block';
  726.             tab.style.display = 'block';
  727.             d.body.addEventListener('click', BC.closeTab, false);
  728.         }
  729.         else {
  730.             setTimeout(function(){
  731.                 BC.auxMenu = !1;
  732.                 tab.style.display = 'none';
  733.                 qs("#smartyam").style.display = 'none';
  734.                 if (BC.reload) w.location.replace(w.location.href);
  735.             },200);
  736.             d.body.removeEventListener('click', BC.closeTab, false);
  737.         }
  738.         if (e) {
  739.             e.preventDefault();
  740.             e.stopPropagation();
  741.             return false;
  742.         }
  743.     },
  744.  
  745.  
  746.     blacklistAdd: (e, channel, name) => {
  747.         let i,
  748.             blocked = qsa('[polled="'+channel+'"]');
  749.  
  750.         for (i = 0; i < blocked.length; i++) blocked[i].innerHTML = BC.wait(blocked[i]);
  751.         BC.blacklist.push([channel, name]);
  752.             /* Sort by User Name*/
  753.         BC.blacklist.sort( (a, b) => {
  754.             let x = a[1].toUpperCase(), y = b[1].toUpperCase();
  755.             if (x > y) return 1;
  756.             else if (x < y) return -1;
  757.             return 0;
  758.         });
  759.         GM.setValue('blacklist', JSON.stringify(BC.blacklist));
  760.         BC.createSmartyButton();
  761.  
  762.         e.preventDefault();
  763.         e.stopPropagation();
  764.         return false;
  765.     },
  766.  
  767.  
  768.     blacklistRemove: (e) => {
  769.         BC.toggleTab();
  770.         let arr = BC.blacklist.filter(function(ele) {
  771.             return ele[0] != e.target.getAttribute('data-name');
  772.         });
  773.         BC.blacklist = arr;
  774.         BC.blacklist.sort( (a, b) => {
  775.             let x = a[1].toUpperCase(), y = b[1].toUpperCase();
  776.             if (x > y) return 1;
  777.             else if (x < y) return -1;
  778.             return 0;
  779.         });
  780.         GM.setValue('blacklist', JSON.stringify(BC.blacklist));
  781.         BC.createSmartyButton();
  782.         e.preventDefault();
  783.         e.stopPropagation();
  784.         return false;
  785.     },
  786.  
  787.  
  788.     wait: (o) => {
  789.         let waiter = '<div id="loader" style="position: relative;margin: auto;left: 0;top: 90px;width: 10%;"><ul style="width: 10%;"><li></li><li></li><li></li></ul></div>',
  790.             dim = o.getBoundingClientRect(),
  791.             n = dim.width;
  792.  
  793.         o.style.padding = '0';
  794.         o.style.width = n +'px';
  795.         o.style.height = dim.height +'px';
  796.  
  797.         setTimeout(function() {
  798.             o.style = '-webkit-transition: width 1s ease-out; -moz-transition: width 1s ease-out; -khtml-transition: width 1s ease-out; transition: width 1s ease-out; width:0%;';
  799.             setTimeout(function() {
  800.                 o.outerHTML = '';
  801.             }, 900)
  802.         }, 500);
  803.         return waiter;
  804.     },
  805.  
  806.  
  807.     maxY: 0, minY: 0, lastY: 0, tabTop: 0,
  808.     topfloat: '', tabfloat: '', upPrev: 0,
  809.     tabNav: '', topNav: '',
  810.     floatHeaders: (e) => {
  811.         let spanY = 0,
  812.             scrolled = Math.round(pageYOffset),
  813.             up = scrolled < BC.lastY;
  814.  
  815.         if (scrolled == BC.lastY) return;
  816.         else if (up) {
  817.             BC.minY = scrolled;
  818.             spanY = BC.minY - BC.maxY;
  819.         }
  820.         else {
  821.             BC.maxY = scrolled;
  822.             spanY = BC.maxY - BC.minY;
  823.         }
  824.         BC.lastY = scrolled;
  825.  
  826.         if (up) {
  827.             if (!BC.upPrev) BC.maxY = BC.lastY;
  828.             if (scrolled < BC.tabTop + 100 || spanY < -150) {
  829.                 if (BC.topfloat) {
  830.                     if (scrolled < 1) {
  831.                         BC.maxY = 0;
  832.                         BC.topfloat = false;
  833.                         BC.topNav.style.top = '';
  834.                         d.documentElement.classList.remove("topNavfloat");
  835.                     }
  836.                     else if (scrolled > BC.tabTop + 99) {
  837.                         BC.topNav.style.top = '0px';
  838.                     }
  839.                 }
  840.                 if (BC.topfloat || scrolled < 1) {
  841.                     if (scrolled <= BC.tabTop - 60) {
  842.                         BC.tabfloat = false;
  843.                         BC.tabNav.style.top = '';
  844.                         d.documentElement.classList.remove("tabNavfloat");
  845.                     }
  846.                     else if (scrolled > BC.tabTop + 99) {
  847.                         BC.tabNav.style.top = '60px';
  848.                     }
  849.                 }
  850.             }
  851.         }
  852.         else if (scrolled > BC.tabTop + 88 && spanY > 149) {
  853.             if (BC.upPrev) BC.minY = BC.lastY;
  854.             BC.topNav.style.top = '-160px';
  855.             if (!BC.topfloat) {
  856.                 BC.topfloat = true;
  857.                 d.documentElement.classList.add("topNavfloat");
  858.             }
  859.             BC.tabNav.style.top = '-102px';
  860.             if (!BC.tabfloat) {
  861.                 BC.tabfloat = true;
  862.                 d.documentElement.classList.add("tabNavfloat");
  863.             }
  864.         }
  865.         BC.upPrev = up;
  866.     },
  867.  
  868.  
  869.     navsIni: () => {
  870.         if (BC.settings.hidemenubar) {
  871.             w.scrollTo(0, 0);
  872.             BC.maxY = 0; BC.minY = 0; BC.lastY = 0; BC.tabTop = 0;
  873.             BC.topfloat = false; BC.tabfloat = false; BC.upPrev = true;
  874.             BC.topNav = qs('#nav-top-menu');
  875.             BC.tabNav = qs('.tab-scroll-outer');
  876.             d.documentElement.classList.remove("topNavfloat");
  877.             d.documentElement.classList.remove("tabNavfloat");
  878.             BC.topNav.style.top = '';
  879.             if (BC.tabNav && !BC.tabTop) {
  880.                 BC.tabNav.style.top = '';
  881.                 setTimeout( function() {
  882.                   BC.tabTop = BC.tabNav.getBoundingClientRect().top;
  883.                   if (isChrome) setTimeout( function(){w.scrollTo(0, BC.tabTop)},1000);
  884.                   else w.scrollTo(0, BC.tabTop);
  885.                 },1000);
  886.             }
  887.         } else return
  888.     },
  889.  
  890.  
  891.     toggleSettings: (arg, val) => {
  892.         let previouslisting, carousel, advert;
  893.  
  894.         if (arg == 'useblacklist') {
  895.             BC.savePlayerValue(arg, val);
  896.             BC.createSmartyButton();
  897.             if (BC.homepage) {
  898.                 if (val) {
  899.                     if (BC.previouslisting) {
  900.                         previouslisting = BC.previouslisting;
  901.                         if (previouslisting.indexOf('listing') !=-1 && !BC.settings.hidecarousel)
  902.                             BC.applyBlacklist('#carousel #channel-list div.item > div,#carousel .hidden-md > div');
  903.                         BC.applyBlacklist(previouslisting);
  904.                     }
  905.                     d.documentElement.classList.remove("noblacklist");
  906.                 }
  907.                 else d.documentElement.classList.add("noblacklist");
  908.             }
  909.         }
  910.         else if (arg == 'hidecarousel') {
  911.             if (carousel = qs('#carousel')) {
  912.                 carousel.style.display = (val ? 'none' : 'block');
  913.                 if (val) carousel.innerHTML = '';
  914.                 else carousel.innerHTML = '<h3>Refresh window to start carousel</h3>';
  915.             }
  916.             BC.savePlayerValue(arg, val);
  917.             BC.createSmartyButton();
  918.         }
  919.         else if (arg == 'hidemenubar') {
  920.             BC.savePlayerValue(arg, val);
  921.             BC.createSmartyButton();
  922.         }
  923.         else if (arg == 'hideadverts') {
  924.             if (advert = qs('.rcad-container')) {
  925.                 advert.style.display = (val ? 'none' : 'block');
  926.             }
  927.             BC.savePlayerValue(arg, val);
  928.             BC.createSmartyButton();
  929.         }
  930.         else if (arg == 'usedark') {
  931.             if (val) d.documentElement.classList.add("night");
  932.             else d.documentElement.classList.remove("night");
  933.             BC.savePlayerValue(arg, val);
  934.         }
  935.         else if (arg == 'useminiplayer' || arg == 'color' || arg == 'usesquareicons' || arg == 'hidedonationbar' ||
  936.                  arg == 'homepagegotoall' || arg == 'hidecookienotice' || arg == 'hidesignupnotice' || arg == 'useseekbarpreview') {
  937.             BC.reload = true;
  938.             BC.savePlayerValue(arg, val);
  939.         }
  940.     },
  941.  
  942.  
  943.     savePlayerValue: (arg, val) => {
  944.         if (arg == 'volume') BC.player.volume = val;
  945.         else if (arg == 'color') BC.settings.color = val;
  946.         else if (arg == 'usedark') BC.settings.usedark = val;
  947.         else if (arg == 'autoplay') BC.player.autoplay = val;
  948.         else if (arg == 'playnext') BC.settings.playnext = val;
  949.         else if (arg == 'playlists') BC.settings.playlists = val;
  950.         else if (arg == 'mvplaylist') BC.settings.mvplaylist = val;
  951.         else if (arg == 'hidemenubar') BC.settings.hidemenubar = val;
  952.         else if (arg == 'hideadverts') BC.settings.hideadverts = val;
  953.         else if (arg == 'useblacklist') BC.settings.useblacklist = val;
  954.         else if (arg == 'hidecarousel') BC.settings.hidecarousel = val;
  955.         else if (arg == 'hidecomments') BC.settings.hidecomments = val;
  956.         else if (arg == 'useminiplayer') BC.settings.useminiplayer = val;
  957.         else if (arg == 'usesquareicons') BC.settings.usesquareicons = val;
  958.         else if (arg == 'hidedonationbar') BC.settings.hidedonationbar = val;
  959.         else if (arg == 'homepagegotoall') BC.settings.homepagegotoall = val;
  960.         else if (arg == 'hidecookienotice') BC.settings.hidecookienotice = val;
  961.         else if (arg == 'hidesignupnotice') BC.settings.hidesignupnotice = val;
  962.         else if (arg == 'useseekbarpreview') BC.settings.useseekbarpreview = val;
  963.         GM.setValue('player', JSON.stringify({
  964.           volume     : BC.player.volume,
  965.           autoplay   : BC.player.autoplay,
  966.           color      : BC.settings.color,
  967.           playnext   : BC.settings.playnext,
  968.           playlists  : BC.settings.playlists,
  969.           mvplaylist : BC.settings.mvplaylist,
  970.           usedark       : BC.settings.usedark,
  971.           useblacklist  : BC.settings.useblacklist,
  972.           hidecarousel  : BC.settings.hidecarousel,
  973.           hidecomments  : BC.settings.hidecomments,
  974.           hidemenubar   : BC.settings.hidemenubar,
  975.           hideadverts   : BC.settings.hideadverts,
  976.           useminiplayer : BC.settings.useminiplayer,
  977.           usesquareicons    : BC.settings.usesquareicons,
  978.           hidedonationbar   : BC.settings.hidedonationbar,
  979.           homepagegotoall   : BC.settings.homepagegotoall,
  980.           hidecookienotice  : BC.settings.hidecookienotice,
  981.           hidesignupnotice  : BC.settings.hidesignupnotice,
  982.           useseekbarpreview : BC.settings.useseekbarpreview
  983.         }));
  984.     },
  985.  
  986.  
  987.     miniPlayer: () => {
  988.         let show_mini = pageYOffset > BC.player.api.mini_point,
  989.             is_mini = d.documentElement.classList.contains("s-marty-miniplayer")
  990.  
  991.         if (!show_mini && is_mini) {
  992.             d.documentElement.classList.remove("s-marty-miniplayer");
  993.             BC.player.fur.style.width = '';
  994.             BC.player.fur.style.height = '';
  995.             BC.player.fur.style.left = '0px';
  996.             BC.player.fur.style.bottom = '0px';
  997.             BC.player.api.style.width = '';
  998.             BC.player.api.style.height = BC.origVid.h +'px';
  999.             w.dispatchEvent(new Event("resize"));
  1000.         }
  1001.         else if (show_mini && !is_mini) {
  1002.             d.documentElement.classList.add("s-marty-miniplayer");
  1003.             BC.player.fur.style.left = BC.miniplayer.x +'px';
  1004.             BC.player.fur.style.bottom = BC.miniplayer.y +'px';
  1005.             BC.player.api.style.width = BC.miniplayer.w +'px';
  1006.             BC.player.api.style.height = BC.miniplayer.h +'px';
  1007.         }
  1008.     },
  1009.  
  1010.  
  1011.     onFullScreen: (e) => {
  1012.         let a, el;
  1013.         if (d.fullscreenElement || d.mozFullScreenElement || d.webkitFullscreenElement) {
  1014.             BC.isFullScreen = true;
  1015.             d.documentElement.classList.add("isfullscreen");
  1016.             if (BC.settings.playnext) {
  1017.                 a = dce("a");
  1018.                 a.href = "javascript:void(0)";
  1019.                 a.id = "block_playnext";
  1020.                 a.style.display = "none";
  1021.                 el = qs(".sidebar-next .video-card");
  1022.                 el.insertBefore(a, el.firstChild);
  1023.             }
  1024.             BC.prevUp = []; BC.nextUp = {}; BC.history = -1; BC.nextUpLoaded = false;
  1025.             el = dce("div");
  1026.             el.id = "autoplay-next";
  1027.             el.className = "hidden";
  1028.             qs(".wrapper .plyr").appendChild(el);
  1029.             BC.player.api.addEventListener('ended', BC.playNextFullScreen, false);
  1030.             BC.player.api.addEventListener('play', BC.hideAutoplayNext, false);
  1031.         }
  1032.         else {
  1033.             BC.isFullScreen = false;
  1034.             d.documentElement.classList.remove("isfullscreen");
  1035.             if (a = qs(".sidebar-next .video-card a#block_playnext"))
  1036.                 qs(".sidebar-next .video-card").removeChild(a);
  1037.             if (el = qs(".wrapper .plyr #autoplay-next"))
  1038.                 qs(".wrapper .plyr").removeChild(el);
  1039.             BC.player.api.removeEventListener('ended', BC.playNextFullScreen, false);
  1040.             BC.player.api.removeEventListener('play', BC.hideAutoplayNext, false);
  1041.             BC.prevUp = []; BC.nextUp = {}; BC.history = -1; BC.nextUpLoaded = false;
  1042.         }
  1043.     },
  1044.  
  1045.     catchKey: (e) => {
  1046.         let el = d.activeElement,
  1047.             fr = 1 / 24, /*23.976,*/
  1048.           code = e.keyCode ? e.keyCode : e.which,
  1049.          click = new MouseEvent('click', {bubbles: true, cancelable: true});
  1050.  
  1051.         if ((typeof code !== "number") ||
  1052.            (e.altKey || e.ctrlKey || e.shiftKey || e.metaKey) ||
  1053.            (typeof e.target.type !== "undefined" && e.target.type.indexOf('text') !=-1)) return;
  1054.         
  1055.         if (code == 188 || code == 190 && BC.player.api.paused) { /* < or > */
  1056.             e.preventDefault();
  1057.             e.stopPropagation();
  1058.             if (code == 188) { /* < one frame back */
  1059.                 BC.player.api.currentTime =
  1060.                   Math.max(0, BC.player.api.currentTime - fr);
  1061.             }
  1062.             else if (code == 190) { /* > one frame forward */
  1063.                 BC.player.api.currentTime =
  1064.                   Math.min(BC.player.api.duration, BC.player.api.currentTime + fr);
  1065.             } /* hide the red play button */
  1066.             setTimeout(()=>{qs('.plyr button.plyr__control--overlaid[aria-label="Play"]')
  1067.                  .classList.add("plyr__control--pressed")},150);
  1068.         }
  1069.         else if (!BC.isFullScreen) {
  1070.             if (code == 83) { /* s is for screenshot */
  1071.                 let ss = qs("#screenshot");
  1072.                 if (!ss)
  1073.                     qs("#takeScreenShot").dispatchEvent(click)
  1074.                 else {
  1075.                     if (qs("#overlay")) ss.removeChild(qs("#overlay"));
  1076.                     ss.dispatchEvent(click)
  1077.                 }
  1078.             }
  1079.             else if (code == 68) { /* d is for download */
  1080.                 Bcd.toggle_download_dialog();
  1081.             }
  1082.         }
  1083.     },
  1084.  
  1085.  
  1086.     sizeMiniPlayer: (e) => {
  1087.         let miniPlayerSized = false;
  1088.  
  1089.         if (e.type === "mousemove") {
  1090.             BC.miniSiz.hd = e.clientY - BC.miniSiz.h;
  1091.             BC.miniSiz.h = e.clientY;
  1092.             BC.miniPlayerH -= BC.miniSiz.hd;
  1093.             if (BC.miniPlayerH < 197) BC.miniPlayerH = 197;
  1094.             if (BC.miniPlayerH > BC.origVid.h) BC.miniPlayerH = BC.origVid.h;
  1095.             if (BC.miniPlayerH + BC.miniplayer.y > w.innerHeight -15) BC.miniPlayerH = w.innerHeight - BC.miniplayer.y -15;
  1096.             BC.miniPlayerW = Math.round(BC.miniPlayerH * BC.origVid.r);
  1097.  
  1098.             BC.player.api.style.width = BC.miniPlayerW +'px';
  1099.             BC.player.fur.style.width = BC.miniPlayerW +'px';
  1100.             BC.player.fur.style.height = BC.miniPlayerH +'px';
  1101.             BC.player.api.style.height = BC.miniPlayerH +'px';
  1102.         }
  1103.         else if (e.type === "mouseup") {
  1104.             w.removeEventListener("mouseup", BC.sizeMiniPlayer, true);
  1105.             w.removeEventListener("mousemove", BC.sizeMiniPlayer, true);
  1106.             if (BC.miniPlayerH != BC.miniplayer.h) {
  1107.                 BC.miniPlayerH = (BC.miniPlayerH < 197) ? 197 : BC.miniPlayerH;
  1108.                 BC.miniplayer.h = (BC.miniPlayerH > BC.origVid.h) ? BC.origVid.h : BC.miniPlayerH;
  1109.                 BC.miniplayer.w = Math.round(BC.miniPlayerH * BC.origVid.r);
  1110.                 miniPlayerSized = true;
  1111.             }
  1112.         }
  1113.         else if (e.type === "mousedown") {
  1114.             BC.miniSiz.h = e.clientY;
  1115.             BC.miniPlayerH = BC.miniplayer.h;
  1116.             w.addEventListener("mouseup", BC.sizeMiniPlayer, true);
  1117.             w.addEventListener("mousemove", BC.sizeMiniPlayer, true);
  1118.         }
  1119.         if (miniPlayerSized) {
  1120.             GM.setValue('miniplayer', JSON.stringify({ x:BC.miniplayer.x,y:BC.miniplayer.y,w:BC.miniplayer.w,h:BC.miniplayer.h }));
  1121.             miniPlayerSized = false;
  1122.         }
  1123.         e.preventDefault();
  1124.         e.stopPropagation();
  1125.         return false;
  1126.     },
  1127.  
  1128.  
  1129.     moveMiniPlayer: (e) => {
  1130.         let miniPlayerMoved = false;
  1131.  
  1132.         if (e.type === "mousemove") {
  1133.             BC.miniPos.xd = e.clientX - BC.miniPos.x;
  1134.             BC.miniPos.yd = BC.miniPos.y - e.clientY;
  1135.             BC.miniPos.x = e.clientX;
  1136.             BC.miniPos.y = e.clientY;
  1137.             BC.miniPlayerX += BC.miniPos.xd;
  1138.             BC.miniPlayerY += BC.miniPos.yd;
  1139.             if (BC.miniPlayerX < 0) BC.miniPlayerX = 0;
  1140.             if (BC.miniPlayerX + BC.miniplayer.w > w.innerWidth) BC.miniPlayerX = w.innerWidth - BC.miniplayer.w;
  1141.             if (BC.miniPlayerY < 0) BC.miniPlayerY = 0;
  1142.             if (BC.miniPlayerY + BC.miniplayer.h > w.innerHeight -15) BC.miniPlayerY = w.innerHeight - BC.miniplayer.h -15;
  1143.  
  1144.             BC.player.fur.style.left = BC.miniPlayerX +'px';
  1145.             BC.player.fur.style.bottom = BC.miniPlayerY +'px';
  1146.         }
  1147.         else if (e.type === "mouseup") {
  1148.             w.removeEventListener("mouseup", BC.moveMiniPlayer, true);
  1149.             w.removeEventListener("mousemove", BC.moveMiniPlayer, true);
  1150.             if (BC.miniPlayerX != BC.miniplayer.x || BC.miniPlayerY != BC.miniplayer.y) {
  1151.                 BC.miniplayer.x = (BC.miniPlayerX < 0) ? 0 : BC.miniPlayerX;
  1152.                 BC.miniplayer.y = (BC.miniPlayerY < 0) ? 0 : BC.miniPlayerY;
  1153.                 miniPlayerMoved = true;
  1154.             }
  1155.         }
  1156.         else if (e.type === "mousedown") {
  1157.             BC.miniPos.x = e.clientX;
  1158.             BC.miniPos.y = e.clientY;
  1159.             BC.miniPlayerX = BC.miniplayer.x;
  1160.             BC.miniPlayerY = BC.miniplayer.y;
  1161.             w.addEventListener("mouseup", BC.moveMiniPlayer, true);
  1162.             w.addEventListener("mousemove", BC.moveMiniPlayer, true);
  1163.         }
  1164.         if (miniPlayerMoved) {
  1165.             GM.setValue('miniplayer', JSON.stringify({ x:BC.miniplayer.x,y:BC.miniplayer.y,w:BC.miniplayer.w,h:BC.miniplayer.h }));
  1166.             miniPlayerMoved = false;
  1167.         }
  1168.         e.preventDefault();
  1169.         e.stopPropagation();
  1170.         return false;
  1171.     },
  1172.  
  1173.  
  1174.     addBrowserSearch: () => {
  1175.       	let head = qs('head'),
  1176.       	    openSearch = dce('link');
  1177.  
  1178.       	openSearch.setAttribute('rel', 'search');
  1179.       	openSearch.setAttribute('href', location.protocol +'//github.com/s-marty/SmartChute/raw/master/inc/search.xml');
  1180.       	openSearch.setAttribute('type', 'application/opensearchdescription+xml');
  1181.       	openSearch.setAttribute('title', 'Bit Chute');
  1182.       	head.appendChild(openSearch);
  1183.     },
  1184.  
  1185.  
  1186.     setChannelFeed: (action) => {
  1187.         let rssLink, title, href, channel;
  1188.         let head = qs('head'),
  1189.             card = qs('.channel-banner .name a'),
  1190.             feed = qs('#rss_feed');
  1191.  
  1192.         if (action == 'remove' && feed) {
  1193.             head.removeChild(feed)
  1194.         }
  1195.         else if (action == 'add' && card) {
  1196.             title = card.innerText;
  1197.             href = card.getAttribute("href");
  1198.             channel = href.match( /\/channel\/([a-z0-9_-]+)\//i );
  1199.             if (channel) {
  1200.       	        if (feed && feed.title != title) head.removeChild(feed);
  1201.       	        else if (!feed) {
  1202.           	        rssLink = dce('link');
  1203.                     rssLink.setAttribute('rel', 'alternate');
  1204.                     rssLink.setAttribute('href', `${location.protocol}//www.bitchute.com/feeds/rss/channel/${channel[1]}/`);
  1205.                     rssLink.setAttribute('type', 'application/rss+xml');
  1206.                     rssLink.setAttribute('title', title);
  1207.                     rssLink.setAttribute('id', 'rss_feed');
  1208.                     head.appendChild(rssLink);
  1209.                 }
  1210.             }
  1211.         }
  1212.     },
  1213.  
  1214.  
  1215.     setPreferencesCookie: (name, value) => {
  1216.         let val, preferences = d.cookie.match(/preferences=(\{[a-z0-9_%:-]+[^;]*\})/i);
  1217.         if (preferences) {
  1218.             if (name == 'autoplay') {
  1219.                 val = preferences[1].match(/theme%22:%22([a-z]+)%22/);
  1220.                 d.cookie = `preferences={%22theme%22:%22${val[1]}%22%2C%22autoplay%22:${value}}; path=/`;
  1221.             }
  1222.             else if (name == 'theme') {
  1223.                 val = preferences[1].match(/autoplay%22:([a-z]+)(\}|%2C)/);
  1224.                 d.cookie = `preferences={%22theme%22:%22${value}%22%2C%22autoplay%22:${val[1]}}; path=/`;
  1225.             }
  1226.         }
  1227.     },
  1228.  
  1229.  
  1230.     addSensitivityCookie: (e) => {
  1231.         d.cookie = "sensitivity=true; path=/";
  1232.         return false
  1233.     },
  1234.  
  1235.  
  1236.     getCsrftoken: () => {
  1237.         let csrftoken = d.cookie.match(/csrftoken=([a-z0-9_-]+[^;]*)/i);
  1238.         return csrftoken ? csrftoken[1] : null
  1239.     },
  1240.  
  1241.  
  1242.     addPublishDate: (update = false) => {
  1243.         let u, tn, out = null;
  1244.         let vpd = qs("div.video-publish-date");
  1245.  
  1246.         if (vpd) {
  1247.             u = vpd.innerHTML.match(/(\d\d):(\d\d)\s(UTC)\son\s([a-zA-Z]*)\s(\d?\d)[a-z]{2},\s(\d{4})/);
  1248.             //debug('dateString.match', u);
  1249.             if (u) {
  1250.                 if (update) {
  1251.                     if (out = getPublishDate(u)) {
  1252.                         vpd = qs("b", vpd);
  1253.                         tn = d.createTextNode(`${out} ago`);
  1254.                         vpd.replaceChild(tn, vpd.childNodes[0]);
  1255.                         setTimeout(BC.addPublishDate, 60000, true)
  1256.                     }
  1257.                 }
  1258.                 else {
  1259.                     vpd.style.fontSize = "12px";
  1260.                     out = getPublishDate(u);
  1261.                     if (out) {
  1262.                         vpd.innerHTML += `&nbsp;&nbsp; <b>${out} ago</b>`;
  1263.                         setTimeout(BC.addPublishDate, 60000, true)
  1264.                     }
  1265.                 }
  1266.             }
  1267.         }
  1268.     },
  1269.  
  1270.  
  1271.     isDark: false, isTheme: false, persistTryDT: 0,
  1272.  
  1273.     setTheme: () => {
  1274.         let c, theme, version, colours, style;
  1275.  
  1276.         if (!BC.isDark && BC.settings.usedark) {
  1277.             theme = qs('link#css-theme');
  1278.             if (theme !== null) {
  1279.                 if (theme.href.indexOf('night.css') ==-1) {
  1280.                     version = theme.href.match( /\/static\/([a-z]+[0-9]+)\//i );
  1281.                     if (version !== null && version[1] !== null) {
  1282.                         BC.version = version[1];
  1283.                         theme.setAttribute('href',`/static/${BC.version}/css/theme-default-night.css`);
  1284.                     }
  1285.                     BC.isDark = true;
  1286.                 }
  1287.                 BC.setPreferencesCookie("theme", "night");
  1288.                 d.documentElement.classList.add("night");
  1289.                 BC.persistTryDT = 0;
  1290.             }
  1291.             else if (!BC.isDark && BC.persistTryDT++ < 30) {
  1292.                 w.setTimeout(BC.setTheme, 1000);
  1293.             }
  1294.         }
  1295.         if (!BC.isTheme && BC.settings.color != 'none') {
  1296.             BC.isTheme = true;
  1297.             colours = {
  1298.                 'orange':{dark:'#ef4136',lighter:'#f37835',lightest:'#f0af5a'},
  1299.                  'green':{dark:'#46a604',lighter:'#35c453',lightest:'#55a47c'},
  1300.                   'blue':{dark:'#2532e0',lighter:'#2567e0',lightest:'#559bcc'}
  1301.             };
  1302.             c = colours[BC.settings.color];
  1303.             style = dce("style");
  1304.             style.type = "text/css";
  1305.             style.innerText = `
  1306.                 .night .sidebar-heading, .night .subscribe-button, .night .btn-danger, .night #loader ul li {background-color: ${c.dark};}
  1307.                 .night .sidebar-recent .video-card.active {box-shadow: 0 0 1em 0.2em ${c.lighter};} .night .nav-tabs>li.active {border-bottom-color:${c.dark};}
  1308.                 .night .playlist-card.active {border-top: 1px solid ${c.lighter}bb; box-shadow: 0 2px 1em 0.2em ${c.lighter};}
  1309.                 .night body, .night .video-card .video-card-text, .night .video-card .video-card-text p i, .night .notify-button,
  1310.                 .night .channel-notify-button, .night .channel-videos-details, .night .channel-videos-title a, .night .channel-videos-text,
  1311.                 .night .video-trending-details, .night .video-trending-title a, .night .video-trending-channel a, .night .video-trending-text,
  1312.                 .night .playlist-video .details, .night .playlist-video .title a, .night .playlist-video .channel a, .night .playlist-video .description,
  1313.                 .night #smarty_tab label, .night #smarty_tab #blacklistedchannels span, .night .jquery-comments ul.main li.comment time,
  1314.                 .night .video-detail-text p, .night .video-information .sharing-drop span, .night #nav-top-menu .search-box .form-control, .jquery-comments .no-data { color: ${c.lightest};}
  1315.                 .night a:link, .night a:active, .night a:visited, .night a:focus, .night .scripted-link, .night #nav-top-menu .unauth-link a, .night .jquery-comments ul.navigation li,
  1316.                 .night .video-card .video-card-text a, .night #nav-top-menu .user-link a, .night #day-theme a svg, .night .search-icon svg { color: ${c.lighter};}
  1317.                 .night #nav-side-menu .side-toggle:hover, .night #day-theme a svg:hover, .night .search-icon svg:hover, .night #smarty_tab label:hover, .night #smarty_tab #blacklistedchannels span:hover,
  1318.                 .night a:hover, .night .scripted-link:hover, .night #screenshot .cancel:hover, .night #screenshot .save a:hover, .night .jquery-comments ul.navigation li.active, .night .jquery-comments ul.navigation li:hover {color: ${c.dark} !important;}
  1319.                 .night #video_download_dialog button[disabled]:not(.download_finished):not(.download_error):hover {background-color: ${c.dark} !important;}
  1320.                 .night .tags ul li a, .night #show-comments {background-color: #3b383c; border-radius:5px;} .night .tags ul li a:hover {background-color: #4d484e;} .creator-monetization {color: #30a247;}
  1321.                 .night .channel-banner .name a.userisblacklisted {text-decoration-color: yellow;} .night #video_download_dialog hr {background: linear-gradient(to right, #211f22 0%, ${c.dark} 50%, ${c.dark} 50%, #211f22 100%) !important;}
  1322.                 .night .radiohelper::before, .night .cbhelper::before {border: 1px solid ${c.dark};}
  1323.                 .night .smartybox input[type="checkbox"]:checked ~ .cbhelper::before, .night .smartybox input[type="radio"]:checked ~ .radiohelper::before {background: linear-gradient(to bottom, ${c.lightest}33 0%, ${c.dark}66 100%) !important;}`;
  1324.             d.documentElement.appendChild(style);
  1325.         }
  1326.     },
  1327.  
  1328.  
  1329.     persistTryATL: 0, buttonFound: false,
  1330.  
  1331.     addThemeListeners: () => {
  1332.         let toDay   = qs('#day-theme a'),
  1333.             toNight = qs('#night-theme a');
  1334.  
  1335.         if (toDay && toNight && !BC.buttonFound) {
  1336.             BC.buttonFound = true;
  1337.             toDay.addEventListener('click', function(e) {
  1338.                 if (e.which===1)
  1339.                     BC.toggleSettings('usedark', false)
  1340.             }, false);
  1341.  
  1342.             toNight.addEventListener('click', function(e) {
  1343.                 if (e.which===1)
  1344.                     BC.toggleSettings('usedark', true)
  1345.             }, false);
  1346.         }
  1347.         else if (BC.persistTryATL++ < 30 && !BC.buttonFound) setTimeout(BC.addThemeListeners, 1000);
  1348.     },
  1349.  
  1350.  
  1351.     persistTryHC: 0, showComments: null,
  1352.  
  1353.     hideComments: (e) => {
  1354.         let comments = qs('#comments-container');
  1355.         let container = qs('#comment-frm-container');
  1356.         let comment_cnt = qsa('#comments-container li.comment');
  1357.         let nocomments = qs('.video-no-comments p') && !qs('.video-no-comments a');
  1358.         BC.showComments = qs('#comment-frm-container > #show-comments');
  1359.  
  1360.         if (nocomments || BC.showComments) return;
  1361.         if (container && comments) {
  1362.             if (qs('#comments-container #comment-list') === null) {
  1363.                 if (BC.persistTryHC++ < 60 && !BC.showComments)
  1364.                     setTimeout(BC.hideComments, 1000);
  1365.                 return
  1366.             }
  1367.             BC.showComments = dce("div");
  1368.             BC.showComments.id = 'show-comments';
  1369.             BC.showComments.innerHTML = `<span class="scripted-link">Show ${comment_cnt.length} Comment${comment_cnt.length === 1 ? '' : 's'}</span>`;
  1370.             BC.showComments.style = "width:100%;height:38px;margin:0px;padding:8px;text-align:center;border-radius:5px;";
  1371.             container.insertBefore(BC.showComments, comments);
  1372.             comments.style.display = 'none';
  1373.             BC.showComments.addEventListener('click', function(e) {
  1374.                 if (e.which===1) {
  1375.                     qs('#comments-container').style.display = 'block';
  1376.                     this.style.display = 'none';
  1377.                 }
  1378.             }, false);
  1379.         } else if (BC.persistTryHC++ < 30 && !BC.showComments) setTimeout(BC.hideComments, 2000);
  1380.     },
  1381.  
  1382.  
  1383.     fetchingMoreRecentVideos: 0,
  1384.  
  1385.     addMoreRecentVideos: (offset = -1, playlist = null) => {
  1386.         let data, link, xhr, sensitivity;
  1387.         let extend = "",
  1388.             name = null,
  1389.             showall = "";
  1390.  
  1391.         if (!playlist) {
  1392.             if (BC.fetchingMoreRecentVideos == offset) return;
  1393.             BC.fetchingMoreRecentVideos = offset;
  1394.             link = qs('.details .name a');
  1395.             if (link) name = link.href.match( /\/channel\/([a-z0-9_-]+)\//i );
  1396.         }
  1397.         else {
  1398.             link = `${location.protocol}//${BC.host}/playlist/${playlist}/`;
  1399.         }
  1400.         sensitivity = d.cookie.match(/sensitivity=((true)|(false))/i);
  1401.         if (name || playlist) {
  1402.             if (scriptHandler == "Greasemonkey"){xhr = new BC.SM_XMLHttpRequest()}else{xhr = new XMLHttpRequest()}
  1403.             if (playlist) {
  1404.                 data = `csrfmiddlewaretoken=${BC.getCsrftoken()}`;
  1405.                 xhr.addEventListener("load", (e) => { BC.pare(e, playlist) });
  1406.                 xhr.addEventListener("error", (e) => { error('XMLHttpRequest playlist videos error: '+ e) });
  1407.             }
  1408.             else {
  1409.                 if (sensitivity && sensitivity[1] == 'true') showall = '?showall=1';
  1410.                 if (offset >= 0) {
  1411.                     extend = "extend/";
  1412.                     offset = `&offset=${offset}`;
  1413.                 }
  1414.                 data = `csrfmiddlewaretoken=${BC.getCsrftoken()}&name=${name[1]}${offset}`;
  1415.                 xhr.addEventListener("load", (e) => { BC.pear(e) });
  1416.                 xhr.addEventListener("error", (e) => { error('XMLHttpRequest recent videos error: '+ e) });
  1417.             }
  1418.             xhr.open("POST", `${link}${extend}${showall}`, true);
  1419.             xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
  1420.             xhr.send(data);
  1421.         }
  1422.     },
  1423.  
  1424.  
  1425.     SM_XMLHttpRequest: function() {
  1426.         /* Used only under Greasemonkey due to lack of Referer header */
  1427.         this.headers = {"Referer": BC.url}
  1428.         this.listeners = {load: null, abort: null, error: null, timeout: null,
  1429.                                       progress: null, readystatechange: null};
  1430.         this.addEventListener = function(event, data) {
  1431.             if (Object.keys(this.listeners).indexOf(event) !=-1)
  1432.                 this.listeners[event] = data
  1433.         }
  1434.         this.setRequestHeader = function(header, data) {
  1435.             this.headers[header] = data
  1436.         }
  1437.         this.open = function(method, url) {
  1438.             this.method = method;
  1439.             this.url = url;
  1440.         }
  1441.         this.send = function(data = null) {
  1442.             var xhr = GM.xmlHttpRequest({
  1443.                               data: data,
  1444.                                url: this.url,
  1445.                             method: this.method,
  1446.                            headers: this.headers,
  1447.                             onload: this.listeners.load,
  1448.                            onabort: this.listeners.abort,
  1449.                            onerror: this.listeners.error,
  1450.                          ontimeout: this.listeners.timeout,
  1451.                         onprogress: this.listeners.progress,
  1452.                 onreadystatechange: this.listeners.readystatechange
  1453.             });
  1454.         }
  1455.     },
  1456.  
  1457.  
  1458.     pear: (e) => {
  1459.         try {
  1460.             e = typeof e.target === "undefined" ? {target: e} : e;
  1461.             let i, a1, title, pdate, card, cards, active,
  1462.                 hidden, sidebar, offset, addedoffset, showmore;
  1463.             let result = JSON.parse(e.target.responseText);
  1464.  
  1465.             if ('undefined' !== result.success && result.success) {
  1466.                 hidden = dce("div");
  1467.                 sidebar = qs('.sidebar-recent');
  1468.                 if (sidebar) {
  1469.                     hidden.innerHTML = result.html;
  1470.                     offset = qsa('.video-card', sidebar).length;
  1471.                     cards = qsa('.channel-videos-container', hidden);
  1472.                     addedoffset = cards.length;
  1473.                     showmore = dce("div");
  1474.                     showmore.className="show-more-container";
  1475.                     showmore.innerHTML = '<div class="show-more"><span>SHOW MORE</span></div>';
  1476.                     for (i = 0; i < cards.length; i++) {
  1477.                         a1 = qs('.channel-videos-image-container', cards[i]).innerHTML
  1478.                             .replace('channel-videos-image','video-card-image')
  1479.                             .replace(/_640x360/g,'_320x180');
  1480.                         title = qs('.channel-videos-title', cards[i]).innerHTML;
  1481.                         pdate = qs('.channel-videos-details span', cards[i]).innerText;
  1482.                         card = dce("div");
  1483.                         card.className="video-card more";
  1484.                         card.innerHTML = a1 + `
  1485.                               <div class="video-card-text">
  1486.                                 <p class="video-card-title">${title}</p>
  1487.                                 <p class="video-card-published">${pdate}</p>\n</div>`;
  1488.                         sidebar.appendChild(card);
  1489.                     }
  1490.                     active = qs('.active', sidebar);
  1491.                     if (active) active.classList.remove("active");
  1492.                     active = qs(`.video-card > a[href='${BC.path}']`, sidebar);
  1493.                     if (active) active.parentNode.classList.add("active");
  1494.                     if (offset == 6 && addedoffset == 25) {
  1495.                         sidebar.parentNode.appendChild(showmore);
  1496.                         qs('.show-more').classList.remove("hidden");
  1497.                         qs('.show-more').addEventListener("click", function(e){ BC.addMoreRecentVideos(offset+addedoffset+2) }, false);
  1498.                     }
  1499.                     else if (offset > 6 && addedoffset == 25 && qs('.show-more')) {
  1500.                         qs('.show-more').outerHTML = showmore.outerHTML;
  1501.                         qs('.show-more').classList.remove("hidden");
  1502.                         qs('.show-more').addEventListener("click", function(e){ BC.addMoreRecentVideos(offset+addedoffset+2) }, false);
  1503.                     }
  1504.                 }
  1505.             }
  1506.             else { error('XMLHttpRequest recent videos request error') }
  1507.             BC.fetchingMoreRecentVideos = 0;
  1508.         } catch (e) { error('XMLHttpRequest recent videos parsing error: '+ e) }
  1509.     },
  1510.  
  1511.  
  1512.     pare: (e, playlist) => {
  1513.         try {
  1514.             e = typeof e.target === "undefined" ? {target: e} : e;
  1515.             let i, r, a, q, h, a1, br, title, name, icon, pchan, pdate,
  1516.                 card, active, hidden, content, sidebar, cards;
  1517.             let result = JSON.parse(e.target.responseText),
  1518.                 index = 0,
  1519.                 seqId = 0,
  1520.                 cards2 = [];
  1521.  
  1522.             if ('undefined' !== result.success && result.success) {
  1523.                 cards = qs('.sidebar-recent');
  1524.                 hidden = dce("div");
  1525.                 content = dce("div");
  1526.                 content.className = "playlist_sidebar";
  1527.                 sidebar = dce("h2");
  1528.                 sidebar.className = "sidebar-heading playlists";
  1529.                 cards.insertBefore(content, cards.firstChild);
  1530.                 cards.insertBefore(sidebar, cards.firstChild);
  1531.                 hidden.innerHTML = result.html;
  1532.                 cards = qsa('.playlist-video div.row', hidden);
  1533.                 title = qs('#playlist-title', hidden).innerText;
  1534.                 name = qs('.details .name a').innerText;
  1535.                 title = `${cards.length == 25 ? "First 25" : cards.length} videos from ${name}'s \"${title}\" playlist.`;
  1536.                 icon = qs('.sidebar-recent h2 span');
  1537.                 icon.setAttribute("data-original-title", title);
  1538.                 sidebar.innerText = "Playlist Videos";
  1539.                 sidebar.appendChild(icon);
  1540.  
  1541.                 a = BC.url.match( /\/video\/([a-z0-9_-]+)\//i )[1];
  1542.                 r = new RegExp (`/video/${a}/`, 'i');
  1543.                 for (i = 0; i < cards.length; i++) {
  1544.                     q = qs('.image-container a', cards[i]).href;
  1545.                     if (r.test(q)) index = i;
  1546.                     cards[i].setAttribute("id", i+1);
  1547.                     cards2.push(cards[i].outerHTML);
  1548.                 }
  1549.  
  1550.                 if (index !== 0) {
  1551.                     cards = new Array(cards2.length);
  1552.                     cards2.forEach( (item, i) => {
  1553.                         h = new DOMParser().parseFromString(item, 'text/html');
  1554.                         h = qs("body > div.row", h);
  1555.                         if (i < index) cards[cards2.length - index + i] = h;
  1556.                         else cards[i - index] = h;
  1557.                     })
  1558.                 }
  1559.  
  1560.                 for (i = 0; i < cards.length; i++) {
  1561.                     if (a1 = qs('.image-container', cards[i])) {
  1562.                         a1 = a1.innerHTML
  1563.                             .replace('image','video-card-image')
  1564.                             .replace(/_640x360/g,'_320x180')
  1565.                             .replace(/<\/div>/,'')
  1566.                             .replace(/<\/a>/,'<\/div><\/a>');
  1567.                         seqId = cards[i].id;
  1568.                         title = qs('.text-container .title', cards[i]).innerHTML;
  1569.                         pchan = qs('.text-container .channel', cards[i]).innerHTML;
  1570.                         pdate = qs('.text-container .details span', cards[i]).innerText;
  1571.                         q = qs('.image-container a', cards[i]).href.match( /\/video\/([a-z0-9_-]+)\//i )[1];
  1572.                         card = dce("div");
  1573.                         card.className="video-card more";
  1574.                         card.setAttribute("q", q);
  1575.                         card.innerHTML = a1 + `
  1576.                               <div class="video-card-text">
  1577.                                 <p class="video-card-title">${title}</p>
  1578.                                 <p class="video-card-channel">${pchan}</p>
  1579.                                 <p class="video-card-published">${pdate}</p>
  1580.                                 <span class="video-card-published sequence">${seqId}</span>\n</div>`;
  1581.                         content.appendChild(card);
  1582.                     }
  1583.                 }
  1584.                 active = qs('.active', content);
  1585.                 if (active) active.classList.remove("active");
  1586.                 active = qs(`.video-card[q='${a}']`, content);
  1587.                 if (active) active.classList.add("active");
  1588.                 setTimeout(() => {content.style.maxHeight = `${content.getBoundingClientRect().height}px`;}, 1500);
  1589.                 sidebar.addEventListener("click", function(e){
  1590.                     setTimeout(() => {e.target.classList.toggle("slidein");}, 750);
  1591.                     qs(".playlist_sidebar").classList.toggle("slidein");
  1592.                 }, false);
  1593.             }
  1594.             else { error('XMLHttpRequest playlist videos request error') }
  1595.             BC.fetchingMoreRecentVideos = 0;
  1596.         } catch (e) { error('XMLHttpRequest playlist videos parsing error: '+ e) }
  1597.     },
  1598.  
  1599.  
  1600.     fetchingMvplaylist: !1,
  1601.     mostViewedPlaylist: {slider:null,index:0,length:0,cardWidth:function(){let o = qs('.mvplaylist').getBoundingClientRect();return (!o || !o.width ? 0 : Math.round(o.width/240))}},
  1602.  
  1603.     addMostViewedPlaylist: () => {
  1604.         let el, comments, parent, row, xhr, data, showall;
  1605.         let link = qs('.details .name a'),
  1606.             sensitivity = d.cookie.match(/sensitivity=((true)|(false))/i);
  1607.  
  1608.         if (qs('.mvplaylist.row') || BC.fetchingMvplaylist) return;
  1609.         else {
  1610.             parent = qs('.video-container');
  1611.             row = dce("div");
  1612.             row.className = 'mvplaylist row';
  1613.             if (comments = qs('.comments.row')) {
  1614.                 el = comments;
  1615.             }
  1616.             else {
  1617.                 el = parent.children[3];
  1618.                 el.className = 'comments row';
  1619.             }
  1620.             parent.insertBefore(row, el);
  1621.         }
  1622.         if (link) {
  1623.             BC.fetchingMvplaylist = 1;
  1624.             if (scriptHandler == "Greasemonkey"){xhr = new BC.SM_XMLHttpRequest()}else{xhr = new XMLHttpRequest()}
  1625.             data = 'csrfmiddlewaretoken='+ BC.getCsrftoken();
  1626.             showall = '';
  1627.             if (sensitivity)
  1628.                 if (sensitivity[1] == 'true') showall = '?showall=1';
  1629.  
  1630.             xhr.addEventListener("load", (e) => { BC.peer(e) });
  1631.             xhr.addEventListener("error", (e) => { error('XMLHttpRequest most viewed error: '+ e) });
  1632.             xhr.open("POST", link + showall, true);
  1633.             xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
  1634.             xhr.send(data);
  1635.         }
  1636.     },
  1637.  
  1638.  
  1639.     peer: (e) => {
  1640.         try {
  1641.             e = typeof e.target === "undefined" ? {target: e} : e;
  1642.             let i, hidden, html, active, cards, row, title, content,
  1643.                 arrow, slider, cardActive, cds, pos, left, right;
  1644.             let result = JSON.parse(e.target.responseText);
  1645.  
  1646.             if ('undefined' !== result.success && result.success) {
  1647.                 hidden = dce("div");
  1648.                 html = result.html.match(/(<div class="video-card"[^<]*?>[\s\S]*<\/div>[\s\n]*?<\/div>)[\s\n]*?<\/div>[\s\n]*?<\/div>/i);
  1649.                 if (html && html[1]) {
  1650.                     hidden.innerHTML = html[1];
  1651.                     active = '';
  1652.                     cards = qsa('.video-card', hidden);
  1653.                     row = qs(".mvplaylist.row");
  1654.                     title = dce("div");
  1655.                     content = dce("div");
  1656.                     arrow = dce("div");
  1657.                     slider = dce("div");
  1658.                     BC.mostViewedPlaylist.length = cards.length;
  1659.                     BC.mostViewedPlaylist.slider = slider;
  1660.                     title.className = 'playlist-title';
  1661.                     title.innerHTML = `<h2 class="sidebar-heading">Most Viewed (${cards.length})</h2>`;
  1662.                     row.appendChild(title);
  1663.                     arrow.className = 'playlistbt';
  1664.                     content.appendChild(arrow);
  1665.                     arrow = dce("div");
  1666.                     arrow.className = 'playlistdn playlistbtn disabled';
  1667.                     arrow.innerHTML = '<b>&lt;</b>';
  1668.                     content.style = 'width: 100%;margin: 0px;padding: 0px; overflow:hidden;display: inline-block; max-height: 205px;';
  1669.                     content.appendChild(arrow);
  1670.                     arrow = dce("div");
  1671.                     arrow.className = `playlistup playlistbtn${cards.length > 3 ? '' : ' disabled'}`;
  1672.                     arrow.innerHTML = '<b>&gt;</b>';
  1673.                     content.appendChild(arrow);
  1674.                     slider.className = 'mvslider';
  1675.  
  1676.                     for (i = 0; i < cards.length; i++) {
  1677.                         cardActive = qs(`a[href='${BC.path}']`, cards[i]);
  1678.                         if (cardActive) {
  1679.                             cds = Math.round( (row.getBoundingClientRect().width - 60) / 218 );
  1680.                             pos = (i > cards.length - cds) ? cards.length - cds : i;
  1681.                             BC.mostViewedPlaylist.slider.style.marginLeft = `-${pos * 218}px`;
  1682.                             if (pos > 0) qs('.playlistdn', content).classList.remove('disabled');
  1683.                             if (pos >= cards.length - cds) qs('.playlistup', content).classList.add('disabled');
  1684.                             BC.mostViewedPlaylist.index = pos;
  1685.                             active = ' active';
  1686.                         }
  1687.                         else active = '';
  1688.                         cards[i].className += ' playlist-card'+ active;
  1689.                         cards[i].innerHTML = cards[i].innerHTML.replace(/<\/div>(?![\s\S]*<\/div>)/, '\n<span class="video-card-published sequence">'+(i+1)+'</span>\n</div>');
  1690.                         slider.appendChild(cards[i]);
  1691.                     }
  1692.                     content.appendChild(slider);
  1693.                     row.appendChild(content);
  1694.  
  1695.                     left = qs('.mvplaylist .playlistdn');
  1696.                     left.addEventListener("click", function(e) {
  1697.                         if (this.classList.contains('disabled')) return false;
  1698.                         if (BC.mostViewedPlaylist.index > 0) {
  1699.                             BC.mostViewedPlaylist.slider.style.marginLeft = `-${--BC.mostViewedPlaylist.index * 218}px`;
  1700.                             if (BC.mostViewedPlaylist.index <= 0) this.classList.add('disabled');
  1701.                             if (BC.mostViewedPlaylist.index < BC.mostViewedPlaylist.length + BC.mostViewedPlaylist.cardWidth()) this.nextSibling.classList.remove('disabled');
  1702.                         }
  1703.                     });
  1704.                     right = qs('.mvplaylist .playlistup');
  1705.                     right.addEventListener("click", function(e) {
  1706.                         if (this.classList.contains('disabled')) return false;
  1707.                         if (BC.mostViewedPlaylist.index <= BC.mostViewedPlaylist.length - BC.mostViewedPlaylist.cardWidth()) {
  1708.                             BC.mostViewedPlaylist.slider.style.marginLeft = `-${++BC.mostViewedPlaylist.index * 218}px`;
  1709.                             if (BC.mostViewedPlaylist.index + BC.mostViewedPlaylist.cardWidth() >= BC.mostViewedPlaylist.length) this.classList.add('disabled');
  1710.                             if (BC.mostViewedPlaylist.index > 0) this.previousSibling.classList.remove('disabled');
  1711.                         }
  1712.                     });
  1713.                 }
  1714.             }
  1715.             else { error('XMLHttpRequest most viewed request error') }
  1716.             BC.fetchingMvplaylist = !1;
  1717.         } catch (e) { error('XMLHttpRequest most viewed parsing error: '+ e) }
  1718.     },
  1719.  
  1720.  
  1721.     playlists: {}, fetchingPlaylists: !1,
  1722.  
  1723.     addChannelPlaylists: () => {
  1724.         let xhr, data, showall;
  1725.         let link = qs('.details .owner a');
  1726.  
  1727.         if (qs('.playlist.row') || BC.fetchingPlaylists) return;
  1728.         BC.fetchingPlaylists = 1;
  1729.         if (link) {
  1730.             if (scriptHandler == "Greasemonkey"){xhr = new BC.SM_XMLHttpRequest()}else{xhr = new XMLHttpRequest()}
  1731.             data = 'csrfmiddlewaretoken='+ BC.getCsrftoken();
  1732.             showall = '';
  1733.             xhr.addEventListener("load", (e) => { BC.addPlaylist(e) });
  1734.             xhr.addEventListener("error", (e) => { error('XMLHttpRequest most viewed error: '+ e) });
  1735.             xhr.open("POST", link, true);
  1736.             xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
  1737.             xhr.send(data);
  1738.         }
  1739.     },
  1740.  
  1741.  
  1742.     playAll: null,
  1743.     addPlaylist: (e) => {
  1744.         try {
  1745.             e = typeof e.target === "undefined" ? {target: e} : e;
  1746.             let link, plName, xhr, m, re, el, row, comments, parent, data;
  1747.             let i = 0,
  1748.                 result = JSON.parse(e.target.responseText);
  1749.  
  1750.             if ('undefined' !== result.success && result.success) {
  1751.                 parent = qs('.video-container');
  1752.                 data = 'csrfmiddlewaretoken='+ BC.getCsrftoken();
  1753.                 re = /class="playlist-card">[\n\s]+<a href="([a-zA-Z0-9\/_-]+)"[\s\S]*?(?!<\/a)+<div class="title">(.*)<\/div>/g
  1754.                 do {
  1755.                     m = re.exec(result.html);
  1756.                     if (m) {
  1757.                         if (scriptHandler == "Greasemonkey"){xhr = new BC.SM_XMLHttpRequest()}else{xhr = new XMLHttpRequest()}
  1758.                         plName = 'pl'+ m[1].substr(10, 12);
  1759.                         BC.playlists[plName] = {item:i++,slider:null,index:0,length:0,cardWidth:function(){let o = qs('#'+ plName +'.playlist').getBoundingClientRect();return (!o || !o.width ? 0 : Math.round(o.width/240))}};
  1760.                         row = qs('#'+plName+'.playlist.row');
  1761.                         if (!row) {
  1762.                             row = dce("div");
  1763.                             row.className = 'playlist row';
  1764.                             row.setAttribute('id', plName);
  1765.                             if (comments = qs('.comments.row')) {
  1766.                                 el = comments;
  1767.                             }
  1768.                             else {
  1769.                                 if (BC.settings.mvplaylist)
  1770.                                     el = parent.children[4];
  1771.                                 else el = parent.children[3];
  1772.                                 el.className = 'comments row';
  1773.                             }
  1774.                             parent.insertBefore(row, el);
  1775.                         }
  1776.                         link = location.protocol +"//"+ BC.host + m[1];
  1777.  
  1778.                         xhr.addEventListener("load", (e) => { BC.pier(e) });
  1779.                         xhr.addEventListener("error", (e) => { error('XMLHttpRequest most viewed error: '+ e) });
  1780.                         xhr.open("POST", link, true);
  1781.                         xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
  1782.                         xhr.send(data);
  1783.                     }
  1784.                 } while (m);
  1785.             }
  1786.             else {
  1787.                 error('XMLHttpRequest profile page request error');
  1788.                 BC.fetchingPlaylists = !1;
  1789.             }
  1790.         } catch (e) { error('XMLHttpRequest profile page parsing error: '+ e) }
  1791.     },
  1792.  
  1793.  
  1794.     pier: (e) => {
  1795.         try {
  1796.             e = typeof e.target === "undefined" ? {target: e} : e;
  1797.             let i, a1, pdate, link, hidden, html, card, cards, active,
  1798.                 showMore, plName, row, title, content, arrow, slider,
  1799.                 href, pos, cds, play, cardActive, left, right;
  1800.             let result = JSON.parse(e.target.responseText);
  1801.  
  1802.             if ('undefined' !== result.success && result.success) {
  1803.                 if (!BC.playAll) {
  1804.                     BC.playAll = result.html.match( /<span class="fa-layers">.*<\/span>/ );
  1805.                     if (BC.playAll) BC.playAll = BC.playAll[0].replace('<span', '<span title="Play All"')
  1806.                 }
  1807.                 link = result.canonical.match( /.*\/playlist\/([a-z0-9_-]+)\//i );
  1808.                 hidden = dce("div");
  1809.                 html = result.html.match(/(<div .* class="playlist-video"[^<]*?>[\s\S]*<\/div>[\s\n]*?<\/div>)[\s\n]*?<\/div>[\s\n]*?<\/div>/i);
  1810.                 if (html && html[1]) {
  1811.                     hidden.innerHTML = html[1];
  1812.                     active = '';
  1813.                     plName = 'pl'+ link[1];
  1814.                     cards = qsa('.playlist-video > div.row', hidden);
  1815.                     showMore = qs('.show-more-container .show-more:not(.hidden)', hidden);
  1816.                     row = qs("#"+ plName +'.row');
  1817.                     title = dce("div");
  1818.                     content = dce("div");
  1819.                     arrow = dce("div");
  1820.                     slider = dce("div");
  1821.                     BC.playlists[plName].length = cards.length;
  1822.                     BC.playlists[plName].slider = slider;
  1823.                     title.className = 'playlist-title';
  1824.  
  1825.                     title.innerHTML = `<h2 class="sidebar-heading">${result.title} (${cards.length})${BC.playAll}</h2>`;
  1826.                     row.appendChild(title);
  1827.                     if (BC.playAll) {
  1828.                         href = qs('a', cards[0]).href.match( /(\/video\/[a-z0-9_-]+\/).*/i )[1];
  1829.                         qs('span', title).addEventListener("click", (e) => {
  1830.                             w.location.href = `${href}?list=${link[1]}&randomize=false`
  1831.                         });
  1832.                     }
  1833.  
  1834.                     arrow.className = 'playlistbt';
  1835.                     content.appendChild(arrow);
  1836.                     arrow = dce("div");
  1837.                     arrow.className = `playlistdn playlistbtn ${plName} disabled`;
  1838.                     arrow.innerHTML = '<b>&lt;</b>';
  1839.                     content.style = 'width: 100%;margin: 0px;padding: 0px; overflow:hidden;display: inline-block; max-height: 205px;';
  1840.                     content.appendChild(arrow);
  1841.                     arrow = dce("div");
  1842.                     arrow.className = `playlistup playlistbtn ${plName + (cards.length > 3 ? '' : ' disabled')}`;
  1843.                     arrow.innerHTML = '<b>&gt;</b>';
  1844.                     content.appendChild(arrow);
  1845.                     slider.className = 'plslider';
  1846.  
  1847.                     for (i = 0; i < cards.length; i++) {
  1848.                         if (a1 = qs('.image-container', cards[i])) {
  1849.                             a1 = a1.innerHTML
  1850.                                 .replace('image','video-card-image')
  1851.                                 .replace(/_640x360/g,'_320x180')
  1852.                                 .replace(/<\/div>/,'')
  1853.                                 .replace(/<\/a>/,'<\/div><\/a>');
  1854.                             title = qs('.text-container .title', cards[i]).innerHTML;
  1855.                             pdate = qs('.text-container .details span', cards[i]).innerText;
  1856.                             card = dce("div");
  1857.                             card.className="video-card";
  1858.                             card.innerHTML = a1 + `
  1859.                                   <div class="video-card-text">
  1860.                                     <p class="video-card-title">${title}</p>
  1861.                                     <p class="video-card-published">${pdate}</p>
  1862.                                     <span class="video-card-published sequence">${i+1}</span>\n</div>`;
  1863.  
  1864.                             play = qs("a", card).getAttribute("href");
  1865.                             cardActive = play.indexOf(BC.path) !=-1;
  1866.                             if (cardActive) {
  1867.                                 cds = Math.round( (row.getBoundingClientRect().width - 60) / 218 );
  1868.                                 pos = (i > cards.length - cds) ? cards.length - cds : i;
  1869.                                 BC.playlists[plName].slider.style.marginLeft = `-${pos * 218}px`;
  1870.                                 if (pos > 0) qs(`.playlistdn.${plName}`, content).classList.remove('disabled');
  1871.                                 if (pos >= cards.length - cds) qs(`.playlistup.${plName}`, content).classList.add('disabled');
  1872.                                 BC.playlists[plName].index = pos;
  1873.                                 active = ' active';
  1874.                             }
  1875.                             else active = '';
  1876.                             card.className += ' playlist-card'+ active;
  1877.                             slider.appendChild(card);
  1878.                         }
  1879.                     }
  1880.                     content.appendChild(slider);
  1881.                     row.appendChild(content);
  1882.  
  1883.                     left = qs('.playlistdn.'+ plName);
  1884.                     left.addEventListener("click", function(e) {
  1885.                         if (this.classList.contains('disabled')) return false;
  1886.                         if (BC.playlists[plName].index > 0) {
  1887.                             BC.playlists[plName].slider.style.marginLeft = `-${--BC.playlists[plName].index * 218}px`;
  1888.                             if (BC.playlists[plName].index <= 0) this.classList.add('disabled');
  1889.                             if (BC.playlists[plName].index < BC.playlists[plName].length + BC.playlists[plName].cardWidth()) this.nextSibling.classList.remove('disabled');
  1890.                         }
  1891.                     });
  1892.                     right = qs('.playlistup.'+ plName);
  1893.                     right.addEventListener("click", function(e) {
  1894.                         if (this.classList.contains('disabled')) return false;
  1895.                         if (BC.playlists[plName].index <= BC.playlists[plName].length - BC.playlists[plName].cardWidth()) {
  1896.                             BC.playlists[plName].slider.style.marginLeft = `-${++BC.playlists[plName].index * 218}px`;
  1897.                             if (BC.playlists[plName].index + BC.playlists[plName].cardWidth() >= BC.playlists[plName].length) this.classList.add('disabled');
  1898.                             if (BC.playlists[plName].index > 0) this.previousSibling.classList.remove('disabled');
  1899.                         }
  1900.                     });
  1901.                 }
  1902.             }
  1903.             else { error('XMLHttpRequest playlists request error') }
  1904.             BC.fetchingPlaylists = !1;
  1905.         } catch (e) { error('XMLHttpRequest playlists parsing error: '+ e) }
  1906.     },
  1907.  
  1908.  
  1909.     playNextFullScreenCancel: null, nextUp: {}, prevUp: [], history:-1, nextUpLoaded: false, countsRefreshed: false,
  1910.  
  1911.     playNextFullScreen: (vector = null) => {
  1912.         let xhr, data;
  1913.         if (!BC.isFullScreen) return;
  1914.         debug('playNextFullScreen typeof vector: ',typeof vector);
  1915.         if (typeof vector === "object") vector = null;
  1916.         const fetch = function() {
  1917.             return new Promise((resolve, reject) => {
  1918.                 let url, link = qs('.sidebar-next .video-card a:not(#block_playnext)');
  1919.  
  1920.                 if (link) {
  1921.                     url = link.href;
  1922.                     if (scriptHandler == "Greasemonkey"){xhr = new BC.SM_XMLHttpRequest()}else{xhr = new XMLHttpRequest()}
  1923.                     data = 'csrfmiddlewaretoken='+ BC.getCsrftoken();
  1924.                     xhr.addEventListener("error", (e) => { error('XMLHttpRequest playNextFullScreen error: '+ e); reject() });
  1925.                     xhr.addEventListener("load", (res) => {
  1926.                         try {
  1927.                             let e = typeof res.target === "undefined" ? {target: res} : res;
  1928.                             let content, card, now = qs(".sidebar-next .video-card");
  1929.                             let result = JSON.parse(e.target.responseText);
  1930.  
  1931.                             if ('undefined' !== result.success && result.success) {
  1932.                                 const getHistoryItem = (hidden) => {
  1933.                                     card = qs(".sidebar-next .video-card", hidden);
  1934.  
  1935.                                     let nextUp = {
  1936.                                         url: url,
  1937.                                         history: BC.history,
  1938.                                         src: qs("video#player source", hidden).src,
  1939.                                         type: qs("video#player source", hidden).type,
  1940.                                         poster: qs("video#player", hidden).poster,
  1941.                                         tracks: qsa("video#player track", hidden),
  1942.                                         count: qs("#video-view-count", hidden).innerHTML,
  1943.                                         likes: qs("#video-like-count", hidden).innerHTML,
  1944.                                         dislike: qs("#video-dislike-count", hidden).innerHTML,
  1945.                                         pdate: qs(".video-publish-date", hidden).innerText,
  1946.                                         hashtags: qs("#video-hashtags", hidden).innerHTML,
  1947.                                         title: qs("#page-bar #video-title", hidden).innerText,
  1948.                                         tooltip: qs(".sidebar-next h2.sidebar-heading", hidden).innerHTML,
  1949.                                         recent: qsa(".sidebar-recent div.video-card:not(.more)", hidden),
  1950.                                         teaser: qs("#video-description .teaser", hidden).innerHTML,
  1951.                                         full: qs("#video-description .full", hidden).innerHTML,
  1952.                                         actions: qsa(".video-actions .action-list a", hidden),
  1953.                                         appealScript: qs("#appeal-modal + script", hidden),
  1954.                                         reportScript: qs("#report-modal + script", hidden),
  1955.                                         link: qs('.sidebar-next .video-card a:not(#block_playnext)', card).href,
  1956.                                         image: qs(".video-card-image img", card).getAttribute("data-src"),
  1957.                                         views: qs(".video-card-image .video-views", card).innerText,
  1958.                                         duration: qs(".video-card-image .video-duration", card).innerText,
  1959.                                         text: qs(".video-card-text", card).innerHTML,
  1960.                                         now: {
  1961.                                             image: qs(".video-card-image img", now).getAttribute("data-src"),
  1962.                                             arrow: qs(".video-card-image img.play-overlay", now).getAttribute("src"),
  1963.                                             views: qs(".video-card-image .video-views", now).innerText,
  1964.                                             duration: qs(".video-card-image .video-duration", now).innerText,
  1965.                                             text: qs(".video-card-text", now).innerHTML
  1966.                                         }
  1967.                                     }
  1968.                                     return nextUp
  1969.                                 }
  1970.                                 if (!BC.prevUp.length) {
  1971.                                     BC.history += 1;
  1972.                                     BC.prevUp.push(getHistoryItem(qs("#main-content")));
  1973.                                     let mt = new Date(null);
  1974.                                     mt.setSeconds(qs("video#player").duration);
  1975.                                     mt = mt.toISOString().substr(11, 8);
  1976.                                     while (mt[0] == "0" || mt[0] == ":") mt = mt.substr(1);
  1977.                                     BC.prevUp[0].url = BC.url;
  1978.                                     BC.prevUp[0].now.duration = mt;
  1979.                                     BC.prevUp[0].now.image = qs("video#player").poster;
  1980.                                     BC.prevUp[0].now.text = `<p class="video-card-title"><a href="/video/12345678901/">${qs("title").innerText}</a></p><p class="video-card-published">${qs(".video-publish-date b").innerText}</p>`;
  1981.                                     BC.prevUp[0].now.views = qs("#video-view-count").innerText;
  1982.                                 }
  1983.                                 BC.history += 1;
  1984.                                 content = dce("div");
  1985.                                 content.innerHTML = result.html;
  1986.                                 BC.nextUp = getHistoryItem(content);
  1987.                                 BC.prevUp.push(BC.nextUp);
  1988.                                 resolve()
  1989.                             } else reject()
  1990.                         } catch (e) { error('XMLHttpRequest playNextFullScreen parsing error: '+ e); reject() }
  1991.                     });
  1992.                     xhr.open("POST", url, true);
  1993.                     xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
  1994.                     xhr.send(data);
  1995.                 }
  1996.             });
  1997.         }
  1998.         const render = (dir, next) => {
  1999.             let path,
  2000.                 card = qs(".sidebar-next .video-card");
  2001.             BC.closeItem("details");
  2002.             if (qs("#video-view-count")) qs("#video-view-count").setAttribute("id", "fs-view-count");
  2003.             if (qs("#video-like-count")) qs("#video-like-count").setAttribute("id", "fs-like-count");
  2004.             if (qs("#video-dislike-count")) qs("#video-dislike-count").setAttribute("id", "fs-dislike-count");
  2005.             qs("#fs-view-count").innerHTML = next.count;
  2006.             qs("#fs-like-count").innerHTML = next.likes;
  2007.             qs("#fs-dislike-count").innerHTML = next.dislike;
  2008.             qs(".video-publish-date").innerHTML = next.pdate;
  2009.             qs("#video-hashtags").innerHTML = next.hashtags;
  2010.             if (qs("#disqus_thread")) qs("#disqus_thread").innerHTML = "";
  2011.             qs(".sidebar-next h2.sidebar-heading").innerHTMl = next.tooltip;
  2012.             qs("#video-description .teaser").innerHTML = next.teaser;
  2013.             qs("#video-description .full").innerHTML = next.full;
  2014.             qs(".video-actions .action-list").innerHTML = "";
  2015.             next.actions.forEach((o) => {qs(".video-actions .action-list").appendChild(o)});
  2016.  
  2017.             qsa(".sidebar-recent div.video-card").forEach((o) => {o.parentNode.removeChild(o)});
  2018.             next.recent.forEach((o) => {qs(".sidebar-recent").appendChild(o)});
  2019.  
  2020.             qs("a:not(#block_playnext)", card).href = next.link;
  2021.             qs(".video-card-title a", card).href = next.link;
  2022.             qs(".video-card-image img", card).classList.replace("lazyloaded", "lazyload");
  2023.             qs(".video-card-image img", card).setAttribute("src", next.image);
  2024.             qs(".video-card-image img", card).setAttribute("data-src", next.image);
  2025.             qs(".video-card-image img.play-overlay", card).setAttribute("src", next.now.arrow);
  2026.             qs(".video-card-image .video-views", card).innerText = next.views;
  2027.             qs(".video-card-image .video-duration", card).innerText = next.duration;
  2028.             qs(".video-card-text", card).innerHTML = next.text;
  2029.             qs("#main-content").replaceChild(next.appealScript, qs("#appeal-modal + script"));
  2030.             qs("#main-content").replaceChild(next.reportScript, qs("#report-modal + script"));
  2031.             BC.player.api.pause();
  2032.             BC.player.api.removeAttribute("autoplay");
  2033.             let source = dce("source");
  2034.             source.setAttribute("src", next.src);
  2035.             source.setAttribute("type", next.type);
  2036.             qs("video#player").setAttribute("poster", next.poster);
  2037.             qs(".plyr__poster").style.backgroundImage = `url("${next.poster}")`;
  2038.             if (BC.player.api.readyState < 2) qs(".plyr").classList.add("plyr--stopped");
  2039.             BC.player.api.replaceChild(source, qs("video#player source"));
  2040.             qsa("video#player track").forEach((o) => {qs("video#player").removeChild(o)});
  2041.             next.tracks.forEach((o) => {qs("video#player").appendChild(o)});
  2042.             BC.player.api.load();
  2043.             qs("#page-bar #video-title").innerText = next.title;
  2044.             path = next.url.match( /(\/video\/[a-z0-9_-]+\/).*/i )[1];
  2045.  
  2046.             if (path != BC.path) {
  2047.                 if (!BC.countsRefreshed) {
  2048.                     /* Push the page at going fullscreen */
  2049.                     debug("FullScreen Pushing History 0");
  2050.                     w.history.pushState({'url': BC.url}, '', BC.url);
  2051.                 }
  2052.                     /* Cant pop history states any longer, so just use the next state repeatedly - forward & back */
  2053.                 debug("FullScreen Replacing History "+ (BC.history));
  2054.                 w.history.replaceState({'url': next.url}, '', next.url);
  2055.                 d.title = next.title;
  2056.                 setTimeout((path)=>{BC.countsRefreshed = false; BC.refreshCounts(path)}, 1000, path);
  2057.                 BC.nextUpLoaded = false;
  2058.                 BC.nextUp = {}
  2059.             }
  2060.         }
  2061.         const playsoon = () => {
  2062.             let details = qs(".plyr #autoplay-details");
  2063.             let detail2 = qs(".wrapper > #autoplay-details");
  2064.             if (!details) {
  2065.                 details = detail2.cloneNode(true);
  2066.                 qs(".wrapper .plyr").appendChild(details);
  2067.                 details.addEventListener('click', (e) => {
  2068.                     e.preventDefault();
  2069.                     e.stopPropagation();
  2070.                     BC.closeItem("details");
  2071.                     return false
  2072.                 }, false);
  2073.             }
  2074.             details.classList.remove('hidden');
  2075.             qs('.timer .spinner', details).classList.add('animate');
  2076.             qs('.timer .filler', details).classList.add('animate');
  2077.             qs('.timer .mask', details).classList.add('animate');
  2078.             detail2.classList.add("hidden");
  2079.             qs('.timer .spinner', detail2).classList.remove('animate');
  2080.             qs('.timer .filler', detail2).classList.remove('animate');
  2081.             qs('.timer .mask', detail2).classList.remove('animate');
  2082.             BC.playNextFullScreenCancel = setTimeout(() => {
  2083.                 if (BC.playNextFullScreenCancel)
  2084.                     render("nextUp", BC.nextUp);
  2085.                 else BC.closeItem("details");
  2086.             }, 4800)
  2087.         }
  2088.         const prevnext = () => {
  2089.             let apn;
  2090.             let nu = BC.nextUp.now;
  2091.             let pu = (("undefined" === typeof BC.prevUp[BC.history-2]) ? null : BC.prevUp[BC.history-2].now);
  2092.             let html = `${((!pu) ? "" : `<div class="video-card autoplay-prev" title="Play Previous Video">
  2093.                 <a class="previmg" href="#"><div class="video-card-image">
  2094.                   <img class="img-responsive" src="${pu.image}" alt="play previous">
  2095.                   <img class="img-responsive play-overlay" src="${pu.arrow}" alt="prev">
  2096.                   <span class="video-views"><svg class="svg-inline--fa fa-eye fa-w-18" aria-hidden="true" focusable="false" data-prefix="far" data-icon="eye" role="img" `+
  2097.                     `xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg=""><path fill="currentColor" d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 `+
  2098.                     `0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 `+
  2099.                     `32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 `+
  2100.                     `112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"></path></svg><!-- <i class="far fa-eye"></i> --> ${pu.views}</span>
  2101.                   <span class="video-duration">${pu.duration}</span></div></a>
  2102.                 <div class="video-card-text">${pu.text.replace(/\/video\/[\w_-]+\//i, "#").replace(/<a href="\/channel.*>(.+)<\/a>/i,"$1")}</div></div>`)}
  2103.                 <div class="video-card autoplay-next" title="Play Next Video">
  2104.                 <a class="nextimg" href="#"><div class="video-card-image">
  2105.                   <img class="img-responsive" src="${nu.image}" alt="play next">
  2106.                   <img class="img-responsive play-overlay" src="${nu.arrow}" alt="next">
  2107.                   <span class="video-views"><svg class="svg-inline--fa fa-eye fa-w-18" aria-hidden="true" focusable="false" data-prefix="far" data-icon="eye" role="img" `+
  2108.                     `xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg=""><path fill="currentColor" d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 `+
  2109.                     `0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 `+
  2110.                     `32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 `+
  2111.                     `112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"></path></svg><!-- <i class="far fa-eye"></i> --> ${nu.views}</span>
  2112.                   <span class="video-duration">${nu.duration}</span></div></a>
  2113.                 <div class="video-card-text">${nu.text.replace(/\/video\/[\w_-]+\//i, "#").replace(/<a href="\/channel.*>(.+)<\/a>/i,"$1")}</div></div>`;
  2114.             apn = qs("#autoplay-next");
  2115.             apn.innerHTML = html;
  2116.             if (pu) qs(".previmg", apn).addEventListener('click', (e) => {e.stopPropagation();e.preventDefault();BC.playNextFullScreen(BC.history-2)}, false);
  2117.             if (pu) qs(".autoplay-prev .video-card-text a", apn).addEventListener('click', (e) => {e.stopPropagation();e.preventDefault();BC.playNextFullScreen(BC.history-2)}, false);
  2118.             qs(".nextimg", apn).addEventListener('click', (e) => {e.stopPropagation();e.preventDefault();BC.playNextFullScreen(-1)}, false);
  2119.             qs(".autoplay-next .video-card-text a", apn).addEventListener('click', (e) => {e.stopPropagation();e.preventDefault();BC.playNextFullScreen(-1)}, false);
  2120.             apn.classList.remove("hidden")
  2121.         }
  2122.         if (vector === null && BC.settings.playnext) {
  2123.             /* video ended
  2124.              * use next data if fetched, else
  2125.              * get next data, show playing soon & prev/next */
  2126.             playsoon();
  2127.             if (!BC.nextUpLoaded) {
  2128.                 fetch().then( () => { prevnext() })
  2129.                        .catch( (err) => { error("playnext fetch Failed: "+err) });
  2130.             } else prevnext()
  2131.         }
  2132.         else if (vector || vector === 0) {
  2133.             /* background pre-auto load */
  2134.             if (vector == "load" && !BC.nextUpLoaded) {
  2135.                 /* view previous was clicked */
  2136.                 if ("undefined" !== typeof BC.prevUp[BC.history+1]) {
  2137.                     BC.nextUp = BC.prevUp[BC.history+1];
  2138.                     BC.nextUpLoaded = true;
  2139.                     BC.history += 1;
  2140.                 /* fetch next */
  2141.                 } else {
  2142.                     BC.nextUpLoaded = true;
  2143.                     fetch().then( () => {
  2144.                     }).catch( (err) => {
  2145.                         error("load playnext fetch Failed: "+err);
  2146.                         BC.nextUpLoaded = false;
  2147.                     });
  2148.                 }
  2149.             /* render next video */
  2150.             } else if (vector == -1) {render("nextUp", BC.nextUp);
  2151.             /* render previous video */
  2152.             } else {
  2153.                 BC.history = vector;
  2154.                 render("prevUp", BC.prevUp[vector]);
  2155.             }
  2156.         }
  2157.         /* display only prev/next videos - no timer */
  2158.         else {
  2159.             if (!BC.nextUpLoaded) {
  2160.                 fetch().then( () => { prevnext() })
  2161.                    .catch( (val) => { error("prevnext fetch Failed") });
  2162.             } else prevnext()
  2163.         }
  2164.     },
  2165.  
  2166.  
  2167.     onPlayerProgress: (e) => {
  2168.         if (BC.isFullScreen && !BC.nextUpLoaded) {
  2169.             let t = BC.player.api.currentTime, l = BC.player.api.duration;
  2170.             if(t && l && t/l > 0.00005) {
  2171.                 BC.playNextFullScreen("load");
  2172.             }
  2173.         }
  2174.     },
  2175.  
  2176.  
  2177.     closeItem: (item) => {
  2178.         if (item == "details") {
  2179.             if (BC.playNextFullScreenCancel) {clearTimeout(BC.playNextFullScreenCancel); BC.playNextFullScreenCancel = null}
  2180.             if (item = qs('.plyr #autoplay-details')) {
  2181.                 item.classList.add('hidden');
  2182.                 qs('.timer .spinner', item).classList.remove('animate');
  2183.                 qs('.timer .filler', item).classList.remove('animate');
  2184.                 qs('.timer .mask', item).classList.remove('animate');
  2185.             }
  2186.         }
  2187.     },
  2188.  
  2189.  
  2190.     hideAutoplayNext: (e) => {
  2191.         if (qs(".plyr #autoplay-next")) {qs(".plyr #autoplay-next").classList.add("hidden")};
  2192.     },
  2193.  
  2194.  
  2195.     thumbas: null, thumbPlayerUrl: "", thumbs: [], thumbsLoaded: false, thWidth: 0,
  2196.  
  2197.     getVideoThumbnails: (e) => {
  2198.         let src, context,
  2199.             vid = e.target,
  2200.             seconds = vid.duration;
  2201.         if (vid.id == "thumbPlayer") {
  2202.             BC.thumbas = dce("canvas");
  2203.             BC.thumbas.style.display = "none";
  2204.             BC.thWidth = Math.ceil(vid.videoWidth / vid.videoHeight * 90);
  2205.             BC.thumbas.width = BC.thWidth;
  2206.             BC.thumbas.height = 90;
  2207.             vid.currentTime = 0.0333;
  2208.         }
  2209.         else {
  2210.             BC.thumbs = [];
  2211.             BC.thumbsLoaded = false;
  2212.             src = dce("source");
  2213.             src.src = qs("source", vid).src;
  2214.             BC.thumbPlayerUrl = src.src;
  2215.             debug("GetVideoThumbnails: "+ src.src);
  2216.             vid = dce("video");
  2217.             vid.style.display = "none";
  2218.             vid.setAttribute("width", BC.thWidth);
  2219.             vid.setAttribute("height", "90");
  2220.             vid.setAttribute("muted", "muted");
  2221.             vid.setAttribute("id", "thumbPlayer");
  2222.             vid.setAttribute("crossOrigin", "Anonymous");/* for webkit CORS */
  2223.             vid.addEventListener('seeked', function(e) {
  2224.                 let secs, vid = e.target;
  2225.                 if (BC.thumbPlayerUrl == e.target.currentSrc) {
  2226.                     context = BC.thumbas.getContext("2d");
  2227.                     context.drawImage(vid, 0, 0, BC.thumbas.width, 90);
  2228.                     let img = new Image();
  2229.                     img.src = BC.thumbas.toDataURL();
  2230.                     BC.thumbs.push(img);
  2231.                     secs = vid.currentTime + vid.duration/75;
  2232.                     if (secs < vid.duration) vid.currentTime = secs;
  2233.                     else {
  2234.                         BC.thumbPlayerUrl = "";
  2235.                         BC.thumbas = null;
  2236.                     }
  2237.                     if (BC.thumbs.length > 6 && !BC.thumbsLoaded) {
  2238.                         if (qs('#bcframes')) qs('#bcframes').parentNode.removeChild(qs('#bcframes'));
  2239.                         qs(".plyr__progress").addEventListener('mousemove', function(e) {
  2240.                             var fr = (BC.isFullScreen) ? qs(".plyr #bcframes") : qs("body > #bcframes");
  2241.                             var rect = e.target.getBoundingClientRect();
  2242.                             var key = Math.round(75 / rect.width * (e.pageX - rect.left));
  2243.                             var x = w.innerWidth || d.documentElement.clientWidth || d.body.clientWidth;
  2244.                             key = parseInt((key < 0) ? 0 : (key > 74) ? 74 : key);
  2245.                             var left = (e.pageX - (BC.thWidth / 2) < 20) ? 20 :
  2246.                                        (e.pageX + (BC.thWidth + 20) > x) ? x - (BC.thWidth + 20): e.pageX - (BC.thWidth / 2);
  2247.                             if (!fr) {
  2248.                                 fr = dce("div");
  2249.                                 fr.id = "bcframes";
  2250.                                 fr.style.width = BC.thWidth +'px';
  2251.                                 if (BC.isFullScreen) qs(".wrapper .plyr").appendChild(fr);
  2252.                                 else qs("body").appendChild(fr);
  2253.                             }
  2254.                             if (BC.isFullScreen) fr.style.top = (w.innerHeight - 170) +'px';
  2255.                             else fr.style.top = (w.pageYOffset + rect.top - 130) +'px';
  2256.                             fr.style.left = left +'px';
  2257.                             fr.classList.add("visible");
  2258.                             if ("undefined" !== typeof BC.thumbs[key]) {
  2259.                                 if (fr.firstChild) fr.replaceChild(BC.thumbs[key], fr.firstChild);
  2260.                                 else fr.appendChild(BC.thumbs[key])
  2261.                             } else if (fr.firstChild) fr.removeChild(fr.firstChild)
  2262.                         })
  2263.                         qs(".plyr__progress").addEventListener('mouseleave', function(e) {
  2264.                             if (BC.isFullScreen && qs(".plyr #bcframes")) qs(".plyr #bcframes").classList.remove("visible");
  2265.                             if (qs("body > #bcframes")) qs("body > #bcframes").classList.remove("visible")
  2266.                         })
  2267.                         BC.thumbsLoaded = true
  2268.                     }
  2269.                 }
  2270.             }, false);
  2271.             vid.addEventListener('error', (err) => {error(" Error: "+ err)}, false);
  2272.             vid.addEventListener('loadedmetadata', BC.getVideoThumbnails, false);
  2273.             vid.appendChild(src);
  2274.             vid.load()
  2275.         }
  2276.     },
  2277.  
  2278.  
  2279.     takeScreenShot: (e) => {
  2280.         if (qs("#takeScreenShot").classList.contains("disabled")) return;
  2281.         qs("#takeScreenShot").classList.add("disabled");
  2282.         let updateURL = (canv) => {
  2283.             canv.toBlob(function(blob) {
  2284.                 let href = qs("#objectURL").href;
  2285.                 (w.URL || w.webkitURL || w).revokeObjectURL(href);
  2286.                 qs("#objectURL").href = (w.URL || w.webkitURL || w).createObjectURL(blob)
  2287.             })
  2288.         },
  2289.         flipImg = (vert = false) => {
  2290.             let ctxs, ctxd, canv = dce("canvas");
  2291.             canv.width = canvas.width;
  2292.             canv.height = canvas.height;
  2293.             ctxs = canv.getContext("2d");
  2294.             ctxs.drawImage(canvas, 0, 0);
  2295.             ctxd = canvas.getContext("2d");
  2296.             ctxd.save();
  2297.             if (vert) {
  2298.                 ctxd.translate(0, canvas.height);
  2299.                 ctxd.scale(1, -1);
  2300.             }
  2301.             else {
  2302.                 ctxd.translate(canvas.width, 0);
  2303.                 ctxd.scale(-1, 1);
  2304.             }
  2305.             ctxd.drawImage(canv, 0, 0);
  2306.             ctxd.restore();
  2307.             updateURL(canvas);
  2308.         }
  2309.         let a, tm, div, blob, save,
  2310.             context, close, action,
  2311.             canvasOffsetLeft,
  2312.             editInfo, canvasOffsetTop,
  2313.             vidRotateAngle = 0,
  2314.             vidScaleFactor = 1,
  2315.             vid = BC.player.api,
  2316.             time = vid.currentTime,
  2317.             width = vid.videoWidth,
  2318.             height = vid.videoHeight,
  2319.             title = Bcd.flattenTitle(d.title),
  2320.             canvas = dce("canvas"),
  2321.             editInfoTitle = ["(Save), reorient (⏎⇔⇕⚫), crop & enlarge (✂), or (Close)",
  2322.                              "Go back (⇦) to save or close, drag widget border to desired size to crop (✂), or set zoom slider and enlarge (⤧)"];
  2323.  
  2324.         canvas.id = "canvas";
  2325.         canvas.width = width;
  2326.         canvas.height = height;
  2327.         context = canvas.getContext("2d");
  2328.         context.drawImage(vid, 0, 0, width, height);
  2329.         canvas.toBlob(function(blob) {
  2330.             let mmactionT, mmactionL, actionT, actionL;
  2331.             tm = new Date(null);
  2332.             tm.setSeconds(time);
  2333.             tm = tm.toISOString().substr(11, 8);
  2334.             //while (tm[0] == "0" || tm[0] == ":") tm = tm.substr(1);/* Truncate leading zeros & colons */
  2335.             div = dce("div");
  2336.             div.setAttribute("id", "screenshot");
  2337.             div.addEventListener('click', (e) => {
  2338.                 e.stopPropagation();
  2339.                 if (!qs("#overlay")) {
  2340.                     let delay = (e.target.tagName === "A") ? 5000 : 500;
  2341.                     setTimeout((url) => {
  2342.                         (w.URL || w.webkitURL || w).revokeObjectURL(url);
  2343.                         qs("body").removeChild(qs("#screenshot"));
  2344.                         qs("#takeScreenShot").classList.remove("disabled");
  2345.                     }, delay, qs("#objectURL").href);
  2346.                     qs("#screenshot").style.opacity = 0
  2347.                 }
  2348.             }, false);
  2349.             div.appendChild(canvas);
  2350.             
  2351.             editInfo = dce("div");
  2352.             editInfo.id = "editInfo";
  2353.             editInfo.innerText = "!";
  2354.             editInfo.className = "edit";
  2355.             editInfo.setAttribute('data', editInfoTitle[0]);
  2356.             div.appendChild(editInfo);
  2357.  
  2358.             action = dce("div");
  2359.             action.className = "action";
  2360.             action.style.cursor = "move";
  2361.             action.addEventListener("click", function(e) {
  2362.                 if (!e.target.classList.contains('cancel') && e.target.id != 'objectURL') {
  2363.                     e.stopPropagation(); return false}
  2364.             });
  2365.             action.addEventListener("mousedown", function(e) {
  2366.                 e.stopPropagation();
  2367.                 if (e.which !== 1) return;
  2368.                 actionT = action.offsetTop;
  2369.                 actionL = action.offsetLeft;
  2370.                 mmactionT = e.clientY;
  2371.                 mmactionL = e.clientX;
  2372.  
  2373.                 function onActionMove(e) {
  2374.                     actionL = actionL + e.clientX - mmactionL;
  2375.                     actionT = actionT + e.clientY - mmactionT;
  2376.                     if (actionL < 20) actionL = 20;
  2377.                     else if (actionL > w.innerWidth - 248) actionL = w.innerWidth - 248;
  2378.                     if (actionT < 20) actionT = 20;
  2379.                     else if (actionT > w.innerHeight - 90) actionT = w.innerHeight - 90;
  2380.                     mmactionL = e.clientX;
  2381.                     mmactionT = e.clientY;
  2382.                     action.style.left = actionL +'px';
  2383.                     action.style.top = actionT +'px';
  2384.                 }
  2385.                 function onActionMouseUp(e) {
  2386.                     d.removeEventListener("mouseup", onActionMouseUp, false);
  2387.                     d.removeEventListener("mousemove", onActionMove, false);
  2388.                 }
  2389.                 d.addEventListener("mouseup", onActionMouseUp, false);
  2390.                 d.addEventListener("mousemove", onActionMove, false);
  2391.             });
  2392.             close = dce("div");
  2393.             close.className = "cancel";
  2394.             close.innerText = "Close";
  2395.             action.appendChild(close);
  2396.             save = dce("div");
  2397.             save.className = "save";
  2398.             a = d.createElementNS("http://www.w3.org/1999/xhtml", "a");
  2399.             a.setAttribute("download", `${title}_(at ${tm}).png`);
  2400.             a.setAttribute("id", "objectURL");
  2401.             a.setAttribute("type", "image/png");
  2402.             a.innerText = "Save";
  2403.             a.setAttribute("href", (w.URL || w.webkitURL || w).createObjectURL(blob));
  2404.             save.appendChild(a);
  2405.             action.appendChild(save);
  2406.  
  2407.             let rotateR = dce("div");
  2408.             rotateR.className = "edit one rotate-r";
  2409.             rotateR.innerText = "⏎";
  2410.             rotateR.title = "Rotate Clockwise";
  2411.             rotateR.addEventListener("click", function(e) {
  2412.                 e.stopPropagation();
  2413.                 let ctxs, ctxd, canv = dce("canvas");
  2414.                 vidRotateAngle += 90;
  2415.                 canv.width = canvas.width;
  2416.                 canv.height = canvas.height;
  2417.                 ctxs = canv.getContext("2d");
  2418.                 ctxs.drawImage(canvas, 0, 0);
  2419.                 canvas.width = canv.height;
  2420.                 canvas.height = canv.width;
  2421.                 ctxd = canvas.getContext("2d");
  2422.                 ctxd.save();
  2423.                 ctxd.clearRect(0, 0, canvas.width, canvas.height);
  2424.                 ctxd.translate(canvas.width, 0);
  2425.                 ctxd.rotate(90 * Math.PI / 180);
  2426.                 ctxd.drawImage(canv, 0, 0);
  2427.                 ctxd.restore();
  2428.                 updateURL(canvas);
  2429.             });
  2430.             action.appendChild(rotateR);
  2431.  
  2432.             let flipH = dce("div");
  2433.             flipH.className = "edit one flip-h";
  2434.             flipH.innerText = "⇔";
  2435.             flipH.title = "Flip Horizontally";
  2436.             flipH.addEventListener("click", function(e) {
  2437.                 e.stopPropagation();
  2438.                 flipImg()
  2439.             });
  2440.             action.appendChild(flipH);
  2441.  
  2442.             let flipV = dce("div");
  2443.             flipV.className = "edit one flip-v";
  2444.             flipV.innerText = "⇕";
  2445.             flipV.title = "Flip Vertically";
  2446.             flipV.addEventListener("click", function(e) {
  2447.                 e.stopPropagation();
  2448.                 flipImg(true)
  2449.             });
  2450.             action.appendChild(flipV);
  2451.  
  2452.             let greyscale = dce("div");
  2453.             greyscale.className = "edit one greyscale";
  2454.             greyscale.innerText = "⚫";
  2455.             greyscale.style.color = "#444141";
  2456.             greyscale.title = "Black and White";
  2457.             greyscale.addEventListener("click", function(e) {
  2458.                 e.stopPropagation();
  2459.                 e.target.classList.add("disabled");
  2460.                 let ctxs = canvas.getContext("2d"),
  2461.                     imgData = ctxs.getImageData(0, 0, canvas.width, canvas.height),
  2462.                     pxData = imgData.data;
  2463.                 ctxs.save();
  2464.                 for(var x = 0; x < pxData.length; x+=4) {
  2465.                     var r = pxData[x],
  2466.                     g = pxData[x + 1],
  2467.                     b = pxData[x + 2],
  2468.                     gr = r * .3 + g * .59 + b * .11;
  2469.                     pxData[x] = gr;
  2470.                     pxData[x + 1] = gr;
  2471.                     pxData[x + 2] = gr;								
  2472.                 }
  2473.                 ctxs.putImageData(imgData, 0, 0);
  2474.                 ctxs.restore();
  2475.                 updateURL(canvas);
  2476.             });
  2477.             action.appendChild(greyscale);
  2478.  
  2479.             let cropper = dce("div");
  2480.             cropper.className = "edit one cropmenu";
  2481.             cropper.innerText = "✂";
  2482.             cropper.title = "Crop and Enlarge";
  2483.             cropper.addEventListener("click", function(e) {
  2484.                 e.stopPropagation(); showResize();
  2485.                 editInfo.setAttribute('data', editInfoTitle[1]);
  2486.                 qs("#screenshot .action").classList.toggle("gone");
  2487.                 qs("#screenshot .action .save").classList.toggle("gone");
  2488.                 qs("#screenshot .action .cancel").classList.toggle("gone");
  2489.                 qsa("#screenshot .action .edit.one, #screenshot .action .edit.two")
  2490.                   .forEach((o) => {o.classList.toggle("gone")})
  2491.             });
  2492.             action.appendChild(cropper);
  2493.  
  2494.  
  2495.             let acancel = dce("div");
  2496.             acancel.className = "edit two acancel gone";
  2497.             acancel.innerText = "⇦";
  2498.             acancel.style.left = '16px';
  2499.             acancel.title = "Return to previous editor";
  2500.             acancel.addEventListener("click", function(e) {
  2501.                 e.stopPropagation(); closeEditor();
  2502.             });
  2503.             action.appendChild(acancel);
  2504.  
  2505.             let aresize = dce("div");
  2506.             aresize.className = "edit two aresize disabled gone";
  2507.             aresize.innerText = "✂";
  2508.             aresize.style.left = '50px';
  2509.             aresize.title = "Crop image to selection";
  2510.             aresize.addEventListener("click", function(e) {
  2511.                 e.stopPropagation(); doCrop(e)
  2512.             });
  2513.             action.appendChild(aresize);
  2514.  
  2515.             let azoom = dce("div");
  2516.             azoom.className = "edit two azoom disabled gone";
  2517.             azoom.innerText = "⤧";
  2518.             azoom.style.left = '84px';
  2519.             azoom.style.lineHeight = "1.3em";
  2520.             azoom.title = "Enlarge image to 150% at selection";
  2521.             azoom.addEventListener("click", function(e) {
  2522.                 e.stopPropagation(); doZoom(e)
  2523.             });
  2524.             action.appendChild(azoom);
  2525.  
  2526.             let zoomfactor = dce("input");
  2527.             zoomfactor.className = "edit two zoomfactor gone";
  2528.             zoomfactor.setAttribute("id", "zoomfactor");
  2529.             zoomfactor.setAttribute("type", "range");
  2530.             zoomfactor.setAttribute("disabled", "");
  2531.             zoomfactor.setAttribute("min", "150");
  2532.             zoomfactor.setAttribute("max", "300");
  2533.             zoomfactor.setAttribute("step", "50");
  2534.             zoomfactor.setAttribute("value", "150");
  2535.             zoomfactor.setAttribute("autocomplete", "off");
  2536.             zoomfactor.title = "Enlarge image to 150% at selection";
  2537.             zoomfactor.addEventListener("change", function(e) {
  2538.                 let zoomTitle = 'Enlarge image to '+e.target.value+'% at selection';
  2539.                 e.target.title = zoomTitle;
  2540.                 qs('.action .azoom').title = zoomTitle
  2541.             });
  2542.             action.appendChild(zoomfactor);
  2543.  
  2544.             div.appendChild(action);
  2545.             qs("body").appendChild(div);
  2546.  
  2547.             var closeEditor = () => {
  2548.                 if (qs("#overlay")) {
  2549.                     cropMenu = null;
  2550.                     qs("#screenshot").removeChild(qs("#overlay"));
  2551.                 }
  2552.                 editInfo.setAttribute('data', editInfoTitle[0]);
  2553.                 qs("#shader").style.backgroundSize = "100% 0px, 100% 0px, 0px 100%, 0px 100%";
  2554.                 qs("#shader").classList.add("transparent");
  2555.                 qs("#screenshot .azoom").classList.add("disabled");
  2556.                 qs("#screenshot .aresize").classList.add("disabled");
  2557.                 qs("#screenshot #zoomfactor").classList.add("disabled");
  2558.                 qs("#screenshot #zoomfactor").setAttribute("disabled",'');
  2559.                 qs("#screenshot .action").classList.toggle("gone");
  2560.                 qs("#screenshot .action .save").classList.toggle("gone");
  2561.                 qs("#screenshot .action .cancel").classList.toggle("gone");
  2562.                 qsa("#screenshot .action .edit.one, #screenshot .action .edit.two")
  2563.                   .forEach((o) => {o.classList.toggle("gone")})
  2564.             }
  2565.             var resizer = {}, cropMenu = null;
  2566.             var doCrop = (e, f = 1) => {
  2567.                 e.stopPropagation();
  2568.                 closeEditor();
  2569.                 qs("#shader").classList.add("transparent");
  2570.                 let ctxs, ctxd, canv = dce("canvas");
  2571.                 let r = resizer.now;
  2572.                 let dw = Math.round(f * Math.round(r.w/ r.sf)),
  2573.                     dh = Math.round(f * Math.round(r.h/ r.sf)),
  2574.                     sl = Math.round(r.l/ r.sf), st = Math.round(r.t/ r.sf),
  2575.                     sw = Math.round(r.w/ r.sf), sh = Math.round(r.h/ r.sf);
  2576.                 canv.width = dw;
  2577.                 canv.height = dh;
  2578.                 ctxs = canv.getContext("2d");
  2579.                 ctxs.drawImage(canvas,sl,st,sw,sh,0,0,dw,dh);
  2580.                 canvas.width = dw;
  2581.                 canvas.height = dh;
  2582.                 ctxd = canvas.getContext("2d");
  2583.                 ctxd.save();
  2584.                 ctxd.drawImage(canv, 0, 0);
  2585.                 ctxd.restore();
  2586.                 updateURL(canvas);
  2587.                 cropper.classList.add("disabled");
  2588.             }
  2589.             var doZoom = (e) => {doCrop(e, Math.round(qs("#zoomfactor").value / 100));}
  2590.             var displayCoords = (set = 0) => {
  2591.                 if (set) {setResizerNow()};
  2592.                 let dspT = Math.max(Math.round(resizer.now.t / resizer.now.sf), 0),
  2593.                     dspL = Math.max(Math.round(resizer.now.l / resizer.now.sf), 0),
  2594.                     dspW = Math.max(Math.round(Math.min(resizer.now.w, vid.videoWidth) / resizer.now.sf), 160),
  2595.                     dspH = Math.max(Math.round(Math.min(resizer.now.h, vid.videoHeight) / resizer.now.sf), 90),
  2596.                     dspS = Math.round(resizer.now.sf * 1000) / 10;
  2597.                 qs("#overlay .cropper.ct").innerText = `${dspL}, ${dspT} (${dspW} x ${dspH})`;
  2598.                 qs("#overlay .cropper.cb").innerText = `(${dspS}%)`
  2599.             }
  2600.             var setResizerNow = (el = dragger) => {
  2601.                 let offsetTop, offsetLeft, coords = el.getBoundingClientRect();
  2602.  
  2603.                 if ("undefined" === typeof  resizer.now) {
  2604.                     offsetTop = coords.top;
  2605.                     offsetLeft = coords.left;
  2606.                     if ((vidRotateAngle % 180) === 0)
  2607.                         vidScaleFactor = coords.width / vid.videoWidth;
  2608.                     else
  2609.                         vidScaleFactor = coords.width / vid.videoHeight;
  2610.                 } else  {
  2611.                     offsetTop = canvasOffsetTop;
  2612.                     offsetLeft = canvasOffsetLeft;
  2613.                 }
  2614.                 resizer.now = {l: coords.left - offsetLeft, t: coords.top - offsetTop, w: coords.width, h: coords.height, 
  2615.                                r: coords.right - offsetLeft, b: coords.bottom  - offsetTop, sf: vidScaleFactor};
  2616.             }
  2617.             var showResize = function(e) {
  2618.                 if (!qs("#overlay")) {
  2619.                     /* create resizable overlay */
  2620.                     setResizerNow(canvas);
  2621.                     canvasOffsetTop = (qs('#screenshot').getBoundingClientRect().height/ 2) - (resizer.now.h/ 2);
  2622.                     canvasOffsetLeft = qs('#canvas').getBoundingClientRect().left;
  2623.                     var tabSizeX = 22, tabSizeY = 22;
  2624.                     var dragger, limits, isProp = 0, stops = {};
  2625.                     var overlay = dce("div");
  2626.                     overlay.id = "overlay";
  2627.                     overlay.className = "drag_resize active";
  2628.                     overlay.innerHTML = `
  2629.                         <table class="drag_resize_overlay">
  2630.                             <tbody><tr><td class="corner tl">&nbsp;</td><td class="cropper ct">&nbsp;</td><td class="corner tr">&nbsp;</td></tr>
  2631.                             <tr><td class="cropper cl">&nbsp;</td><td id="dragger" class="dragger">&nbsp;</td><td class="cropper cr">&nbsp;</td></tr>
  2632.                             <tr><td class="corner bl">&nbsp;</td><td class="cropper cb">&nbsp;</td><td class="corner br">&nbsp;</td></tr></tbody>
  2633.                         </table>`;
  2634.  
  2635.                     qs("#screenshot").insertBefore(overlay, qs("#screenshot .action"));
  2636.                     if (!qs("#screenshot #shader")) {
  2637.                         let shader = dce("div");
  2638.                         shader.id = "shader";
  2639.                         shader.className = "transparent";
  2640.                         shader.style.top = canvasOffsetTop +'px';
  2641.                         shader.style.width = resizer.now.w +'px';
  2642.                         shader.style.height = resizer.now.h +'px';
  2643.                         shader.style.left = canvas.offsetLeft +'px';
  2644.                         qs("#screenshot").insertBefore(shader, overlay);
  2645.                     }
  2646.                     if (isChrome) {
  2647.                         tabSizeX = qs(".cropper.cl", overlay).getBoundingClientRect().width//+0.83;
  2648.                         tabSizeY = qs(".cropper.ct", overlay).getBoundingClientRect().height//-0.2378;
  2649.                     }
  2650.                     limits = {l: 0, t: 0, w: resizer.now.w, h: resizer.now.h};
  2651.                     overlay.style = `left: 0px; top: 0px; margin-left: ${canvasOffsetLeft - tabSizeX}px; margin-top: ${canvasOffsetTop - tabSizeY}px;`;
  2652.                     dragger = qs("#overlay .dragger");
  2653.                     dragger.style.width = `${resizer.now.w}px`;
  2654.                     dragger.style.height = `${resizer.now.h}px`;
  2655.                     dragger.style.maxWidth = `${resizer.now.w}px`;
  2656.                     dragger.style.maxHeight = `${resizer.now.h}px`;
  2657.                     displayCoords();
  2658.  
  2659.                     function stopSet(key, val = null) {
  2660.                         let has = "undefined" !== typeof stops[key];
  2661.                         if (val === null) return (has) ? stops[key] : false;
  2662.                         if (!has) stops[key] = val;
  2663.                         return stops[key]
  2664.                     }
  2665.                     function dragTo(e) {
  2666.                         let topNow = resizer.now.t, leftNow = resizer.now.l,
  2667.                             widthNow = resizer.now.w, heightNow = resizer.now.h,
  2668.                             newTop = topNow + e.clientY - resizer.e.clientY,
  2669.                             newLeft = leftNow + e.clientX - resizer.e.clientX;
  2670.                         if (newTop + heightNow - limits.t > limits.h)
  2671.                             newTop = limits.h - heightNow + limits.t;
  2672.                         else if (newTop < limits.t) newTop= limits.t;
  2673.                         if (newLeft + widthNow - limits.l > limits.w)
  2674.                             newLeft = limits.w - widthNow + limits.l;
  2675.                         else if (newLeft < limits.l)newLeft=limits.l;
  2676.                         overlay.style.top = newTop +"px";
  2677.                         overlay.style.left = newLeft +"px";
  2678.                         resizer.e.clientY = e.clientY;
  2679.                         resizer.e.clientX = e.clientX;
  2680.                         displayCoords(1)
  2681.                     }
  2682.                     function freeCrop(e) {
  2683.                         if (Object.keys(stops).length) return;
  2684.                         let newAttr, newProp,
  2685.                             newTop = null,
  2686.                             newWidth = null,
  2687.                             newHeight = null,
  2688.                             tab = resizer.tab,
  2689.                             resetTop = 0, resetLeft = 0,
  2690.                             topNow = resizer.now.t, leftNow = resizer.now.l,
  2691.                             widthNow = resizer.now.w, heightNow = resizer.now.h,
  2692.                             mmoved = {X: e.clientX - resizer.e.clientX, Y: e.clientY - resizer.e.clientY};
  2693.                         if (resizer.pro == "width") {
  2694.                             newAttr = widthNow + mmoved.X;
  2695.                             if (isProp && tab == "tr" || tab == "br") {
  2696.                                 if (mmoved.Y !== 0) {
  2697.                                 newProp = (tab == "tr") ? topNow + mmoved.Y : topNow - mmoved.Y;
  2698.                                 newHeight = (tab == "tr") ? heightNow - mmoved.Y : heightNow + mmoved.Y;
  2699.                                 newWidth = newHeight / isProp * 100;
  2700.                                 newAttr = newWidth;
  2701.                                 }
  2702.                                 else return
  2703.                             }
  2704.                             if (tab == "tr" && isProp) {
  2705.                                 if (newHeight < 90) {
  2706.                                     newAttr = stopSet("newAttr", 90 / isProp * 100);
  2707.                                     newWidth = stopSet("newWidth", newAttr);
  2708.                                     resetTop = stopSet("resetTop", topNow + heightNow - 90);
  2709.                                 }
  2710.                                 else if (newWidth < 160) {
  2711.                                     newAttr = stopSet("newAttr", 160);
  2712.                                     newWidth = stopSet("newWidth", newAttr);
  2713.                                     resetTop = stopSet("resetTop", topNow + (widthNow * isProp/ 100)) - (newAttr * isProp/ 100);
  2714.                                 }
  2715.                                 else if (newProp < limits.t) {
  2716.                                     newProp = stopSet("newProp", limits.t);
  2717.                                     newAttr = stopSet("newAttr", widthNow - ((0 - topNow) / isProp * 100));
  2718.                                     newWidth = stopSet("newWidth", newAttr);
  2719.                                     resetTop = stopSet("resetTop", newProp);
  2720.                                 }
  2721.                             }
  2722.                             else if (newAttr < 160) {
  2723.                                 newAttr = stopSet("newAttr", 160);
  2724.                             }
  2725.                             else if (tab == "br" && newHeight < 90) {
  2726.                                 newAttr = stopSet("newAttr", 90 / isProp * 100);
  2727.                             }
  2728.                             if (newAttr > limits.w - leftNow + limits.l) {
  2729.                                 newAttr = stopSet("newAttr", limits.w - leftNow + limits.l);
  2730.                                 newProp = stopSet("newProp", topNow);
  2731.                                 newWidth = stopSet("newWidth", newAttr);
  2732.                                 resetTop = (topNow + (widthNow * isProp/ 100)) - (newAttr * isProp/ 100);
  2733.                             }
  2734.                             else if (tab == "br" && topNow + heightNow + mmoved.Y > limits.h) {
  2735.                                 newAttr = stopSet("newAttr", (limits.h - topNow) / isProp * 100);
  2736.                             }
  2737.                             if (tab == "tr") {
  2738.                                 if (resetTop) {
  2739.                                     newProp = resetTop;
  2740.                                     if (newWidth) newAttr = newWidth;
  2741.                                 }
  2742.                                 overlay.style.top = newProp +"px";
  2743.                             }
  2744.                             dragger.style.width = newAttr +"px";
  2745.                         }
  2746.                         else if (resizer.pro == "height") {
  2747.                             newAttr = heightNow + mmoved.Y;
  2748.                             if (newAttr > limits.h - topNow + limits.t) {
  2749.                                 newAttr = limits.h - topNow + limits.t;
  2750.                             } else if (newAttr < 90) newAttr = 90;
  2751.                             dragger.style.height = Math.round(newAttr) +"px";
  2752.                         }
  2753.                         else if (resizer.pro == "top") {
  2754.                             newAttr = topNow + mmoved.Y;
  2755.                             newProp = heightNow - mmoved.Y;
  2756.                             if (newProp < 90) {
  2757.                                 newProp = stopSet("newProp", 90);
  2758.                                 newAttr = stopSet("newAttr", topNow + heightNow - 90);
  2759.                             }
  2760.                             else if (newAttr < limits.t) {
  2761.                                 newProp = stopSet("newProp", heightNow + topNow);
  2762.                                 newAttr = stopSet("newAttr", limits.t);
  2763.                             }
  2764.                             dragger.style.height = Math.round(newProp) +"px";
  2765.                             overlay.style.top = Math.round(newAttr) +"px";
  2766.                         }
  2767.                         else if (resizer.pro == "left") {
  2768.                             newAttr = leftNow + mmoved.X;
  2769.                             newProp = widthNow - mmoved.X;
  2770.                             if (isProp && tab == "tl" || tab == "bl") {
  2771.                                 heightNow = isProp * widthNow / 100;
  2772.                                 newTop = topNow + mmoved.Y;
  2773.                                 newHeight = heightNow - mmoved.Y;
  2774.                             }
  2775.                             if (tab == "tl" && isProp) {
  2776.                                 if (newHeight < 90) {
  2777.                                     resetLeft = stopSet("resetLeft", leftNow + widthNow - (90 / isProp * 100));
  2778.                                     resetTop = stopSet("resetTop", topNow + heightNow - 90);
  2779.                                     newProp = stopSet("newProp", 90 / isProp * 100);
  2780.                                 }
  2781.                                 else if (newProp < 160) {
  2782.                                     newProp = stopSet("newProp", 160);
  2783.                                     resetLeft = stopSet("resetLeft", leftNow + widthNow - 160);
  2784.                                     resetTop = stopSet("resetTop", topNow + (widthNow * isProp/ 100)) - (newProp * isProp/ 100);
  2785.                                 }
  2786.                                 else if (newTop < limits.t) {
  2787.                                     newTop = stopSet("newTop", limits.t);
  2788.                                     leftNow = stopSet("leftNow", leftNow);
  2789.                                     newProp = stopSet("newProp", widthNow - ((0 - topNow) / isProp * 100));
  2790.                                     resetLeft = leftNow + widthNow - newProp;
  2791.                                 }
  2792.                             }
  2793.                             else if (tab == "bl" && newHeight < 90 && mmoved.Y < 0) {
  2794.                                 newProp = stopSet("newProp", 90 / isProp * 100);
  2795.                                 newAttr = stopSet("newAttr", leftNow + widthNow - (90 / isProp * 100));
  2796.                             }
  2797.                             else if (newProp < 160) {
  2798.                                 newProp = stopSet("newProp", 160);
  2799.                                 newAttr = stopSet("newAttr", leftNow + widthNow - newProp);
  2800.                             }
  2801.                             if (newAttr < limits.l) {
  2802.                                 newAttr = stopSet("newAttr", limits.l);
  2803.                                 newProp = stopSet("newProp", widthNow - (0 - leftNow));
  2804.                                 resetTop = (topNow + (widthNow * isProp/ 100)) - (newProp * isProp/ 100);
  2805.                             }
  2806.                             else if (tab == "bl" && topNow + heightNow + mmoved.Y > limits.h) {
  2807.                                 newProp = stopSet("newProp", (limits.h - topNow) / isProp * 100);
  2808.                                 newAttr = stopSet("newAttr", leftNow + widthNow - newProp);
  2809.                             }
  2810.                             if (tab == "tl") {
  2811.                                 if (resetTop || resetLeft) {
  2812.                                     if (resetTop) {newTop = resetTop;}
  2813.                                     if (resetLeft) {newAttr = resetLeft;}
  2814.                                 }
  2815.                                 else {
  2816.                                     newAttr = leftNow + widthNow - (newHeight / isProp * 100);
  2817.                                     newProp = newHeight / isProp * 100;
  2818.                                 }
  2819.                                 overlay.style.top = Math.round(newTop) +"px";
  2820.                             }
  2821.                             overlay.style.left = Math.round(newAttr) +"px";
  2822.                             dragger.style.width = Math.round(newProp) +"px";
  2823.                         }
  2824.                         if (!cropMenu) {
  2825.                            qs(".action .aresize").classList.remove("disabled");
  2826.                            qs(".action .azoom").classList.remove("disabled");
  2827.                            qs("#zoomfactor").classList.remove("disabled");
  2828.                            qs("#zoomfactor").removeAttribute("disabled");
  2829.                            cropMenu = true
  2830.                         }
  2831.                         resizer.e.clientX = e.clientX;
  2832.                         resizer.e.clientY = e.clientY;
  2833.                         displayCoords(1)
  2834.                     }
  2835.                     function propCrop(e) {
  2836.                         let bx;
  2837.                         if (!isProp) {
  2838.                             bx = dragger.getBoundingClientRect();
  2839.                             isProp = bx.height / bx.width * 100;
  2840.                             dragger.style.height = "0";
  2841.                             dragger.style.paddingTop = isProp +'%';
  2842.                         }
  2843.                         freeCrop(e)
  2844.                     }
  2845.                     function onMouseMove(e) {resizer.fn(e);}
  2846.                     overlay.onmousedown = function(e) {
  2847.                         e.stopPropagation(); e.preventDefault();
  2848.                         if (e.which !== 1) return;
  2849.                         stops = {};
  2850.                         setResizerNow();
  2851.                         resizer.e = {clientX: e.clientX, clientY: e.clientY};
  2852.                         shader.classList.add("transparent");
  2853.                         action.classList.add("transparent");
  2854.                         
  2855.                         let names = e.target.classList;
  2856.                         if (names.contains("cropper")) {
  2857.                             resizer.fn = freeCrop;
  2858.                             if (names.contains("ct")) {resizer.pro = "top"; resizer.tab = "ct"; }
  2859.                             else if (names.contains("cr")) {resizer.pro = "width"; resizer.tab = "cr"; }
  2860.                             else if (names.contains("cb")) {resizer.pro = "height"; resizer.tab = "cb";}
  2861.                             else {resizer.pro = "left"; resizer.tab = "cl";}
  2862.                         }
  2863.                         else if (names.contains("corner")) {
  2864.                             resizer.fn = propCrop;
  2865.                             if (names.contains("tr")) { resizer.pro = "width"; resizer.tab = "tr";}
  2866.                             else if (names.contains("br")) {resizer.pro = "width"; resizer.tab = "br";}
  2867.                             else if (names.contains("bl")) {resizer.pro = "left"; resizer.tab = "bl";}
  2868.                             else {resizer.pro = "left"; resizer.tab = "tl";}
  2869.                         }
  2870.                         else {resizer.fn = dragTo; resizer.tab = "dr";}
  2871.  
  2872.                         function onMouseUp(e) {
  2873.                             if (shader.classList.contains("transparent")) {
  2874.                                 d.removeEventListener('mousemove', onMouseMove, false);
  2875.                                 let cvs = qs("#dragger").getBoundingClientRect();
  2876.                                 if (isProp) {
  2877.                                     dragger.style.height = Math.round(cvs.height) +'px';
  2878.                                     dragger.style.removeProperty('padding-top');
  2879.                                     isProp = 0;
  2880.                                 }
  2881.                                 displayCoords(1);
  2882.                                 let shadetop = Math.max(Math.round(resizer.now.t),0),
  2883.                                     shadeleft = Math.max(Math.round(resizer.now.l),0),
  2884.                                     shaderight = Math.round(limits.w - Math.min(resizer.now.r,limits.w)),
  2885.                                     shadebottom = Math.round(limits.h - Math.min(resizer.now.b,limits.h)),
  2886.                                     bgs = `100% ${shadetop}px, 100% ${shadebottom}px, ${shadeleft}px 100%, ${shaderight}px 100%`;
  2887.                                 shader.style.backgroundSize = bgs;
  2888.                                 shader.classList.remove("transparent");
  2889.                                 action.classList.remove("transparent");
  2890.                                 d.removeEventListener('mouseup', onMouseUp, false);
  2891.                             }
  2892.                         }
  2893.                         d.addEventListener('mousemove', onMouseMove, false);
  2894.                         d.addEventListener('mouseup', onMouseUp, false);
  2895.                     }
  2896.                 } else qs("#overlay").classList.toggle("active");
  2897.             }
  2898.         });
  2899.     },
  2900.  
  2901.  
  2902.     refreshCounts: (vid) => {
  2903.         let xhr, data;
  2904.         let link = `${vid}counts/`;
  2905.         if (BC.path == vid) {
  2906.             if (!BC.countsRefreshed || d.visibilityState == 'visible' || BC.isFullScreen) {
  2907.                 if (scriptHandler == "Greasemonkey"){xhr = new BC.SM_XMLHttpRequest()}else{xhr = new XMLHttpRequest()}
  2908.                 data = 'csrfmiddlewaretoken='+ BC.getCsrftoken();
  2909.                 xhr.addEventListener("error", (e) => { error('XMLHttpRequest refreshCounts error: '+ e) });
  2910.                 xhr.addEventListener("load", (res) => {
  2911.                     try {
  2912.                         let e = typeof res.target === "undefined" ? {target: res} : res;
  2913.                         let result = JSON.parse(e.target.responseText);
  2914.                         if ('undefined' !== result.success && result.success) {
  2915.                             qs('#fs-view-count').innerHTML = result.view_count;
  2916.                             qs('#fs-like-count').innerHTML = result.like_count;
  2917.                             qs('#fs-dislike-count').innerHTML = result.dislike_count;
  2918.                             qs('#subscriber_count').innerHTML = result.subscriber_count;
  2919.                             BC.countsRefreshed = true;
  2920.                             setTimeout(BC.refreshCounts, 60000, vid);
  2921.                         }
  2922.                     } catch (e) { error('XMLHttpRequest refreshCounts parsing error: '+ e) }
  2923.                 });
  2924.                 xhr.open("POST", link, true);
  2925.                 xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
  2926.                 xhr.send(data);
  2927.             }
  2928.             else setTimeout(BC.refreshCounts, 60000, vid)
  2929.         }
  2930.     },
  2931.  
  2932.  
  2933.     screenshotIcon: '<svg class="svg-inline--fa fa-w-18 action-icon fa-fw" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 800" width="0.55in" height="0.55in">'+
  2934.     '<path fill="currentColor" stroke="currentColor" stroke-width="2" d="M20,728.816h816.506c11.046,0,20-8.954,20-20V228.013c0-11.046-8.954-20-20-20h-530.81v-60.323c0-11.046-8.954-20-20-20 '+
  2935.     'H114.253c-11.046,0-20,8.954-20,20v60.323H20c-11.046,0-20,8.954-20,20v480.804C0,719.862,8.954,728.816,20,728.816z M427.027,300.181c93.607,0,169.491,75.884,169.491,169.492s-75.884,169.492-169.491,169.492 '+
  2936. 	'c-93.608,0-169.492-75.884-169.492-169.492S333.419,300.181,427.027,300.181z" /></svg>',
  2937.  
  2938.  
  2939.     init: function() {
  2940.         return new Promise( resolve => {
  2941.             let settings = {volume:0.5,autoplay:true,color:"none",playnext:false,usedark:true,playlists:true,mvplaylist:true,
  2942.                             useblacklist:true,hidecarousel:false,hidecomments:false,hidemenubar:true,hideadverts:true,useminiplayer:true,
  2943.                             usesquareicons:true,hidedonationbar:true,homepagegotoall:true,hidecookienotice:true,hidesignupnotice:true,useseekbarpreview:true};
  2944.             GM.getValue('player', "{}").then( value => {
  2945.                 if (value && value != '{}') {
  2946.                     let player = Object.assign({}, settings, JSON.parse(value));
  2947.                     BC.url = null;
  2948.                     BC.host = null;
  2949.                     BC.path = null;
  2950.                     BC.loaded = !1;
  2951.                     BC.reload = !1;
  2952.                     BC.auxMenu = !1;
  2953.                     BC.loader = null;
  2954.                     BC.themes = null;
  2955.                     BC.blacklist = [];
  2956.                     BC.page = 'homepage';
  2957.                     BC.previouslisting = '';
  2958.                     BC.miniPlayerIni = false;
  2959.                     BC.player = {
  2960.                         api     : null,
  2961.                         fur     : null,
  2962.                         rect    : null,
  2963.                         volume  : player.volume,
  2964.                         autoplay: player.autoplay
  2965.                     }
  2966.                     BC.settings = {
  2967.                         color             : player.color,
  2968.                         usedark           : player.usedark,
  2969.                         playnext          : player.playnext,
  2970.                         playlists         : player.playlists,
  2971.                         mvplaylist        : player.mvplaylist,
  2972.                         hideadverts       : player.hideadverts,
  2973.                         hidemenubar       : player.hidemenubar,
  2974.                         useblacklist      : player.useblacklist,
  2975.                         hidecarousel      : player.hidecarousel,
  2976.                         hidecomments      : player.hidecomments,
  2977.                         useminiplayer     : player.useminiplayer,
  2978.                         usesquareicons    : player.usesquareicons,
  2979.                         hidedonationbar   : player.hidedonationbar,
  2980.                         homepagegotoall   : player.homepagegotoall,
  2981.                         hidecookienotice  : player.hidecookienotice,
  2982.                         hidesignupnotice  : player.hidesignupnotice,
  2983.                         useseekbarpreview : player.useseekbarpreview
  2984.                     }
  2985.                     GM.getValue('blacklist', "[]").then( value => {
  2986.                         BC.blacklist = JSON.parse(value);
  2987.                         let err = qs("#page-bar .page-title");
  2988.                             /* Server Error */
  2989.                         if (!err || (err && !err.innerText.match(/.*((server)+\serror)+$/i))) {
  2990.                             debug('>>>>>>>>>>>>>> BC init <<<<<<<<<<=');
  2991.                             resolve(true);
  2992.                         }
  2993.                     }).catch ( e => {
  2994.                         error('S_marty: Error in promise loading blacklist: '+ e);
  2995.                     });
  2996.                 }
  2997.                 else {
  2998.                         /* Install Database */
  2999.                     GM.setValue('blacklist', '[]');
  3000.                     GM.setValue('player', JSON.stringify(settings));
  3001.                     GM.setValue('miniplayer', "{ \"x\":0,\"y\":0,\"w\":350,\"h\":197 }");
  3002.                     w.location.replace(w.location.href);
  3003.                 }
  3004.             }).catch ( e => {
  3005.                 error('S_marty: Error in promise loading dB: '+ e);
  3006.             });
  3007.         });
  3008.     }
  3009. };
  3010.  
  3011.  
  3012. const Bcd = {
  3013.  
  3014.     link: null,
  3015.     dialog: null,
  3016.     loader: null,
  3017.     unloader: null,
  3018.     playerAPI: null,
  3019.     videoButtons: 0,
  3020.     videoSources: 0,
  3021.     downloadIndex: -1,
  3022.     download_poster: false,
  3023.     src: {videos: []},
  3024.     downloads: [],
  3025.     captions: [],
  3026.     tooltip: [],
  3027.  
  3028.  
  3029.     flattenTitle: (t, title = "") => {
  3030.  
  3031.         t = t.replace(/\s?\[mirrored\]/i, "");
  3032.         t = t.replace(/(?=\W{3,})/g, "");
  3033.         t = t.replace(/\s?["'\[\(\{]*Re.{0,3}upload(ed)?["':\]\)\}]*\s?/i, "");
  3034.         [...t].forEach(n => {
  3035.     	    if ( /[^\\/:\*\?'"<>@\|]+/.test(n) ) title += n;
  3036.         });
  3037.         while (title[0] === "." || title[0] === " ") {title = title.slice(1)}
  3038.         while (title.slice(-1) === "." || title.slice(-1) === " ") {title = title.slice(0, -1)}
  3039.         title = title.trim();
  3040.         if (/^(nul|prn|con|lpt[0-9]|com[0-9])(\.|$)/i.test(title)) title = "Video_" + title;
  3041.  
  3042.         return title;
  3043.     },
  3044.  
  3045.  
  3046.     addTooltip: (el, n) => {
  3047.         let tooltip, left, br;
  3048.         
  3049.         el.addEventListener('mouseover', function(e) {
  3050.             Bcd.tooltip[n] = dce("div");
  3051.             Bcd.tooltip[n] .className = "tooltip fade bottom in";
  3052.             Bcd.tooltip[n] .setAttribute("id", `tooltip${el.id}`);
  3053.             Bcd.tooltip[n] .setAttribute("role", "tooltip");
  3054.             br = el.getBoundingClientRect();
  3055.             Bcd.tooltip[n].style.top = br.bottom + w.scrollY +"px";
  3056.             left = br.left + w.scrollX + ((br.right - br.left) / 2)
  3057.             Bcd.tooltip[n].innerHTML = `<div class="tooltip-arrow"></div><div class="tooltip-inner">${el.getAttribute("data-original-title")}</div>`;
  3058.             qs("body").appendChild(Bcd.tooltip[n]);
  3059.             br = Bcd.tooltip[n].getBoundingClientRect();
  3060.             Bcd.tooltip[n].style.left = (left - (br.width / 2)) +"px";
  3061.         }, false);
  3062.  
  3063.         el.addEventListener('mouseout', function(e) {
  3064.             Bcd.tooltip[n].classList.remove('in');
  3065.             w.setTimeout( function(e) {
  3066.                 qs(`#tooltip${el.id}`).outerHTML = "";
  3067.             }, 150);
  3068.         }, false);
  3069.     },
  3070.  
  3071.  
  3072.     addVideoAction: (id, title, icon) => {
  3073.         let spc, action = null,
  3074.             menu = qs(".video-actions .action-list");
  3075.  
  3076.         action = dce("a");
  3077.         action.setAttribute("id", id);
  3078.         action.setAttribute("title", "");
  3079.         action.setAttribute("data-original-title", title);
  3080.         action.setAttribute("data-placement", "bottom");
  3081.         action.setAttribute("data-toggle", "tooltip");
  3082.         action.className = "disabled";
  3083.         action.innerHTML = icon;
  3084.         menu.insertBefore(action, menu.firstChild);
  3085.         spc = d.createTextNode("  \n  \n  ");
  3086.         menu.insertBefore(spc, menu.firstChild);
  3087.         return action
  3088.     },
  3089.  
  3090.  
  3091.     load: (e, vid) => {
  3092.         let style;
  3093.  
  3094.         debug(`>>>>>>>>>>>>>> Bcd load <<<<<<<<<<= ${e}:`, vid);
  3095.  
  3096.         if (! qs("#downloadLink")) {
  3097.             Bcd.link = Bcd.addVideoAction("downloadLink", "Download", Bcd.downloadIcon);
  3098.             Bcd.addTooltip(Bcd.link, Bcd.tooltip.length);
  3099.             Bcd.link.addEventListener('click', (e) => {
  3100.                 e.preventDefault();
  3101.                 if (Bcd.dialog) {
  3102.                     Bcd.toggle_download_dialog();
  3103.                     return
  3104.                 }
  3105.             }, false);
  3106.         }
  3107.  
  3108.         if (! qs("style#video_download")) {
  3109.             style = dce("style");
  3110.             style.id = "video_download";
  3111.             style.type = "text/css";
  3112.             style.innerText = `
  3113.                     a#downloadLink.disabled {pointer-events: none; opacity: 0.3; cursor: default}
  3114.                     .video-information .video-actions a.download_started {color: #eeee00;}
  3115.                     .video-information .video-actions a.download_finished {color: #00ee00;}
  3116.                     .video-information .video-actions a.download_error {color: #ee0000;}
  3117.  
  3118.                     #video_download_dialog {width: 400px; border: 2px solid #5F5F5F; border-radius: 6px; position: absolute;
  3119.                       z-index: 99000; background-color: #ddd;}
  3120.                     html.night #video_download_dialog {background-color: #211f22; border-color: #aaa;}
  3121.                     #video_download_dialog h2 {text-align: center;}
  3122.                     #video_download_dialog h4 {padding: 6px; text-align: center; text-shadow: 1px 1px #A1A1A1;}
  3123.                     #video_download_dialog .download_poster {background-color: transparent;}
  3124.                     #video_download_dialog .download_poster img {border: 1px solid #5F5F5F; width: 160px; height: 90px; margin-left: 18px;}
  3125.                     #video_download_dialog .poster_saveas {position: relative; right: 92px; text-align: center; float: right; top: 14px; font-size: 1em;}
  3126.                     #video_download_dialog #tracks {margin: 6px 16px 0 0; text-align: right;}
  3127.                     html.night #video_download_dialog .download_poster img {border-color: #aaa;}
  3128.                     #video_download_dialog button {font-size: 13px; color: #000; border-radius: 4px;
  3129.                       margin: 4px; right: 10px; position: absolute;-webkit-border-radius: 4;  -moz-border-radius: 4; border: 2px solid #555;}
  3130.                     #video_download_dialog button[disabled] {opacity: 0.5;}
  3131.                     #video_download_dialog .download_dialog_close_button {color: #990000; background-color: #aaa; top: -16px; right: -16px;
  3132.                       position: absolute; width: 32px; height: 32px; border-radius: 16px; border: 2px solid #555; cursor: pointer;
  3133.                       font-size: 24px; font-weight: bold; text-align: center; vertical-align: middle; line-height: 28px;}
  3134.                     #video_download_dialog .download_dialog_close_button:hover {background-color: #ddd; border-color: #222;}
  3135.                     #video_download_dialog .download_videos {background-color: transparent;}
  3136.                     #video_download_dialog hr {height: 1px; width: 80%; margin: 20px auto; border: none;
  3137.                       background: linear-gradient(to right, #BFBDBD 10%, #000 50%, #000 50%, #BFBDBD 90%);}
  3138.                     html.night #video_download_dialog hr {background: linear-gradient(to right, #000 0%, #BFBDBD 50%, #BFBDBD 50%, #000 100%);}
  3139.                     #video_download_dialog .download_videos div {background-color: transparent;}
  3140.                     #video_download_dialog .download_videos div.download_progress {margin: 2px 0px 2px 16px;}
  3141.                     #video_download_dialog .download_videos div.download_details {height: 50px; width: 188px; max-width: 200px; float: left;
  3142.                       padding: 6px; margin-left: 10px;}
  3143.                     #video_download_dialog button.download_error {background-color: #ff0000 !important;}
  3144.                     #video_download_dialog button.download_cancel {background-color: #aaaa22;}
  3145.                     #video_download_dialog button.download_finished {background-color: #8efc8e !important;}
  3146.                     #video_download_dialog button:not([disabled]):hover {color: #ffffff;}
  3147.                     #tracks .captions {display: inline-block;font-size: 13px;font-family: sans-serif;font-weight: 500;color: #000;line-height: 1.3;padding: .1em 1em .1em .3em;
  3148.                       width: 100%;max-width: 100%;box-sizing: border-box;margin: 0;border: 2px solid #555;box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
  3149.                       border-radius: 5px;-moz-appearance: none;-webkit-appearance: none;appearance: none;background-color: #2532e0;
  3150.                       background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20`+
  3151.                       `height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.`+
  3152.                       `6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%20`+
  3153.                       `5.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),linear-gradient(to bottom, #525cde 0%,#2532e0 100%);
  3154.                       background-repeat: no-repeat, repeat;background-position: right .2em top 50%, 0 0;background-size: .65em auto, 100%;outline-style: none;}
  3155.                     #tracks .captions:hover {color: #fff;} #tracks .captions option {font-weight:normal;}`;
  3156.             d.documentElement.appendChild(style);
  3157.         }
  3158.         Bcd.downloadDialog(vid);
  3159.     },
  3160.  
  3161.  
  3162.     downloadDialog: (vid) => {
  3163.         let downloadVideos, hr, newVid, tracks, captions = "";
  3164.  
  3165.         Bcd.dialog = qs("#video_download_dialog");
  3166.         debug(`Building downloadDialog (${Bcd.videoButtons})`)
  3167.  
  3168.         if (Bcd.dialog) {
  3169.             downloadVideos = qs(".download_videos", Bcd.dialog);
  3170.  
  3171.             if (downloadVideos) {
  3172.                 hr = dce("hr");
  3173.                 newVid = dce("div");
  3174.                 newVid.style.height = "54px";
  3175.                 newVid.style.margin = "0px 0px 20px 0px";
  3176.                 newVid.innerHTML = `
  3177.                     <div class="download_details v${Bcd.videoButtons}">
  3178.                       <div id="loader" style="position: relative;margin: auto;left: 0;top: 100%;">
  3179.                       <ul style="width: 10%;"><li></li><li></li><li></li><li></li><li></li></ul></div>
  3180.                     </div>
  3181.                     <div style="width: 180px; height: 26px;">
  3182.                       <button class="btn-danger download_video_only v${Bcd.videoButtons}" bid="v${Bcd.videoButtons}">Video Only</button><br />
  3183.                     </div>
  3184.                     <div style="width: 180px; height: 26px;">
  3185.                       <button class="btn-danger download_video_and_poster v${Bcd.videoButtons}" bid="v${Bcd.videoButtons}">Video &amp; Poster</button>
  3186.                     </div>
  3187.                     <div class="download_progress v${Bcd.videoButtons}"></div>`;
  3188.  
  3189.                 downloadVideos.insertBefore(newVid, downloadVideos.firstChild);
  3190.                 downloadVideos.insertBefore(hr, downloadVideos.firstChild);
  3191.  
  3192.                 qs("button.download_video_only.v"+ Bcd.videoButtons, Bcd.dialog).addEventListener('click', (e) => {
  3193.                     e.preventDefault();
  3194.                     let t = e.target;
  3195.                     let vb = t.getAttribute("bid");
  3196.                     if (!t.classList.contains("download_cancel")) {
  3197.                         let i = Bcd.saveToDisk(vid, false);
  3198.                         debug('download_video: '+i);
  3199.                         if (i[0] === null) return;
  3200.                         t.classList.add("download_cancel");
  3201.                         t.setAttribute("downloadid", i[0]);
  3202.                         t.innerText = "Cancel "+ t.innerText;
  3203.                         qs(".download_video_and_poster."+ vb, Bcd.dialog).disabled = "disabled";
  3204.                     } else {
  3205.                         let dl = Bcd.downloads[parseInt(t.getAttribute("downloadid"))];
  3206.                         dl[1].abort();
  3207.                         msg(`Download Canceled: ${dl[0].name} (${dl[0].n} of ${dl[0].t})`);
  3208.                         t.classList.remove("download_cancel");
  3209.                         t.removeAttribute("style");
  3210.                         t.removeAttribute("downloadid");
  3211.                         t.innerText = t.innerText.substr(7);
  3212.                         qs(".download_progress."+ vb, Bcd.dialog).innerHTML = "";
  3213.                         if (qs("button.download_poster_only", Bcd.dialog).className == "btn-danger download_poster_only") {
  3214.                             qs(".download_video_and_poster."+ vb, Bcd.dialog).removeAttribute("disabled");
  3215.                         }
  3216.                         if (! qs("button.download_cancel", Bcd.dialog)) {
  3217.                             Bcd.link.classList.remove("download_started");
  3218.                         }
  3219.                     }
  3220.                 });
  3221.                 qs("button.download_video_and_poster.v"+ Bcd.videoButtons, Bcd.dialog).addEventListener('click', (e) => {
  3222.                     e.preventDefault();
  3223.                     let t = e.target;
  3224.                     let vb = t.getAttribute("bid");
  3225.                     if (!t.classList.contains("download_cancel")) {
  3226.                         let i = Bcd.saveToDisk(vid, Bcd.src.poster);
  3227.                         debug('download_video_and_poster: '+i);
  3228.                         if (i[0] === null || i[1] === null) return;
  3229.                         t.classList.add("download_cancel");
  3230.                         t.setAttribute("downloadid", i[0]+'-'+i[1]);
  3231.                         t.innerText = "Cancel "+ t.innerText;
  3232.                         qs("button.download_poster_only", Bcd.dialog).disabled = "disabled";
  3233.                         qs("button.download_video_only."+ vb, Bcd.dialog).disabled = "disabled";
  3234.                         qs("button.download_poster_only", Bcd.dialog).setAttribute("downloadid", i[1]);
  3235.                         qs("button.download_poster_only", Bcd.dialog).classList.add("download_cancel");
  3236.                         qs("button.download_video_only."+ vb, Bcd.dialog).setAttribute("downloadid", i[0]);
  3237.                         qsa("button.download_video_and_poster:not(."+ vb +")", Bcd.dialog).forEach( (b) => {
  3238.                             b.setAttribute("disabled", "disabled");
  3239.                         })
  3240.                     } else {
  3241.                         let p, v;
  3242.                         let ids = t.getAttribute("downloadid").split('-');
  3243.                         let dl = Bcd.downloads[parseInt(ids[0])];
  3244.                         dl[1].abort();
  3245.                         msg(`Download Canceled: ${dl[0].name} (${dl[0].n} of ${dl[0].t})`);
  3246.                         dl = Bcd.downloads[parseInt(ids[1])];
  3247.                         if (qs("button.download_poster_only.download_cancel", Bcd.dialog)) {
  3248.                             dl[1].abort();
  3249.                             msg(`Download Canceled: ${dl[0].name} (${dl[0].n} of ${dl[0].t})`);
  3250.                         }
  3251.                         t.classList.remove("download_cancel");
  3252.                         t.removeAttribute("style");
  3253.                         t.removeAttribute("downloadid");
  3254.                         t.innerText = t.innerText.substr(7);
  3255.                         qs(".download_progress."+ vb, Bcd.dialog).innerHTML = "";
  3256.                         if (qsa("button.download_poster_only.download_finished,"+
  3257.                                "button.download_poster_only.download_error", Bcd.dialog).length)
  3258.                         {
  3259.                             t.disabled = "disabled";
  3260.                             if (! qs("button.download_cancel", Bcd.dialog)) {
  3261.                                 Bcd.link.classList.replace("download_started", "download_finished");
  3262.                             }
  3263.                         }
  3264.                         else {
  3265.                             if (p = qs('button.download_poster_only', Bcd.dialog)) {
  3266.                                 p.classList.remove("download_cancel");
  3267.                                 p.removeAttribute("disabled");
  3268.                                 p.removeAttribute("downloadid");
  3269.                             }
  3270.                             qsa("button.download_video_and_poster:not(."+ vb +")", Bcd.dialog).forEach( (b) => {
  3271.                                 b.removeAttribute("disabled");
  3272.                             })
  3273.                             if (! qs("button.download_cancel", Bcd.dialog)) {
  3274.                                 Bcd.link.classList.remove("download_started");
  3275.                             }
  3276.                         }
  3277.                         if (v = qs('button.download_video_only[downloadid="'+ids[0]+'"]', Bcd.dialog)) {
  3278.                             v.removeAttribute("disabled")
  3279.                             v.removeAttribute("downloadid");
  3280.                         }
  3281.                     }
  3282.                 });
  3283. /* ===================================================================================== */
  3284.             }
  3285.         }
  3286.         else {
  3287.             try { /* TODO BETA */
  3288.             //tracks = [{kind: "captions", src:"/sampleCaptions2.vtt", srclang:"en"},{kind: "captions", src:"/sampleCaptions3.vtt", srclang:"fr"}]
  3289.             tracks = qsa("track", Bcd.playerAPI);
  3290.             if (tracks.length) {
  3291.                 captions = '<div id="tracks"><select class="captions btn-danger"><option value="-1">Select Caption</option>';
  3292.                 tracks.forEach((o, i) => {
  3293.                     if (o.kind == "captions" || o.kind == "subtitles") {
  3294.                         Bcd.captions.push({lang: o.srclang, url: o.src, type: o.kind, index: i+1});
  3295.                         captions += `<option value="${i}">${o.srclang} ${o.kind}</option>`;
  3296.                     }
  3297.                 })
  3298.                 captions += "</select></div>";
  3299.             }
  3300.             } catch (err) {"Captions Error: "+ err}
  3301.             
  3302.             Bcd.dialog = dce("div");
  3303.             Bcd.dialog.setAttribute("id", "video_download_dialog");
  3304.             Bcd.dialog.innerHTML = `
  3305.                 <div class="download_poster">
  3306.                   <h2 class="download_smarty">Smarty Video Download</h2>
  3307.                   <h4 class="download_title">${Bcd.flattenTitle(d.title)}</h4>
  3308.                   <img alt="- No Poster -" src="${Bcd.src.poster.url}" title="${Bcd.src.poster.width} x ${Bcd.src.poster.height}"
  3309.                        onerror="this.nextElementSibling.style.visibility='hidden'; this.onerror=''; this.title=''">
  3310.                   <button class="btn-danger download_poster_only">Poster Only</button>
  3311.                   <div class="poster_saveas hidden">Try:<br />right-click<br />Save Image As...</div>${captions}
  3312.                 </div>
  3313.                 <div class="download_videos">
  3314.                   <hr />
  3315.                   <div style="height: 54px; margin: 0px 0px 20px 0px;">
  3316.                     <div class="download_details v0">
  3317.                       <div id="loader" style="position: relative;margin: auto;left: 0;top: 100%;">
  3318.                       <ul style="width: 10%;"><li></li><li></li><li></li><li></li><li></li></ul></div>
  3319.                     </div>
  3320.                     <div style="width: 180px; height: 26px;">
  3321.                       <button class="btn-danger download_video_only v0" bid="v0">Video Only</button><br />
  3322.                     </div>
  3323.                     <div style="width: 180px; height: 26px;">
  3324.                       <button class="btn-danger download_video_and_poster v0" bid="v0">Video &amp; Poster</button>
  3325.                     </div>
  3326.                     <div class="download_progress v0"></div>
  3327.                   </div>
  3328.                 </div>
  3329.                 <div class="download_dialog_close_button" title="Close">X</div>`;
  3330.             Bcd.dialog.style.display = "none";
  3331.             qs("body").appendChild(Bcd.dialog);
  3332.  
  3333.             qs("button.download_poster_only", Bcd.dialog).addEventListener('click', (e) => {
  3334.                 e.preventDefault();
  3335.                 let t = e.target;
  3336.                 if (!t.classList.contains("download_cancel")) {
  3337.                     let i = Bcd.saveToDisk(false, Bcd.src.poster);
  3338.                     debug('download_poster: '+i);
  3339.                     if (i[1] === null) return;
  3340.                     t.classList.add("download_cancel");
  3341.                     t.setAttribute("downloadid", i[1]);
  3342.                     t.innerText = "Cancel "+ t.innerText;
  3343.                     qsa("button.download_video_and_poster", Bcd.dialog).forEach( (b) => {
  3344.                         b.setAttribute("disabled", "disabled");
  3345.                     })
  3346.                 } else {
  3347.                     let dl = Bcd.downloads[parseInt(t.getAttribute("downloadid"))];
  3348.                     dl[1].abort();
  3349.                     msg(`Download Canceled: ${dl[0].name} (${dl[0].n} of ${dl[0].t})`);
  3350.                     t.classList.remove("download_cancel");
  3351.                     t.removeAttribute("style");
  3352.                     t.removeAttribute("downloadid");
  3353.                     t.innerText = t.innerText.substr(7);
  3354.                     qsa("button.download_video_and_poster", Bcd.dialog).forEach( (b) => {
  3355.                         let cn = "button.download_video_only."+ b.getAttribute("bid");
  3356.                         if (! qs(cn, Bcd.dialog).classList.contains("download_cancel") &&
  3357.                             ! qs(cn, Bcd.dialog).classList.contains("download_finished"))
  3358.                         { b.removeAttribute("disabled"); }
  3359.                     })
  3360.                     if (! qs("button.download_cancel", Bcd.dialog)) {
  3361.                         Bcd.link.classList.remove("download_started");
  3362.                     }
  3363.                 }
  3364.             });
  3365.  
  3366.             qs("button.download_video_only.v0", Bcd.dialog).addEventListener('click', (e) => {
  3367.                 e.preventDefault();
  3368.                 let t = e.target;
  3369.                 if (!t.classList.contains("download_cancel")) {
  3370.                     let i = Bcd.saveToDisk(vid, false);
  3371.                     debug('download_video: '+i);
  3372.                     if (i[0] === null) return;
  3373.                     t.classList.add("download_cancel");
  3374.                     t.setAttribute("downloadid", i[0]);
  3375.                     t.innerText = "Cancel "+ t.innerText;
  3376.                     qs(".download_video_and_poster.v0", Bcd.dialog).disabled = "disabled";
  3377.                 } else {
  3378.                     let dl = Bcd.downloads[parseInt(t.getAttribute("downloadid"))];
  3379.                     dl[1].abort();
  3380.                     msg(`Download Canceled: ${dl[0].name} (${dl[0].n} of ${dl[0].t})`);
  3381.                     t.classList.remove("download_cancel");
  3382.                     t.removeAttribute("style");
  3383.                     t.removeAttribute("downloadid");
  3384.                     t.innerText = t.innerText.substr(7);
  3385.                     qs(".download_progress.v0", Bcd.dialog).innerHTML = "";
  3386.                     if (qs("button.download_poster_only", Bcd.dialog).className == "btn-danger download_poster_only") {
  3387.                         qs(".download_video_and_poster.v0", Bcd.dialog).removeAttribute("disabled");
  3388.                     }
  3389.                     if (! qs("button.download_cancel", Bcd.dialog)) {
  3390.                         Bcd.link.classList.remove("download_started");
  3391.                     }
  3392.                 }
  3393.             });
  3394.             qs("button.download_video_and_poster.v0", Bcd.dialog).addEventListener('click', (e) => {
  3395.                 e.preventDefault();
  3396.                 let t = e.target;
  3397.                 if (!t.classList.contains("download_cancel")) {
  3398.                     let i = Bcd.saveToDisk(vid, Bcd.src.poster);
  3399.                     debug('download_video_and_poster: '+i);
  3400.                     if (i[0] === null || i[1] === null) return;
  3401.                     t.classList.add("download_cancel");
  3402.                     t.setAttribute("downloadid", i[0]+'-'+i[1]);
  3403.                     t.innerText = "Cancel "+ t.innerText;
  3404.                     qs("button.download_poster_only", Bcd.dialog).disabled = "disabled";
  3405.                     qs("button.download_video_only.v0", Bcd.dialog).disabled = "disabled";
  3406.                     qs("button.download_poster_only", Bcd.dialog).setAttribute("downloadid", i[1]);
  3407.                     qs("button.download_poster_only", Bcd.dialog).classList.add("download_cancel");
  3408.                     qs("button.download_video_only.v0", Bcd.dialog).setAttribute("downloadid", i[0]);
  3409.                     qsa("button.download_video_and_poster:not(.v0)", Bcd.dialog).forEach( (b) => {
  3410.                         b.setAttribute("disabled", "disabled");
  3411.                     })
  3412.                 } else {
  3413.                     let p, v;
  3414.                     let ids = t.getAttribute("downloadid").split('-');
  3415.                     let dl = Bcd.downloads[parseInt(ids[0])];
  3416.                     dl[1].abort();
  3417.                     msg(`Download Canceled: ${dl[0].name} (${dl[0].n} of ${dl[0].t})`);
  3418.                     dl = Bcd.downloads[parseInt(ids[1])];
  3419.                     if (qs("button.download_poster_only.download_cancel", Bcd.dialog)) {
  3420.                         dl[1].abort();
  3421.                         msg(`Download Canceled: ${dl[0].name} (${dl[0].n} of ${dl[0].t})`);
  3422.                     }
  3423.                     t.classList.remove("download_cancel");
  3424.                     t.removeAttribute("style");
  3425.                     t.removeAttribute("downloadid");
  3426.                     t.innerText = t.innerText.substr(7);
  3427.                     qs(".download_progress.v0", Bcd.dialog).innerHTML = "";
  3428.                     if (qsa("button.download_poster_only.download_finished,"+
  3429.                             "button.download_poster_only.download_error", Bcd.dialog).length)
  3430.                     {
  3431.                         t.disabled = "disabled";
  3432.                         if (! qs("button.download_cancel", Bcd.dialog)) {
  3433.                             Bcd.link.classList.replace("download_started", "download_finished");
  3434.                         }
  3435.                     }
  3436.                     else {
  3437.                         if (p = qs('button.download_poster_only', Bcd.dialog)) {
  3438.                             p.classList.remove("download_cancel");
  3439.                             p.removeAttribute("disabled");
  3440.                             p.removeAttribute("downloadid");
  3441.                         }
  3442.                         qsa("button.download_video_and_poster:not(.v0)", Bcd.dialog).forEach( (b) => {
  3443.                             b.removeAttribute("disabled");
  3444.                         })
  3445.                         if (! qs("button.download_cancel", Bcd.dialog)) {
  3446.                             Bcd.link.classList.remove("download_started");
  3447.                         }
  3448.                     }
  3449.                     if (v = qs('button.download_video_only[downloadid="'+ids[0]+'"]', Bcd.dialog)) {
  3450.                         v.removeAttribute("disabled")
  3451.                         v.removeAttribute("downloadid");
  3452.                     }
  3453.                 }
  3454.             });
  3455.             if (qs("#tracks .captions")) {
  3456.                 qs("#tracks .captions", Bcd.dialog).addEventListener('change', (e) => {
  3457.                     if (e.target.selectedIndex.value!=-1) Bcd.saveToDisk(false, false, e.target.selectedIndex.value);
  3458.                 })
  3459.             }
  3460.  
  3461.             qs(".download_dialog_close_button", Bcd.dialog).addEventListener('click', (e) => {
  3462.                 e.preventDefault();
  3463.                 Bcd.toggle_download_dialog();
  3464.                 return false
  3465.             });
  3466.             qs(".download_dialog_close_button", Bcd.dialog).addEventListener('mouseover', (e) => {
  3467.                 Bcd.animate({
  3468.                   duration: 400,
  3469.                   timing: function(timeFraction) {
  3470.                     return Math.pow(timeFraction, 2);
  3471.                   },
  3472.                   draw: function(progress) {
  3473.                     e.target.style.borderTopRightRadius = 16 + (progress * 6) + 'px';
  3474.                     e.target.style.borderBottomLeftRadius = 16 - (progress * 16) + 'px';
  3475.                   }
  3476.                 });
  3477.             });
  3478.             qs(".download_dialog_close_button", Bcd.dialog).addEventListener('mouseout', (e) => {
  3479.                 Bcd.animate({
  3480.                   duration: 300,
  3481.                   timing: function back(timeFraction) {
  3482.                     return Math.pow(timeFraction, 2)
  3483.                   }.bind(2.0),
  3484.                   draw: function(progress) {
  3485.                     e.target.style.borderBottomLeftRadius = progress * 16 + 'px';
  3486.                     e.target.style.borderTopRightRadius = 22 - (progress * 6) + 'px';
  3487.                   }
  3488.                 });
  3489.             });
  3490.             Bcd.link.classList.remove("disabled");
  3491.         }
  3492.         (function (vb) {
  3493.             return new Promise( (resolve) => {
  3494.                 try {
  3495.                   var url = Bcd.src.videos[vb].url;
  3496.                   var valid = true;
  3497.                   var response = "";
  3498.                   var request = new XMLHttpRequest();
  3499.  
  3500.                   if ('withCredentials' in request) {
  3501.                     request.addEventListener('progress', function(e) {
  3502.                       if (e.total && valid) {
  3503.                           request.abort();
  3504.                           valid = false;
  3505.                           debug('Size request progress', e);
  3506.                           resolve({size: e.total, vb: vb});
  3507.                       }
  3508.                       else {
  3509.                           if (request.status !== 0) {
  3510.                               var err = `Error: ${request.status} ${request.statusText}`;
  3511.                               Bcd.src.videos[vb].error = err;
  3512.                               valid = false;
  3513.                               request.abort();
  3514.                               qs(".download_details.v"+ vb, Bcd.dialog).innerHTML = err;
  3515.                           }
  3516.                       }
  3517.                     });
  3518.                     request.addEventListener('error', function() {
  3519.                       error('Size request Error', request.status);
  3520.                       qs(".download_details.v"+ vb, Bcd.dialog).innerHTML = "";
  3521.                     });
  3522.                     request.open('GET', url, true);
  3523.                     request.responseType = "blob";
  3524.                     request.send();
  3525.                   }
  3526.                 } catch (e) {
  3527.                   error('Size Promise Error', e);
  3528.                 }
  3529.             })
  3530.         }) (Bcd.videoButtons).then( (blob) => {
  3531.           let dims = "",
  3532.               type = Bcd.src.videos[blob.vb].type,
  3533.               size = Bcd.prettyBytes(blob.size),
  3534.               width = Bcd.src.videos[blob.vb].width,
  3535.               height = Bcd.src.videos[blob.vb].height;
  3536.  
  3537.           if (type && type.indexOf('video/') !=-1) {
  3538.               type = type.slice(type.lastIndexOf('/') +1);
  3539.               type = type[0].toUpperCase() + type.slice(1);
  3540.           }
  3541.  
  3542.           if (width && height) {
  3543.               dims = `<br />&nbsp;&nbsp;${width} x ${height}`;
  3544.           }
  3545.           qs(".download_details.v"+ blob.vb, Bcd.dialog).innerHTML = `${type} ${size}${dims}`;
  3546.           debug('videoButtons Blob response:', blob);
  3547.         });
  3548.         Bcd.videoButtons += 1;
  3549.     },
  3550.  
  3551.  
  3552.     toggle_download_dialog: () => {
  3553.         if (Bcd.dialog.style.display == "none") {
  3554.             Bcd.dialog.style.overflow = "hidden";
  3555.             Bcd.dialog.style.top = w.scrollY + 60 +"px";
  3556.             Bcd.dialog.style.left = w.innerWidth - 500 +"px";
  3557.             Bcd.dialog.style.display ='block';
  3558.             Bcd.dialog.style.height ='auto';
  3559.  
  3560.             Bcd.animate({
  3561.               duration: 400,
  3562.               timing: function(timeFraction) {
  3563.                 return Math.pow(timeFraction, 2);
  3564.               },
  3565.               draw: function(progress) {
  3566.                 Bcd.dialog.style.width = progress * 400 + 'px';
  3567.                 if (progress === 1) {
  3568.                     Bcd.dialog.style.overflow = 'visible';
  3569.                 }
  3570.               }
  3571.             });
  3572.         }
  3573.         else {
  3574.             let height = Bcd.dialog.getBoundingClientRect().height;
  3575.             Bcd.dialog.style.overflow = "hidden";
  3576.  
  3577.             Bcd.animate({
  3578.               duration: 500,
  3579.               timing: function back(x, timeFraction) {
  3580.                 return Math.pow(timeFraction, 2) * ((x + 1) * timeFraction - x)
  3581.               }.bind(null, 2.8),
  3582.               draw: function(progress) {
  3583.                 Bcd.dialog.style.width = 400 - (progress * 400) + 'px';
  3584.                 Bcd.dialog.style.height = height - (progress * height) + 'px';
  3585.                 if (progress === 1) {
  3586.                     Bcd.dialog.style.display ='none';
  3587.                     Bcd.dialog.style.overflow = 'visible';
  3588.                 }
  3589.               }
  3590.             });
  3591.         }
  3592.     },
  3593.  
  3594.  
  3595.     buttonDone: (button, state = "finished", txt = "Done") => {
  3596.         button.classList.replace("download_cancel", `download_${state}`);
  3597.         button.removeAttribute("downloadid");
  3598.         button.removeAttribute("style");
  3599.         button.disabled = "disabled";
  3600.         button.innerText = txt;
  3601.     },
  3602.  
  3603.  
  3604.     saveToDisk: (asVideo = false, asPoster = false, asAux = false) => {
  3605.  
  3606.         // Reset icon color
  3607.         Bcd.link.classList.remove('download_error', 'download_finished');
  3608.         Bcd.link.classList.add('download_started');
  3609.  
  3610.         let el, ext, title, total, button;
  3611.         let abo = "",
  3612.             dlp = [],
  3613.             ab0 = null,
  3614.             ab1 = null,
  3615.             indx = null,
  3616.             update = [],
  3617.             progress = [],
  3618.             mos = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
  3619.             downloadURLs = ((url, name, type, n, t, dli, ab) => {
  3620.  
  3621.             msg('Download Started:', name, `(${n} of ${t})`);
  3622.  
  3623.             Bcd.downloads[dli]    = [];
  3624.             Bcd.downloads[dli][0] = {name: name, n: n, t: t};
  3625.             Bcd.downloads[dli][1] = SmartyDownload({
  3626.  
  3627.                 id: dli,
  3628.                 url: url,
  3629.                 name: name,
  3630.                 type: type,
  3631.                 onload: () => {
  3632.                     msg(`Download Complete: ${name} (${n} of ${t})`);
  3633.                     // single video, single image, caption file
  3634.                     if (! ab) {
  3635.                         if (button = qs(`button.download_video_only[downloadid="${dli}"]`, Bcd.dialog)) {
  3636.                             Bcd.buttonDone(button);
  3637.                             if (dlp[dli]) dlp[dli].innerHTML = "";
  3638.                         } else if (button = qs(`button.download_poster_only[downloadid="${dli}"]`, Bcd.dialog)) {
  3639.                             Bcd.buttonDone(button);
  3640.                         }
  3641.                         if (indx && qs("#tracks .captions")) {
  3642.                             qs("#tracks .captions").options[indx].style.backgroundColor = "#8efc8e";
  3643.                         }
  3644.                     }
  3645.                     //  ab as video or image
  3646.                     else {
  3647.                         if (button = qs(`button.download_poster_only[downloadid="${dli}"]`, Bcd.dialog)) {
  3648.                             Bcd.buttonDone(button);
  3649.                         } else if (button = qs(`button.download_video_and_poster[downloadid="${ab}"]`, Bcd.dialog)) {
  3650.                             Bcd.buttonDone(button);
  3651.                             if (dlp[dli]) dlp[dli].innerHTML = "";
  3652.                         }
  3653.                     }
  3654.                     if (qsa("button.download_cancel", Bcd.dialog).length === 0) {
  3655.                         Bcd.link.classList.replace('download_started', 'download_finished');
  3656.                     }
  3657.                 },
  3658.                 onprogress: (dl) => {
  3659.                     debug(`Download Progress ${dli}:`, dl);
  3660.  
  3661.                     if (progress[dli] && dlp[dli]) {
  3662.                         if ((update[dli]++ % 10 === 0) || dl.loaded == dl.total) {
  3663.                             let now = new Date(),
  3664.                                 pct = Math.round(dl.loaded / dl.total * 100),
  3665.                                 rate = dl.loaded / (now - progress[dli]) * 1000,
  3666.                                 finish = Math.round((dl.total - dl.loaded)/ dl.loaded * (now - progress[dli])),
  3667.                                 crt = `${Math.round(dl.loaded / dl.total * 1000) / 10}.0`;
  3668.  
  3669.                             crt = crt.slice(0, crt.indexOf(".") + 2);
  3670.                             //debug('Round (dl.total - dl.loaded: '+(dl.total - dl.loaded)+') / dl.loaded: '+dl.loaded+' * (now - progress: '+(now - progress[dli])+'), yeilds: '+finish)
  3671.                             finish = new Date(now - finish);
  3672.                             finish = getPublishDate([ [], [finish.getUTCHours()], [finish.getUTCMinutes()], ["UTC"], [mos[finish.getUTCMonth()]], [finish.getUTCDate()], [finish.getUTCFullYear()], [finish.getUTCSeconds()] ]);
  3673.                             el.style.background = `linear-gradient(to right, #30a247 ${pct - 10}%, #8efc8e ${pct}%, #ed7f5d 0%, #ed7f5d 100%)`;
  3674.                             dlp[dli].innerHTML = `<b>${crt}%</b> =&gt; ${Bcd.prettyBytes(dl.loaded)} of ${Bcd.prettyBytes(dl.total)} (${Bcd.prettyBytes(rate)}/s) in ${finish}`;
  3675.                         }
  3676.                     }
  3677.                     else if (dl.total !=-1 && dl.lengthComputable) {
  3678.                         el = qs(`button.download_cancel[downloadid="${ab ? ab : dli}"]`, Bcd.dialog);
  3679.                         if (el && ! el.classList.contains("download_poster_only")) {
  3680.                             progress[dli] = new Date();
  3681.                             update[dli] = 0;
  3682.                             dlp[dli] = qs(".download_progress."+ (el.getAttribute("bid")), Bcd.dialog);
  3683.                         }
  3684.                     }
  3685.                     else if (dl.total ==-1) {
  3686.                     }
  3687.                 },
  3688.                 onerror: (dl) => {
  3689.                     button = qs(`button.download_cancel[downloadid="${ab ? ab : dli}"]`, Bcd.dialog);
  3690.                     if (! dl.error) {
  3691.                         msg(`Download Canceled: ${name} (${n} of ${t})`);
  3692.                         if (button) {
  3693.                             button.dispatchEvent( new MouseEvent('click', {
  3694.                                 bubbles: true,
  3695.                                 cancelable: true
  3696.                             }));
  3697.                         }
  3698.                         if (qsa("button.download_cancel", Bcd.dialog).length === 0) {
  3699.                             Bcd.link.classList.remove('download_started');
  3700.                         }
  3701.                         if (qsa("button.download_finished", Bcd.dialog).length) {
  3702.                             Bcd.link.classList.add('download_finished');
  3703.                         }
  3704.                     }
  3705.                     else {
  3706.                         error(`SmartyDownload (${dli})`, dl.error);
  3707.                         msg(`Download Canceled: ${name} (${n} of ${t})`);
  3708.                         Bcd.link.classList.replace('download_started', 'download_error');
  3709.                         if (dl.ext && ["mp4","ogg","webm"].indexOf(dl.ext) ==-1) {
  3710.                             button = qs("button.download_poster_only", Bcd.dialog);
  3711.                             qs(".download_poster .poster_saveas", Bcd.dialog).classList.remove("hidden")
  3712.                         }
  3713.                         if (button) {
  3714.                             Bcd.buttonDone(button, "error", "Error");
  3715.                         }
  3716.                     }
  3717.                     if (indx && qs("#tracks .captions")) {
  3718.                         qs("#tracks .captions").options[indx].style.backgroundColor = "#f00";
  3719.                     }
  3720.  
  3721.                     return
  3722.                 },
  3723.                 ontimeout: () => {
  3724.                     error(`SmartyDownload: ${name} (${n} of ${t}) has timed out`);
  3725.                     Bcd.link.classList.replace('download_started', 'download_error');
  3726.  
  3727.                     return
  3728.                 },
  3729.                 onabort: () => {
  3730.                     debug(`SmartyDownload: ${name} (${n} of ${t}) has been aborted`)
  3731.  
  3732.                     return
  3733.                 }
  3734.             })
  3735.         })
  3736.         title = Bcd.flattenTitle(d.title);
  3737.         total = (asVideo && asPoster) ? 2 : 1;
  3738.         if (asVideo) {
  3739.             ab0 = ++Bcd.downloadIndex;
  3740.             abo = asPoster ? `${ab0}-${ab0 + 1}` : '';
  3741.             ext = asVideo.url.slice(asVideo.url.lastIndexOf('.'));
  3742.             downloadURLs(asVideo.url, title + ext, asVideo.type, 1, total, ab0, abo);
  3743.         }
  3744.         if (asPoster) {
  3745.             ab1 = ++Bcd.downloadIndex;
  3746.             abo = asVideo ? `${ab1 - 1}-${ab1}` : '';
  3747.             ext = asPoster.url.slice(asPoster.url.lastIndexOf('.'));
  3748.             downloadURLs(asPoster.url, title + ext, asPoster.type, total, total, ab1, abo);
  3749.         }
  3750.         if (asAux) {
  3751.             ab1 = ++Bcd.downloadIndex;
  3752.             asAux = Bcd.captions[asAux];
  3753.             indx = asAux.index;
  3754.             ext = asAux.url.slice(asAux.url.lastIndexOf('.'));
  3755.             downloadURLs(asAux.url, `${title}.${asAux.lang + ext}`, asAux.type, 1, 1, ab1, null);
  3756.         }
  3757.  
  3758.         return [ab0, ab1]
  3759.     },
  3760.  
  3761.  
  3762.     init: (e) => {
  3763.         let ext, source, torrent;
  3764.  
  3765.         debug('>>>>>>>>>>>>>> Bcd init <<<<<<<<<<=', e);
  3766.  
  3767.         if (qs("title") && ! Bcd.loader) {
  3768.             addListener(qs("title"), function(e) {
  3769.               Bcd.init("loader");
  3770.             },{ childList: true });
  3771.             Bcd.loader = true;
  3772.         }
  3773.  
  3774.         if (! Bcd.unloader) {
  3775.             w.addEventListener('beforeunload', (e) => {
  3776.                 try {
  3777.                     let vdl = qs("#video_download_dialog");
  3778.                     let svd = qs("style#video_download");
  3779.                     if (vdl) vdl.parentNode.removeChild(vdl);
  3780.                     if (svd) svd.parentNode.removeChild(svd);
  3781.                 } catch (e) {}
  3782.             }, false);
  3783.             Bcd.unloader = true;
  3784.         }
  3785.         Bcd.captions = [];
  3786.         Bcd.downloads = [];
  3787.         Bcd.videoButtons = 0;
  3788.         Bcd.downloadIndex = -1;
  3789.         Bcd.download_poster = false;
  3790.  
  3791.         if (Bcd.dialog) {
  3792.             Bcd.dialog.parentNode.removeChild(Bcd.dialog);
  3793.             Bcd.dialog = null;
  3794.         }
  3795.         if (Bcd.playerAPI = qs("video#player")) {
  3796.             Bcd.videoSources = 0;
  3797.             Bcd.src = {videos: []};
  3798.  
  3799.             if (w.webtorrent) {
  3800.                 torrent = w.webtorrent.torrents[0];
  3801.                 torrent.on('ready', () => {
  3802.                     source = torrent.urlList[0];
  3803.                     Bcd.addSource({src: source, type: "torrent"});
  3804.                 })
  3805.             }
  3806.             if (source = qs("source:not([dl])", Bcd.playerAPI)) {
  3807.                 Bcd.addSource(source);
  3808.             }
  3809.  
  3810.             if (!qs("video#player.bcd")) {
  3811.                 addListener(Bcd.playerAPI, function(e) {
  3812.                     Bcd.addSource(e.target);
  3813.                 },{ childList: true, subtree: true });
  3814.  
  3815.                 if (Bcd.playerAPI.readyState > 0) Bcd.onloadedmetadata();
  3816.                 Bcd.playerAPI.addEventListener('loadedmetadata', Bcd.onloadedmetadata);
  3817.                 Bcd.playerAPI.classList.add("bcd");
  3818.             }
  3819.         }
  3820.         else if (w.location.pathname.indexOf('/video') !=-1) {
  3821.             if (e == "timed") {
  3822.                 let err = qs("#page-bar .page-title");
  3823.                     /* Server Error */
  3824.                 if (err && err.innerText.match(/.*((server)+\serror)+$/i)) return
  3825.             }
  3826.             w.setTimeout(Bcd.init, 250, "timed")
  3827.         }
  3828.     },
  3829.  
  3830.  
  3831.     addSource: (source = null) => {
  3832.         let vid, ext, s, poster, postersize;
  3833.  
  3834.         if (!Bcd.download_poster) {
  3835.             if (Bcd.playerAPI.poster) {
  3836.                 poster = {url: null, type: null, width: 0, height: 0};
  3837.                 poster.url = new URL(Bcd.playerAPI.poster);
  3838.                 poster.url = poster.url.href;
  3839.                 if (postersize = poster.url.match(/_(\d+)x(\d+)\./)) {
  3840.                     poster.width = postersize[1];
  3841.                     poster.height = postersize[2];
  3842.                 }
  3843.                 poster.type = qs('meta[property="og:image:type"]').content || "image/jpeg";
  3844.                 Bcd.src.poster = poster;
  3845.                 Bcd.download_poster = true
  3846.             }
  3847.         }
  3848.         if (source && source.src) {
  3849.             ext = source.src.slice(source.src.lastIndexOf('.'));
  3850.             s = new URL(source.src);
  3851.             if (source.type == "torrent") source.type = "video/mp4 (torrent)";
  3852.             else source.setAttribute("dl", Bcd.videoSources);
  3853.             vid = {ext: ext, url: s.href, type: source.type, width: 0, height: 0, error: null};
  3854.             Bcd.src.videos.push(vid);
  3855.             debug(`Video source found: ${source.type}, ${s.href}`);
  3856.             Bcd.load("source", vid);
  3857.             Bcd.videoSources += 1;
  3858.         }
  3859.     },
  3860.  
  3861.  
  3862.     onloadedmetadata: (e) => {
  3863.         let width = Bcd.playerAPI.videoWidth,
  3864.             height = Bcd.playerAPI.videoHeight,
  3865.             curSrc = Bcd.playerAPI.currentSrc;
  3866.  
  3867.         qs("#takeScreenShot").classList.remove("disabled");
  3868.         Bcd.src.videos.forEach( (v, i) => {
  3869.             debug("url = curSrc ? "+ (v.url == curSrc) +" url: "+v.url);
  3870.             if (v.url == curSrc) {
  3871.                 v.width = width;
  3872.                 v.height = height;
  3873.                 if (Bcd.dialog) {
  3874.                     if (qs(".download_details.v"+ i, Bcd.dialog).innerText.indexOf(" x ") ==-1 &&
  3875.                       ! qs(".download_details.v"+ i +" ul", Bcd.dialog))
  3876.                     {
  3877.                         let dims = `<br />&nbsp;&nbsp;${width} x ${height}`;
  3878.                         qs(".download_details.v"+ i, Bcd.dialog).innerHTML += dims;
  3879.                         debug("loadedmetadata Bcd.src.videos: ", Bcd.src.videos);
  3880.                         debug("Bcd.dialog video("+i+") dimensions added");
  3881.                     }
  3882.                 }
  3883.             }
  3884.         })
  3885.     },
  3886.  
  3887.  
  3888.     animate: ({timing, draw, duration}) => {
  3889.       let start = performance.now();
  3890.  
  3891.       requestAnimationFrame(function animate(time) {
  3892.         let timeFraction = (time - start) / duration;
  3893.         if (timeFraction > 1) timeFraction = 1;
  3894.         let progress = timing(timeFraction);
  3895.         draw(progress);
  3896.         if (timeFraction < 1) {
  3897.           requestAnimationFrame(animate);
  3898.         }
  3899.       });
  3900.     },
  3901.  
  3902.  
  3903.     prettyBytes: (bytes=0) => {
  3904.         let c, i = 0, b = parseInt(Math.abs(bytes)), g = [' B',' kB',' mB',' gB',' tB', ' pB'];
  3905.         if (b < 1) return '0.00 B';
  3906.         while (b >= 1024) { b /= 1024; i+=1 };
  3907.         c = `${Math.round(b * 10) /10}.0`;
  3908.         c = c.slice(0, c.indexOf(".") + 2);
  3909.         return c + g[i]
  3910.     },
  3911.  
  3912.  
  3913.     downloadIcon: '<svg class="svg-inline--fa fa-w-18 action-icon fa-fw" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="0.55in" height="0.55in">'+
  3914.     '<path fill="currentColor" stroke="currentColor" stroke-width="2" d="M 0.17,37.33 C 3.00,37.11 4.50,44.67 4.83,47.39 4.83,47.39 45.33,47.39 45.33,47.39 45.33,47.39 45.58,37.19 49.61,36.83 '+
  3915.     '48.11,43.44 47.30,46.66 47.17,49.72 47.17,49.72 21.39,49.61 21.39,49.61 21.39,49.61 5.50,28.81 5.50,28.81 5.50,28.81 15.31,28.81 15.31,28.81 16.06,6.12 29.50,2.19 42.38,0.62 33.50,4.62 '+
  3916.     '23.10,9.76 24.28,28.89 24.28,28.89 34.25,28.88 34.25,28.88 34.25,28.88 18.61,49.67 18.61,49.67 18.61,49.67 3.00,49.67 3.00,49.67 3.22,49.67 1.33,42.56 0.06,37.28M 40.31,-1.94" /></svg>'
  3917. };
  3918.  
  3919.  
  3920.     const xhrRequest = function(opt) {
  3921.         var xhr = null;
  3922.         var saveAs = function(blob, name) {
  3923.             return new Promise((resolve, reject) => {
  3924.                 var url;
  3925.                 var success = 0;
  3926.                 var a = d.createElementNS("http://www.w3.org/1999/xhtml", "a");
  3927.                 const removeLink = (url) => {setTimeout(() => {(w.URL || w.webkitURL || w).revokeObjectURL(url);}, 20000)}
  3928.                 if ("download" in a) {
  3929.                     success = 1;
  3930.                     (url = (w.URL || w.webkitURL || w).createObjectURL(blob), setTimeout(function() {
  3931.                         a.href = url;
  3932.                         a.download = name;
  3933.                         a.dispatchEvent(new MouseEvent('click'));
  3934.                         removeLink(url);
  3935.                         debug('download saveAs 1, linkclick');
  3936.                         resolve();
  3937.                     }))
  3938.                 }
  3939.                 else if ("application/octet-stream" === blob.type && w.FileReader) {
  3940.                     success = 1;
  3941.                     var fr = new FileReader;
  3942.                     fr.onloadend = function() {
  3943.                         var f = fr.result.replace(/^data:[^;]*;/, "data:attachment/file;");
  3944.                         w.open(f, "_blank") || (w.location.href = f);
  3945.                         debug('download saveAs 2, FileReader');
  3946.                         resolve();
  3947.                     };
  3948.                     fr.readAsDataURL(blob);
  3949.                 }
  3950.                 else {
  3951.                     success = 1;
  3952.                     url = (w.URL || w.webkitURL || w).createObjectURL(blob);
  3953.                     "application/octet-stream" === blob.type ?
  3954.                                        w.location.href = url :
  3955.                                        w.open(url, "_blank") || (w.location.href = url);
  3956.                     removeLink(a, url);
  3957.                     debug('download saveAs 3, w.open');
  3958.                     resolve();
  3959.                 }
  3960.                 if (!success) reject()
  3961.             })
  3962.         }
  3963.  
  3964.         var getFile = function () {
  3965.             xhr = new XMLHttpRequest();
  3966.             let abort = xhr.abort;
  3967.             abort = abort.bind(xhr);
  3968.             xhr.timeout = opt.timeout;
  3969.             xhr.onerror = (function() {
  3970.                 if (xhr.readyState === 4 && xhr.status === 0 && xhr.response === null) {
  3971.                     let ext = opt.url.slice(opt.url.lastIndexOf('.') + 1);
  3972.                     opt.onerror({error: "Possible Cross-Origin Request Block", ext: `${ext}`})
  3973.                 } else opt.onerror
  3974.             });
  3975.             xhr.onabort = opt.onabort;
  3976.             xhr.ontimeout = opt.ontimeout;
  3977.             xhr.onprogress = opt.onprogress;
  3978.             xhr.onload = (e) => {
  3979.                 e = e.target;
  3980.                 if (e.status == 200 || e.status == 304 && e.readyState == 4) {
  3981.                     let type = e.response.type || opt.type || 'application/octet-stream';
  3982.                     let blob = new Blob([e.response], { type: type });
  3983.                     saveAs(blob, (opt.name || "download")).then( (val) => {
  3984.                         debug('saveAs Success');
  3985.                         opt.onload();
  3986.                     }).catch( (val) => {
  3987.                         opt.onerror({error: `saveAs( "${opt.name}" ) Failed`});
  3988.                     });
  3989.                 }
  3990.                 else opt.onerror({error: `${e.status}: ${e.statusText}`});
  3991.             }
  3992.  
  3993.             xhr.open('GET', opt.url, true);
  3994.             xhr.responseType = 'blob';
  3995.             xhr.send();
  3996.             return {abort: abort}
  3997.         }
  3998.         return getFile()
  3999.     }
  4000.  
  4001.  
  4002.     const SmartyDownload = function(params) {return xhrRequest(params);}
  4003.  
  4004.  
  4005.     const getPublishDate = (u = []) => {
  4006.         let now, days, scs, mis, hrs, dys, wks, yrs, utc, sec;
  4007.         let out = "",
  4008.             mos = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
  4009.  
  4010.         if (u.length) {
  4011.             utc = u[3];
  4012.             now = new Date();
  4013.             sec = typeof u[7] !== 'undefined';
  4014.             dys = now.getUTCDate() - parseInt(u[5]);
  4015.             hrs = now.getUTCHours() - parseInt(u[1]);
  4016.             mis = now.getUTCMinutes() - parseInt(u[2]);
  4017.             yrs = now.getUTCFullYear() - parseInt(u[6]);
  4018.             mos = now.getUTCMonth() - mos.indexOf(String(u[4]));
  4019.             scs = sec ? now.getUTCSeconds() - parseInt(u[7]) : now.getUTCSeconds();
  4020.             days = new Date(now.getUTCFullYear(), now.getUTCMonth(), 0).getDate();
  4021.  
  4022.             if (mis < 0) {hrs -= 1; mis += 60;}
  4023.             if (hrs < 0) {dys -= 1; hrs += 24;}
  4024.             if (dys < 0) {mos -= 1; dys += days;}
  4025.             if (mos < 0) {yrs -= 1; mos += 12;}
  4026.             if (yrs < 0) {yrs = 0;}
  4027.  
  4028.             if (yrs) {
  4029.                 out = `${yrs === 1 ? "a" : yrs} year${yrs > 1 ? 's' : ''}`;
  4030.                 if (mos > 0) out += `, ${mos} month${mos > 1 ? 's' : ''}`;
  4031.             }
  4032.             else if (mos > 0) {
  4033.                 out = `${mos} month${mos > 1 ? 's' : ''}`;
  4034.                 if (dys > 6) {
  4035.                     wks = parseInt(dys / 7);
  4036.                     out += `, ${wks === 1 ? "a" : wks} week${wks > 1 ? 's' : ''}`;
  4037.                 }
  4038.                 else if (dys > 0) out += `, ${dys === 1 ? "a" : dys} day${dys > 1 ? 's' : ''}`;
  4039.             }
  4040.             else if (dys > 0) {
  4041.                 if (dys > 6) {
  4042.                     wks = parseInt(dys / 7);
  4043.                     out = `${wks === 1 ? "a" : wks} week${wks > 1 ? 's' : ''}`;
  4044.                     if (dys % 7 > 0) out += `, ${dys % 7} day${dys % 7 > 1 ? 's' : ''}`;
  4045.                 }
  4046.                 else if (dys > 0) {
  4047.                     out = `${dys === 1 ? "a" : dys} day${dys > 1 ? 's' : ''}`;
  4048.                     if (hrs > 0) out += `, ${hrs} hour${hrs > 1 ? 's' : ''}`;
  4049.                 }
  4050.             }
  4051.             else if (hrs > 0) {
  4052.                 out = `${hrs === 1 ? "an" : hrs} hour${hrs > 1 ? 's' : ''}`;
  4053.                 if (mis > 0) out += `, ${mis} minute${mis > 1 ? 's' : ''}`;
  4054.             }
  4055.             else if (mis > 0 || (! sec && scs > 30)) {
  4056.                 if (scs > 30) mis += 1;
  4057.                 if (mis < 60) out = `${mis === 1 ? "a" : mis} minute${mis > 1 ? 's' : ''}`;
  4058.                 else out = "an hour";
  4059.             }
  4060.             else if (scs > 0) out = `${scs} second${scs > 1 ? 's' : ''}`;
  4061.             else out = "a moment";
  4062.  
  4063.             return out
  4064.         }
  4065.     }
  4066.  
  4067.     const qs = (selector, el=document) => el.querySelector(selector);
  4068.     const qsa = (selector, el=document) => el.querySelectorAll(selector);
  4069.     const dce = (tag) => document.createElement(tag);
  4070.  
  4071.     const addListener = (target, fn, config) => {
  4072.         var cfg = Object.assign({}, {attributes:!1, childList:!1,
  4073.                           characterData:!1, subtree:!1}, config);
  4074.         var observer = new MutationObserver((mutations) => {
  4075.           mutations.forEach((mutation) => { fn(mutation) })});
  4076.         observer.observe(target, cfg);
  4077.         return observer
  4078.     }
  4079.  
  4080.     const msg = function() {console.log(`\u2139\ufe0f %c[${name}] ${Array.prototype.slice.call(arguments).join(" ")}`, "font-weight: 600; color: #0B149E; text-shadow: 1px 1px #DDD;");}
  4081.  
  4082.     const error = function() {console.error(`[${name}] ${Array.prototype.slice.call(arguments).join(" ")}`);}
  4083.  
  4084.     const debug = function() {
  4085.         if (BC_Debug) {
  4086.             let n, m = "";
  4087.             for (n in arguments) {
  4088.                 if (typeof arguments[n] === "object" || typeof arguments[n] === "array") {
  4089.                     m += "%o";
  4090.                     console.log(`\ud83d\udd28 %c[${name}] ${m}`, "font-weight: 400; color: #853f02; text-shadow: 1px 1px #DDD;", arguments[n]);
  4091.                     return;
  4092.                 } else m += arguments[n] + " ";
  4093.             }
  4094.             console.log(`\ud83d\udd28 %c[${name}] ${m}`, "font-weight: 400; color: #BC5802; text-shadow: 1px 1px #DDD;");
  4095.         }
  4096.     }
  4097.  
  4098.       /* Not in Frames or Cloudflare error pages */
  4099.     if (w.self == w.top && !qs("#cf-error-details")) {
  4100.         BC.init().then( results => {
  4101.             if(results) {BC.chuteMePlease(); Bcd.init("orig")}
  4102.             else console.error('S_marty: Error initialising SmartChute');
  4103.         });
  4104.     }
  4105.  
  4106. }) ();