(function (widget,cId,vids){
  var _ONND_URL_EMBED = "https://video.onnetwork.tv" ;
  var _ONND_URL_CDN_EMBED = "https://cdn.onnetwork.tv" ;
  var overwrites = ""
  var iid=123 ;
  var uid="id"+iid;
  var playerLoaded = false ;
  var reelToStart = 0 ;
  var wConfig = {"playlistitems":[{"mid":"2372008","id":"2372008","length":"86","title":"Kotula odpowiada Konfederacji: Mamy wywie\u017a\u0107  z kraju dzieci z t\u0119czowych rodzin?","adddatesec":"1779356222","poster_url":"https://cdnt.onnetwork.tv/poster/2/3/2372008_4.jpg","pubcatdesc":"Politics","mposter_url":""},{"mid":"2370886","id":"2370886","length":"46","title":"Dlaczego dzi\u015b wolimy NIE REAGOWA\u0106?","adddatesec":"1779281324","poster_url":"https://cdnt.onnetwork.tv/poster/2/3/2370886_2.jpg","pubcatdesc":"Unset","mposter_url":""},{"mid":"2370423","id":"2370423","length":"76","title":"Zgorzelski zapewnia:  \u201cB\u0119dzie  wi\u0119cej \u017co\u0142nierzy USA  w Polsce\u201d","adddatesec":"1779270227","poster_url":"https://cdnt.onnetwork.tv/poster/2/3/2370423_1.jpg","pubcatdesc":"Politics","mposter_url":""},{"mid":"2369582","id":"2369582","length":"77","title":"Czarnek jako kandydat na premiera to ABSOLUTNY   B\u0141\u0104D KACZY\u0143SKIEGO?","adddatesec":"1779196133","poster_url":"https://cdnt.onnetwork.tv/poster/2/3/2369582_1.jpg","pubcatdesc":"Politics","mposter_url":""},{"mid":"2369386","id":"2369386","length":"38","title":"Tak ma dzia\u0142a\u0107 Cywilne Centrum Dzia\u0142ania. \"Nawet Pani sprzedaj\u0105ca marchewk\u0119 mo\u017ce pom\u00f3c\"","adddatesec":"1779188709","poster_url":"https://cdnt.onnetwork.tv/poster/2/3/2369386_3.jpg","pubcatdesc":"Unset","mposter_url":""},{"mid":"2369206","id":"2369206","length":"83","title":"Mastalerek o PiS: Niewiele z tej  partii zostanie. Kaczy\u0144ski najs\u0142abszy w historii? ","adddatesec":"1779180959","poster_url":"https://cdnt.onnetwork.tv/poster/2/3/2369206_1.jpg","pubcatdesc":"Politics","mposter_url":""},{"mid":"2368196","id":"2368196","length":"60","title":"\"Jedna osoba liczona KILKA RAZY\". Tak naprawd\u0119 wygl\u0105daj\u0105 statystyki s\u0142u\u017cb","adddatesec":"1779109437","poster_url":"https://cdnt.onnetwork.tv/poster/2/3/2368196_2.jpg","pubcatdesc":"Unset","mposter_url":""},{"mid":"2367970","id":"2367970","length":"88","title":"Kwa\u015bniewski radzi rz\u0105dowi i prezydentowi: \"Zrezygnowa\u0107 z j\u0119zyka agresji\"","adddatesec":"1779101112","poster_url":"https://cdnt.onnetwork.tv/poster/2/3/2367970_1.jpg","pubcatdesc":"Politics","mposter_url":""},{"mid":"2365912","id":"2365912","length":"41","title":"\"W jeden dzie\u0144 \u015bwiat mo\u017ce si\u0119 DIAMETRALNIE zmieni\u0107\". Prawda o wsp\u00f3\u0142czesnej wojnie","adddatesec":"1778846749","poster_url":"https://cdnt.onnetwork.tv/poster/2/3/2365912_2.jpg","pubcatdesc":"Unset","mposter_url":""},{"mid":"2313756","id":"2313756","length":"15","title":"100 TWARZY CEZAREGO PAZURY W RADIU ZET! S\u0142uchaj, zgaduj i wygrywaj sztabki z\u0142ota! ","adddatesec":"1775045717","poster_url":"https://cdnt.onnetwork.tv/poster/2/3/2313756_5.jpg","pubcatdesc":"Unset","mposter_url":""}],"frid":2372008,"widgetId":2187,"devicetype":"desktop","isIos":0,"firstmidvideo":"MjM3MjAwOCw5eDE2LDAsNTAsNTMzMCwxODQxOCwxLDAsMSw1MCwwLDAsMCwwLDEsMSwwLDAsMiwwLDAsMCwwLDAsMCwwLDAsMDswOy0xOy0xO1RMOzA7MDswOzU2LDAsMCwxLDAsMCwwOzA7MDswOzA7MDswLDA=","defsd":{"playlist":"5330","reelType":"0","reelRows":"2","reelColumns":"2","reelHeight":"300px","reelClosureButton":"159","reelListBackgroundColor":"rgba(255, 255, 255, 0)","reelListBackgroundImage":"","reelBackgroundColor":"rgba(0, 0, 0, 1)","reelBackgroundImage":"","reelBackgroundImageCustomCss":"","reelPosition":"0","reelMax":"10","reelMargin":"","reelBorder":"","reelBorderRad":"","reelMarginList":"4px","reelPadding":"","reelBorderList":"","reelBorderRadList":"5px","reelTitlePosition":"1","reelTitleCustomCss":"display: flex; justify-content:center; align-items:center; width: 80%; ","reelPaddingList":"","reelTitleColor":"rgba(0, 0, 0, 0)","reelTitleFont":"Averta Bold","reelTitleFontSize":"14","reelTitleHeight":"20%","reelTimerPosition":"3","reelTimerCustomCss":"display: none;","reelTimerColor":"rgba(255,80,0,1)","reelTimerBackground":"rgba(0,0,0,1)","reelTimerFont":"","reelTimerFontSize":"10","reelTimerMargin":"4px","reelTimerPadding":"1px 4px","reelTitleMargin":"4px 0","reelTitlePadding":"6%","reelTitleBackground":"rgba(255, 255, 255, 0)","reelBehaviourMPosterUse":"0","reelBehaviourMPosterVisibilityThreshold":"80","reelBehaviourChangeThreshold":"50","reelBehaviourMPosterMode":"1","reelBehaviourWidgetScrollMode":"0","reelBehaviourWidgetIdleScrollBy":"100","reelBehaviourWidgetIdleInterval":"2000","reelTouchScrollAxis":"N","reelBehaviourShowFirstReelMode":"0","reelNoNextPosterSwipe":"1","ads_emission_selectr":"1","widgets_emission_preroll_select_first_ad":"1","widgets_emission_preroll_list":"","widgets_emission_preroll_select_another_ad":"1","widgets_emission_midroll_select_first_ad":"","widgets_emission_midroll_list":"","widgets_emission_midroll_select_another_ad":"","widgets_emission_periodic_first_ad_number":"afterSeconds","widgets_emission_periodic_first_ad_seconds":"60","widgets_emission_periodic_next_ads_number_interval":"afterSeconds","widgets_emission_periodic_next_ads_seconds_interval":"120","reelListPlayButtonURL":"","reelListPlayButtonCustomCss":"","reelListPlayButtonSvgShow":"0","reelListPlayButtonSvgWidth":"30","reelListPlayButtonSvgTop":"50","reelListPlayButtonSvgLeft":"50","reelListPlayButtonSvgFill":"rgba(255,255,255,0)","reelListPlayButtonSvgWcpCircleStroke":"rgba(255,255,255,0.8)","reelListPlayButtonSvgWcpTriangleFill":"rgba(255,255,255,0.8)","reelBehaviourInfiniteMPoster":"0","reelBehaviourSwipeupRedirect":"0","reelBehaviourSwipeupRedirectNewtab":"0","reelBehaviourSwipeupRedirectThreshold":"30","reelMovieAddDateShow":"1","reelMovieAddDatePosition":"0","reelMovieAddDateMargin":"8px 4px","reelMovieAddDatePadding":"","reelMovieAddDateColor":"rgba(255, 255, 255, 1)","reelMovieAddDateBackground":"","reelMovieAddDateFont":"\"Roboto\", sans-serif","reelMovieAddDateFontSize":"10","reelMovieAddDateCustomCss":"display: flex; flex-direction: row; align-items: flex-start; padding: 10px 0 0 10px !important; gap: 9.67px;  width: 220px !important; height: 58.02px !important;  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); transform: translate(-5px, -7px);","reelUseNewDesktop":"1","reelDesktopStylesAdditionsCss":".totalcontainerexs.wid2187.desktop .playercontainerexswrapper {\r\n        background: rgba(0, 0, 0, 0.8);\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex-wrap: wrap;\r\n        width: 100%;\r\n      }\r\n\r\n      .totalcontainerexs.wid2187.desktop::before {\r\n        content: \"\";\r\n        width: 8%;\r\n        display: block;\r\n        height: 100%;\r\n        position: absolute;\r\n        right: 0;\r\n        top: 0;\r\n        pointer-events: none;\r\n        z-index: 1;\r\n      }\r\n\r\n      .totalcontainerexs.wid2187.desktop::after {\r\n        content: \"\";\r\n        width: 8%;\r\n        display: block;\r\n        height: 100%;\r\n        position: absolute;\r\n        left: 0;\r\n        top: 0;\r\n        pointer-events: none;\r\n        z-index: 1;\r\n      }\r\n\r\n      .totalcontainerexs.wid2187.desktop .playercontainerexs {\r\n        height: 85%;\r\n      }\r\n      .totalcontainerexs.wid2187.desktop .playercontainerexsafterbottom {\r\n        position: absolute;\r\n        left: 95%;\r\n        top: 80%;\r\n        height: auto;\r\n        display: flex;\r\n        justify-content: flex-end;\r\n      }\r\n      .totalcontainerexs.wid2187.desktop .playercontainerexsbeforetop {\r\n        position: absolute;\r\n        left: 97%;\r\n        top: 2%;\r\n        height: auto;\r\n        display: flex;\r\n        justify-content: flex-end;\r\n      }\r\n      .totalcontainerexs.wid2187.desktop .playercontainerexsbeforeleft,\r\n      .totalcontainerexs.wid2187.desktop .playercontainerexsafterright {\r\n        margin: 0 25px;\r\n      }\r\n      .nreel,\r\n      .preel,\r\n      .closereel {\r\n        user-select: none;\r\n        cursor: pointer;\r\n        width: max-content;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n      }\r\n\r\n      .onnrscript-wrapper {\r\n        width: 90%;\r\n        max-width: 1240px;\r\n        height: auto;\r\n        margin: 0 auto;\r\n      }\r\n\r\n      @media screen and (max-width: 1024px) {\r\n        .onnrscript-wrapper {\r\n          width: 100%;\r\n        }\r\n      }","reelDesktopStylesAdditionsJs":"const beforetop = document.querySelector(\".playercontainerexsbeforetop\");\r\n      const afterbottom = document.querySelector(\r\n        \".playercontainerexsafterbottom\"\r\n      );\r\n      const afeterright = document.querySelector(\r\n        \".playercontainerexsafterright\"\r\n      );\r\n      const beforeleft = document.querySelector(\r\n        \".playercontainerexsbeforeleft\"\r\n      );\r\n\r\n      if (afeterright) {\r\n        const nreel = document.createElement(\"div\");\r\n        nreel.className = \"nreel\";\r\n        nreel.innerHTML =\r\n          '<svg width=\"64\" height=\"64\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">  <polyline points=\"6 4 12 9 6 14\" stroke=\"white\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>';\r\n\r\n        nreel.addEventListener(\"click\", () => {\r\n          var comTxt =\r\n            \"onntv://\" +\r\n            JSON.stringify({ comm: \"nextReel\", iid: afterbottom.dataset.iid });\r\n          window.postMessage(comTxt, \"*\");\r\n        });\r\n\r\n        afeterright.appendChild(nreel);\r\n      }\r\n      if (beforeleft) {\r\n        const preel = document.createElement(\"div\");\r\n        preel.className = \"preel\";\r\n        preel.innerHTML =\r\n          '<svg width=\"64\" height=\"64\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">  <polyline points=\"12 4 6 9 12 14\" stroke=\"white\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>';\r\n\r\n        preel.addEventListener(\"click\", () => {\r\n          var comTxt =\r\n            \"onntv://\" +\r\n            JSON.stringify({ comm: \"prevReel\", iid: beforetop.dataset.iid });\r\n          window.postMessage(comTxt, \"*\");\r\n        });\r\n\r\n        beforeleft.appendChild(preel);\r\n      }\r\n\r\n      if (beforetop) {\r\n        const closereel = document.createElement(\"div\");\r\n        closereel.className = \"closereel\";\r\n        closereel.innerHTML =\r\n          '<svg width=\"40\" height=\"40\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M17.8584 2.63135L11.5605 8.9292L18 15.3687L15.8789 17.4897L9.43945 11.0503L3 17.4897L0.878906 15.3687L7.31836 8.9292L1.02051 2.63135L3.1416 0.510254L9.43945 6.80811L15.7373 0.510254L17.8584 2.63135Z\" fill=\"white\"/></svg>';\r\n\r\n        closereel.addEventListener(\"click\", () => {\r\n          var comTxt =\r\n            \"onntv://\" +\r\n            JSON.stringify({\r\n              comm: \"closeShorts\",\r\n              iid: afterbottom.dataset.iid,\r\n            });\r\n          window.postMessage(comTxt, \"*\");\r\n        });\r\n\r\n        beforetop.appendChild(closereel);\r\n      }\r\n      window.addEventListener(\"message\", (e) => {\r\n        if (!e.data.indexOf || e.data.indexOf(\"onntv://\") != 0) {\r\n          return;\r\n        }\r\n        var data = JSON.parse(e.data.slice(8));\r\n      });","reelBehaviourSwipeDesktop":"0","reelClosureButtonPositioning":"1","reelMovieCategoryShow":"0","reelMovieCategoryPosition":"0","reelMovieCategoryMargin":"8px 4px","reelMovieCategoryPadding":"","reelMovieCategoryColor":"","reelMovieCategoryBackground":"","reelMovieCategoryFont":"","reelMovieCategoryFontSize":"9","reelMovieCategoryCustomCss":""},"classToAdd":"carousel","addcss":"","isProduction":true,"debugReelsWidget":false} ;
  var isMobile = 0;
              <!-- TOCHECK/IMPORTANTE blokada scrolla na głównym body strony ONNovhByReel, trzeba przemyśleć czy może być sytuacja, że coś się zbuguje i zlockuje całą stronę -->
  var useNewDesktop = 1;

  var desktopStylingCss = `.totalcontainerexs.wid2187.desktop .playercontainerexswrapper {
        background: rgba(0, 0, 0, 0.8);
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        width: 100%;
      }

      .totalcontainerexs.wid2187.desktop::before {
        content: "";
        width: 8%;
        display: block;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        pointer-events: none;
        z-index: 1;
      }

      .totalcontainerexs.wid2187.desktop::after {
        content: "";
        width: 8%;
        display: block;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        pointer-events: none;
        z-index: 1;
      }

      .totalcontainerexs.wid2187.desktop .playercontainerexs {
        height: 85%;
      }
      .totalcontainerexs.wid2187.desktop .playercontainerexsafterbottom {
        position: absolute;
        left: 95%;
        top: 80%;
        height: auto;
        display: flex;
        justify-content: flex-end;
      }
      .totalcontainerexs.wid2187.desktop .playercontainerexsbeforetop {
        position: absolute;
        left: 97%;
        top: 2%;
        height: auto;
        display: flex;
        justify-content: flex-end;
      }
      .totalcontainerexs.wid2187.desktop .playercontainerexsbeforeleft,
      .totalcontainerexs.wid2187.desktop .playercontainerexsafterright {
        margin: 0 25px;
      }
      .nreel,
      .preel,
      .closereel {
        user-select: none;
        cursor: pointer;
        width: max-content;
        display: flex;
        justify-content: center;
        align-items: center;
      }

      .onnrscript-wrapper {
        width: 90%;
        max-width: 1240px;
        height: auto;
        margin: 0 auto;
      }

      @media screen and (max-width: 1024px) {
        .onnrscript-wrapper {
          width: 100%;
        }
      }`;
  var desktopStylingJs = `const beforetop = document.querySelector(".playercontainerexsbeforetop");
      const afterbottom = document.querySelector(
        ".playercontainerexsafterbottom"
      );
      const afeterright = document.querySelector(
        ".playercontainerexsafterright"
      );
      const beforeleft = document.querySelector(
        ".playercontainerexsbeforeleft"
      );

      if (afeterright) {
        const nreel = document.createElement("div");
        nreel.className = "nreel";
        nreel.innerHTML =
          '<svg width="64" height="64" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">  <polyline points="6 4 12 9 6 14" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg>';

        nreel.addEventListener("click", () => {
          var comTxt =
            "onntv://" +
            JSON.stringify({ comm: "nextReel", iid: afterbottom.dataset.iid });
          window.postMessage(comTxt, "*");
        });

        afeterright.appendChild(nreel);
      }
      if (beforeleft) {
        const preel = document.createElement("div");
        preel.className = "preel";
        preel.innerHTML =
          '<svg width="64" height="64" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">  <polyline points="12 4 6 9 12 14" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg>';

        preel.addEventListener("click", () => {
          var comTxt =
            "onntv://" +
            JSON.stringify({ comm: "prevReel", iid: beforetop.dataset.iid });
          window.postMessage(comTxt, "*");
        });

        beforeleft.appendChild(preel);
      }

      if (beforetop) {
        const closereel = document.createElement("div");
        closereel.className = "closereel";
        closereel.innerHTML =
          '<svg width="40" height="40" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.8584 2.63135L11.5605 8.9292L18 15.3687L15.8789 17.4897L9.43945 11.0503L3 17.4897L0.878906 15.3687L7.31836 8.9292L1.02051 2.63135L3.1416 0.510254L9.43945 6.80811L15.7373 0.510254L17.8584 2.63135Z" fill="white"/></svg>';

        closereel.addEventListener("click", () => {
          var comTxt =
            "onntv://" +
            JSON.stringify({
              comm: "closeShorts",
              iid: afterbottom.dataset.iid,
            });
          window.postMessage(comTxt, "*");
        });

        beforetop.appendChild(closereel);
      }
      window.addEventListener("message", (e) => {
        if (!e.data.indexOf || e.data.indexOf("onntv://") != 0) {
          return;
        }
        var data = JSON.parse(e.data.slice(8));
      });`;
  var widgetClass = 'wid' + widget ;

  if (!useNewDesktop) {
              <!-- TOCHECK/IMPORTANTE blokada scrolla na głównym body strony ONNovhByReel, trzeba przemyśleć czy może być sytuacja, że coś się zbuguje i zlockuje całą stronę -->
  var nstylet = (isMobile ? 'body.ONNovhByReel { overflow: hidden !important; position: fixed !important;}' : '') +
                '  div.totalcontainerexs.'+widgetClass+'{ position:relative;display:flex;flex-direction:column;justify-content:center;width:100%;margin:0px;height:auto;box-sizing:border-box;align-items:stretch; background-color:transparent;}' +
                '  div.playercontainerexs.'+widgetClass+'{ width:100%;height:100%;position:fixed;top:0;left:0;z-index:2147483647;display:none; }' +
                '  #playerPreviewContainer div.playercontainerexs.'+widgetClass+', #totalcontainerdesktop'+uid+' div.playercontainerexs.'+widgetClass+'{ position:absolute;top:0;left:0;z-index:2147483647;display:none; }' +
                '  #totalcontainerdesktop'+uid+' { height: 100%; }' +
                '  div.widgetcontainerexs.'+widgetClass+'{ width:100%;height:auto;display:block; }' +
                '  div.widgetcontainerexs.'+widgetClass+'>div{ position:relative;display:block;width:100%;height:100%;left:0px;top:0px;border:none;margin:0px;padding:0px;overflow:hidden;}' +
                '  div.widgetcontainerexs.'+widgetClass+'>div>div{ position:absolute;display:block;width:100%;height:100%;left:0px;top:0px;border:none;margin:0px;padding:0px;overflow:hidden; }' +

                '  .playercontainerexs.'+widgetClass+' > div > div, .playercontainerexs.'+widgetClass+' > div > div > iframe { box-sizing: border-box !important; }' +

                '  .reelPosition0 > .playercontainerexs.'+widgetClass+' > div { width:100% !important;height:100% !important;min-width:100% !important;min-height:100% !important;'+
                '  max-width:100% !important;max-height:100% !important;padding:0 !important;margin:0 !important; }'+
                '  .reelPosition0 > .playercontainerexs.'+widgetClass+' > div > div { width:100% !important;height:100% !important;min-width:100% !important;min-height:100% !important;'+
                '  max-width:100% !important;max-height:100% !important; }'+
                '  .reelPosition0 > .playercontainerexs.'+widgetClass+' > div > div > iframe { width:100% !important;height:100% !important;min-width:100% !important;min-height:auto !important;'+
                '  max-width:100% !important;max-height:100% !important;padding:0 !important;margin:0 !important; }' +

                '  .reelPosition1 > .playercontainerexs.'+widgetClass+' { flex-direction: column; justify-content: flex-start; align-items: stretch; }' +
                '  .reelPosition1 > .playercontainerexs.'+widgetClass+' > div { width:100% !important;height:auto !important;min-width:100% !important;min-height:auto !important;'+
                '  max-width:100% !important;max-height:100% !important;padding:0 !important;margin:0 !important; }'+
                '  .reelPosition1 > .playercontainerexs.'+widgetClass+' > div > div { width:100% !important;height:auto !important;min-width:100% !important;min-height:auto !important;'+
                '  max-width:100% !important;max-height:100% !important; }'+
                '  .reelPosition1 > .playercontainerexs.'+widgetClass+' > div > div > iframe { width:100% !important;height:auto !important;min-width:100% !important;min-height:auto !important;'+
                '  max-width:100% !important;max-height:100% !important;padding:0 !important;margin:0 !important; }' +

                '  .reelPosition2 > .playercontainerexs.'+widgetClass+' { flex-direction: column; justify-content: center; align-items: stretch; }' +
                '  .reelPosition2 > .playercontainerexs.'+widgetClass+' > div { width:100% !important;height:auto !important;min-width:100% !important;min-height:auto !important;'+
                '  max-width:100% !important;max-height:100% !important;padding:0 !important;margin:0 !important; }'+
                '  .reelPosition2 > .playercontainerexs.'+widgetClass+' > div > div { width:100% !important;height:auto !important;min-width:100% !important;min-height:auto !important;'+
                '  max-width:100% !important;max-height:100% !important; }'+
                '  .reelPosition2 > .playercontainerexs.'+widgetClass+' > div > div > iframe { width:100% !important;height:auto !important;min-width:100% !important;min-height:auto !important;'+
                '  max-width:100% !important;max-height:100% !important;padding:0 !important;margin:0 !important; }' +

                '  .reelPosition3 > .playercontainerexs.'+widgetClass+' { flex-direction: column; justify-content: flex-end; align-items: stretch; }' +
                '  .reelPosition3 > .playercontainerexs.'+widgetClass+' > div { width:100% !important;height:auto !important;min-width:100% !important;min-height:auto !important;'+
                '  max-width:100% !important;max-height:100% !important;padding:0 !important;margin:0 !important; }'+
                '  .reelPosition3 > .playercontainerexs.'+widgetClass+' > div > div { width:100% !important;height:auto !important;min-width:100% !important;min-height:auto !important;'+
                '  max-width:100% !important;max-height:100% !important; }'+
                '  .reelPosition3 > .playercontainerexs.'+widgetClass+' > div > div > iframe { width:100% !important;height:auto !important;min-width:100% !important;min-height:auto !important;'+
                '  max-width:100% !important;max-height:100% !important;padding:0 !important;margin:0 !important; }' ;
  var nefrag = '<div class="playercontainerexs '+widgetClass+'" id="p'+uid+'" data-cfasync="false"></div>' +
               '<div class="widgetcontainerexs '+widgetClass+' widgettype7" data-cfasync="false" >' +
               '<div id="ld'+uid+'" data-cfasync="false" >' +
               '</div></div>' ;

  } else {
              <!-- TOCHECK/IMPORTANTE blokada scrolla na głównym body strony ONNovhByReel, trzeba przemyśleć czy może być sytuacja, że coś się zbuguje i zlockuje całą stronę -->
  var nstylet = (isMobile ? 'body.ONNovhByReel { overflow: hidden !important; position: fixed !important;}' : '') +
                '  div.totalcontainerexs.'+widgetClass+'{ position:relative;display:flex;flex-direction:column;justify-content:center;width:100%;margin:0px;height:auto;box-sizing:border-box;align-items:stretch; background-color:transparent;}' +
                '  #playerPreviewContainer div.playercontainerexs.'+widgetClass+'{ position:absolute;top:0;left:0;z-index:2147483647;display:none; }' +
                '  div.widgetcontainerexs.'+widgetClass+'{ width:100%;height:auto;display:block; }' +
                '  div.widgetcontainerexs.'+widgetClass+'>div{ position:relative;display:block;width:100%;height:100%;left:0px;top:0px;border:none;margin:0px;padding:0px;overflow:hidden;}' +
                '  div.widgetcontainerexs.'+widgetClass+'>div>div{ position:absolute;display:block;width:100%;height:100%;left:0px;top:0px;border:none;margin:0px;padding:0px;overflow:hidden; }' +

                '  .playercontainerexs.'+widgetClass+' > div > div, .playercontainerexs.'+widgetClass+' > div > div > iframe { box-sizing: border-box !important; }' +

                '  .reelPosition0 > .playercontainerexs.'+widgetClass+' > div { width:100% !important;height:100% !important;min-width:100% !important;min-height:100% !important;'+
                '  max-width:100% !important;max-height:100% !important;padding:0 !important;margin:0 !important; }'+
                '  .reelPosition0 > .playercontainerexs.'+widgetClass+' > div > div { width:100% !important;height:100% !important;min-width:100% !important;min-height:100% !important;'+
                '  max-width:100% !important;max-height:100% !important; }'+
                '  .reelPosition0 > .playercontainerexs.'+widgetClass+' > div > div > iframe { width:100% !important;height:100% !important;min-width:100% !important;min-height:auto !important;'+
                '  max-width:100% !important;max-height:100% !important;padding:0 !important;margin:0 !important; }' +

                '  .reelPosition1 > .playercontainerexs.'+widgetClass+' { flex-direction: column; justify-content: flex-start; align-items: stretch; }' +
                '  .reelPosition1 > .playercontainerexs.'+widgetClass+' > div { width:100% !important;height:auto !important;min-width:100% !important;min-height:auto !important;'+
                '  max-width:100% !important;max-height:100% !important;padding:0 !important;margin:0 !important; }'+
                '  .reelPosition1 > .playercontainerexs.'+widgetClass+' > div > div { width:100% !important;height:auto !important;min-width:100% !important;min-height:auto !important;'+
                '  max-width:100% !important;max-height:100% !important; }'+
                '  .reelPosition1 > .playercontainerexs.'+widgetClass+' > div > div > iframe { width:100% !important;height:auto !important;min-width:100% !important;min-height:auto !important;'+
                '  max-width:100% !important;max-height:100% !important;padding:0 !important;margin:0 !important; }' +

                '  .reelPosition2 > .playercontainerexs.'+widgetClass+' { flex-direction: column; justify-content: center; align-items: stretch; }' +
                '  .reelPosition2 > .playercontainerexs.'+widgetClass+' > div { width:100% !important;height:auto !important;min-width:100% !important;min-height:auto !important;'+
                '  max-width:100% !important;max-height:100% !important;padding:0 !important;margin:0 !important; }'+
                '  .reelPosition2 > .playercontainerexs.'+widgetClass+' > div > div { width:100% !important;height:auto !important;min-width:100% !important;min-height:auto !important;'+
                '  max-width:100% !important;max-height:100% !important; }'+
                '  .reelPosition2 > .playercontainerexs.'+widgetClass+' > div > div > iframe { width:100% !important;height:auto !important;min-width:100% !important;min-height:auto !important;'+
                '  max-width:100% !important;max-height:100% !important;padding:0 !important;margin:0 !important; }' +

                '  .reelPosition3 > .playercontainerexs.'+widgetClass+' { flex-direction: column; justify-content: flex-end; align-items: stretch; }' +
                '  .reelPosition3 > .playercontainerexs.'+widgetClass+' > div { width:100% !important;height:auto !important;min-width:100% !important;min-height:auto !important;'+
                '  max-width:100% !important;max-height:100% !important;padding:0 !important;margin:0 !important; }'+
                '  .reelPosition3 > .playercontainerexs.'+widgetClass+' > div > div { width:100% !important;height:auto !important;min-width:100% !important;min-height:auto !important;'+
                '  max-width:100% !important;max-height:100% !important; }'+
                '  .reelPosition3 > .playercontainerexs.'+widgetClass+' > div > div > iframe { width:100% !important;height:auto !important;min-width:100% !important;min-height:auto !important;'+
                '  max-width:100% !important;max-height:100% !important;padding:0 !important;margin:0 !important; }' ;
  var nefrag = '<div class="widgetcontainerexs '+widgetClass+'" data-cfasync="false" >' +
               '<div id="ld'+uid+'" data-cfasync="false" >' +
               '</div></div>' ;

    if (isMobile) {
      nstylet +=  '  div.playercontainerexs.'+widgetClass+'{ width:100%;height:100%;position:fixed;top:0;left:0;z-index:2147483647;display:none; }';

      nefrag  =   '<div class="playercontainerexs '+widgetClass+'" id="p'+uid+'" data-cfasync="false"></div>' + nefrag;
    } else {
      nstylet +=  '  div.playercontainerexswrapper{ width:auto;height:100%;position:fixed;top:0;left:0;z-index:2147483646;display:none;}' +
                  '  div.playercontainerexs.'+widgetClass+'{ z-index:2147483647;display:none; aspect-ratio: 9/16; }';


      nefrag =  '<div data-cfasync="false" class="playercontainerexswrapper">' +
                  '<div class="playercontainerexsbeforetop" id="btp'+uid+'" data-iid="'+iid+'" data-cfasync="false"></div>' +
                  '<div class="playercontainerexsbeforeleft" id="blp'+uid+'" data-iid="'+iid+'" data-cfasync="false"></div>' +
                  '<div class="playercontainerexs '+widgetClass+'" id="p'+uid+'" data-cfasync="false"></div>' +
                  '<div class="playercontainerexsafterright" id="arp'+uid+'" data-iid="'+iid+'" data-cfasync="false"></div>' +
                  '<div class="playercontainerexsafterbottom" id="abp'+uid+'" data-iid="'+iid+'" data-cfasync="false"></div>' +
                '</div>' + nefrag;
    }
  }
  var ONNScrollFixedPos = 0;
  function ONNdisableFixedScroll() {
    if (!isMobile) { return; }
    if (document.body.classList.contains("ONNovhByReel")) { return; }
    ONNScrollFixedPos = window.pageYOffset;
    document.body.style.top = "-" + ONNScrollFixedPos + "px";
    document.body.classList.add("ONNovhByReel");
  }
  function ONNenableFixedScroll() {
    if (!isMobile) { return; }
    document.body.style.top = "";
    document.body.classList.remove("ONNovhByReel");
    window.scrollTo({
      top: ONNScrollFixedPos,
      behavior: "instant"
    });
  }

  var widgetPlayer = null;
  function insertWidget( container , ib ){
    var nstyle = document.createElement( "style" );
    nstyle.innerHTML = nstylet ;
    nstyle.dataset['cfasync']="false";
    var tcontainer = document.createElement( "div" );
    tcontainer.innerHTML = nefrag ;
    if (useNewDesktop) {
      tcontainer.className = "totalcontainerexs widshorts wid2187 reelPosition0 " + (isMobile ? "mobile" : "desktop") ;
    } else {
      tcontainer.className = "totalcontainerexs widshorts wid2187 reelPosition0" ;
    }
    tcontainer.dataset['cfasync']="false";
    if (!isMobile && !useNewDesktop) { tcontainer.id = "totalcontainerdesktop"+uid; }
    document.body.appendChild( nstyle );
    if (ib){ container.parentElement.insertBefore( tcontainer , document.currentScript ); }
    else{ container.appendChild( tcontainer ); }
    var wmc=document.getElementById('ld'+uid);
    if(wmc){
      <!-- import( _ONND_URL_CDN_EMBED + '/js/widgets/widgetShortslist.js?s=202209160956' ).then(({WidgetPlayer})=>{ -->
      import( "https://cdn.onnetwork.tv/js/widgets/widgetShortslist.js?s="+Date.now() ).then(({WidgetPlayer})=>{
        wConfig['uid'] = uid;
        wConfig['iid'] = iid ;
        wConfig['cId'] = 'ld'+uid ;
        if(wConfig.defsd.reelBehaviourShowFirstReelMode==1){
          console.log("opacity");
          wmc.style.opacity='0';
        }
        playerCont = document.getElementById('p'+uid);
        widgetPlayer = new WidgetPlayer(wConfig, wmc, playerCont);

        if (desktopStylingCss != "") {
          try {
            const std = document.createElement("style");
            std.type="text/css" ;
            std.innerHTML = desktopStylingCss;
            std.id = "ONNdesktopStylingCssWidget"+iid;
            document.body.appendChild(std);
          } catch(dsce){ console.log(dsce); }
        }

        if (desktopStylingJs != "") {
          try{Function('"use strict";'+desktopStylingJs+';')();}catch(dsje){ console.log(dsje); }
        }

        if (useNewDesktop) {
          try{
            document.querySelector(".onnwrapperbuttons-prev")?.addEventListener("click", () => {
              widgetPlayer.playPrevMovie();
            });
          }catch(e){}

          try{
            document.querySelector(".onnwrapperbuttons-next")?.addEventListener("click", () => {
              widgetPlayer.playNextMovie();
            });
          }catch(e){}
        }
      });
    }
  }
  window.addEventListener("message",(e)=>{
    try{
      if (!e.data.indexOf || (e.data.indexOf("onntv://")!=0)){ return ; }
      var com = {} ;
      try{
        com = JSON.parse( e.data.substr( 8 ) );         
      }catch(e){ com = {} ; }
      switch (com.comm){
        // TOCHECK - Wydaje mi się, że punktu widzenia zależności widget-player komunikacja jest taka jak powinna być,
        //    ale na pewno nie jest najszybsza jakaby mogła być, bo wysyła komendy asynchronicznie. Teraz wygląda to tak:
        //    Swiped in player -> postMessage -> receive here in nextReel/prevReel -> call widgetPlayer playNextMovie/playPrevMovie ->
        //    -> change inner properties, related to current playing reel position in playlist -> send startShort command -> send startmovie message to player and play another vid
        case "moviecompleted" :
          if (parseInt(com.iid) != iid){ break ; }
        case "nextReel":
          if (parseInt(com.iid) == iid){
            if (widgetPlayer != null && typeof widgetPlayer.playNextMovie == "function") {
              widgetPlayer.playNextMovie();
            }
          }
          break;
        case "prevReel":
          if (parseInt(com.iid) == iid){
            if (widgetPlayer != null && typeof widgetPlayer.playPrevMovie == "function") {
              widgetPlayer.playPrevMovie();
            }
          }
          break;
        case "playerLoaded" : 
          if (parseInt(com.iid) == iid){
            playerLoaded = true ;
            if(wConfig.defsd.reelBehaviourShowFirstReelMode==1){
              console.log( "revopacity" );
              wmc=document.getElementById('ld'+uid);
              if(wmc){wmc.style.opacity='';}
            }
            if(reelToStart>0){
              var pc = document.getElementById( "pid"+com.iid );
              if(pc){ 
                pc.style.display = "flex" ;
                if (!isMobile && useNewDesktop) {
                  try {
                    var pcw = document.querySelector( ".playercontainerexswrapper" );
                    pcw.style.display = "flex" ;
                  } catch(ew){}
                }
                window.ONTVsendCommand("startmovie",parseInt(com.iid),parseInt(reelToStart));
              }
              <!-- IMPORTANTE - klasa CSS blokująca body -->
              ONNdisableFixedScroll();
              reelToStart = 0 ;
            }
          }
          break ;
        case "startShort":
          if(parseInt(com.iid)==iid){
            if(!playerLoaded){
              reelToStart = com.subject ;
              break ;
            }
            var pc = document.getElementById( "pid"+com.iid );
            if(pc){ 
              pc.style.display = "flex" ;
              if (!isMobile && useNewDesktop) {
                try {
                  var pcw = document.querySelector( ".playercontainerexswrapper" );
                  pcw.style.display = "flex" ;
                } catch(ew){}
              }
              window.ONTVsendCommand("startmovie",parseInt(com.iid),parseInt(com.subject));
            }
            <!-- IMPORTANTE - klasa CSS blokująca body -->
            ONNdisableFixedScroll();
          }
          break ;
        case "startnextshort" :
          if(parseInt(com.iid)==iid){
            var pc = document.getElementById( "pid"+com.iid );
            if (pc && widgetPlayer != null && typeof widgetPlayer.playNextMovie == "function") {
              pc.style.display = "flex" ;
              if (!isMobile && useNewDesktop) {
                try {
                  var pcw = document.querySelector( ".playercontainerexswrapper" );
                  pcw.style.display = "flex" ;
                } catch(ew){}
              }
              widgetPlayer.playNextMovie();
              widgetPlayer.signalReelOpen(0);
            }
          }
          break ;
        case "closeShorts":
          if(parseInt(com.iid)==iid){
            var pc = document.getElementById( "pid"+com.iid );
            if(pc){ 
              window.ONTVsendCommand("pause",parseInt(com.iid));
              pc.style.display = "none" ; 
              if (!isMobile && useNewDesktop) {
                try {
                  var pcw = document.querySelector( ".playercontainerexswrapper" );
                  pcw.style.display = "none" ;
                } catch(ew){}
              }
            }
            <!-- IMPORTANTE - klasa CSS blokująca body -->
            ONNenableFixedScroll();
          }
          break ;
        case "widgetloaded":
          if(parseInt(com.iid)==iid){
            var pscript = document.createElement( "script" );
            pscript.src = _ONND_URL_EMBED + '/embed.php?mid='+com.subject+'&iid='+iid+'&cId=p'+uid+'&widget='+widget+vids+overwrites ;
            pscript.async = true ;
            document.body.appendChild( pscript );
          } 
          break ;
        case "scrollReelList":
          if(parseInt(com.iid)==iid){
            if (com.subject == "+") {
              widgetPlayer.scrollListNext();
            } else if (com.subject == "-") {
              widgetPlayer.scrollListPrev();
            }
          } 
          break ;
      }
    }catch(e){}
  },false);

  if ((cId!="") && document.getElementById( cId )){
    insertWidget( document.getElementById( cId ) , false );
  }else 
  if (document.currentScript && document.currentScript.parentElement){
    insertWidget( document.currentScript , true );
  }
  if (typeof window.ONTVScrollReelList != "function") {
    window.ONTVScrollReelList = function(iid, d) {
      window.postMessage("onntv://" + JSON.stringify({sender: "onntv",sscript: "widget",comm: "scrollReelList",iid: iid,subject: d}), "*");
    }
  }
})(2187,"","");