(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=Date.now() * Math.floor( 1 + Math.random() * 100 ) + "2397" ;
  var uid="id"+iid;
  var playerLoaded = false ;
  var reelToStart = 0 ;
  var wConfig = {"playlistitems":[{"mid":"2432259","id":"2432259","length":"72","title":"Velika \u0161krtica: Skupi parking","adddatesec":"1785329407","poster_url":"https://cdnt.onnetwork.tv/poster/2/4/2432259_2.jpg","pubcatdesc":"Audio-video","mposter_url":""},{"mid":"2425172","id":"2425172","length":"126","title":"Reci! Marija Lacko TIZER #1","adddatesec":"1784539752","poster_url":"https://cdnt.onnetwork.tv/poster/2/4/2425172_3.jpg","pubcatdesc":"Audio-video","mposter_url":""},{"mid":"2433499","id":"2433499","length":"141","title":"Drugim o\u010dima: Santiago Araya Milovic","adddatesec":"1785429945","poster_url":"https://cdnt.onnetwork.tv/poster/2/4/2433499_1.jpg","pubcatdesc":"Audio-video","mposter_url":""},{"mid":"2424221","id":"2424221","length":"657","title":"Q2B - Davorin \u0160tetner","adddatesec":"1784360047","poster_url":"https://cdnt.onnetwork.tv/poster/2/4/2424221_2.jpg","pubcatdesc":"Audio-video","mposter_url":""}],"frid":2432259,"widgetId":2397,"devicetype":"desktop","isIos":0,"firstmidvideo":"MjQzMjI1OSw5eDE2LDAsNTAsNTc5Miw1MzMwLDEsMCwxLDUwLDAsMCwwLDAsMSwxLDAsMCwxLDAsMCwwLDAsMCwwLDAsMCwwOzA7LTE7LTE7VEw7MDswOzA7NTYsMCwwLDAsMCwwLDA7MDswOzA7MDswOzAsMA==","defsd":{"playlist":"5792","reelType":"0","reelRows":"2","reelColumns":"2","reelHeight":"527px","reelClosureButton":"416","reelClosureButtonPositioning":"1","reelListBackgroundColor":"#131313","reelListBackgroundImage":"","reelBackgroundColor":"rgba(0, 0, 0, 1)","reelBackgroundImage":"","reelBackgroundImageCustomCss":"","reelPosition":"0","reelMax":"10","reelMargin":"0","reelBorder":"","reelBorderRad":"","reelMarginList":"15px 8px 15px 7px","reelPadding":"0","reelBorderList":"none","reelBorderRadList":"0","reelTitlePosition":"1","reelTitleCustomCss":"display: flex; justify-content:center; align-items:center;text-align:center !important;","reelPaddingList":"","reelTitleColor":"rgba(255, 255, 255, 1)","reelTitleFont":"\"DrukText-Medium\"","reelTitleFontSize":"9","reelTitleHeight":"","reelTimerPosition":"3","reelTimerCustomCss":"border-radius:4px","reelTimerColor":"rgba(255, 80, 0, 0)","reelTimerBackground":"rgba(0, 0, 0, 0)","reelTimerFont":"","reelTimerFontSize":"10","reelTimerMargin":"4px","reelTimerPadding":"1px 4px","reelTitleMargin":"0","reelTitlePadding":"4px 40px","reelTitleBackground":"rgba(13, 12, 12, 0.25)","reelBehaviourMPosterUse":"1","reelBehaviourMPosterVisibilityThreshold":"80","reelBehaviourChangeThreshold":"30","reelBehaviourMPosterMode":"0","reelBehaviourWidgetScrollMode":"0","reelBehaviourWidgetIdleScrollBy":"100","reelBehaviourWidgetIdleInterval":"2000","reelTouchScrollAxis":"X","reelBehaviourShowFirstReelMode":"0","reelNoNextPosterSwipe":"0","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":"1","widgets_emission_midroll_list":"","widgets_emission_midroll_select_another_ad":"1","widgets_emission_periodic_first_ad_number":"afterSeconds","widgets_emission_periodic_first_ad_seconds":"15","widgets_emission_periodic_next_ads_number_interval":"afterSeconds","widgets_emission_periodic_next_ads_seconds_interval":"60","reelListPlayButtonURL":"","reelListPlayButtonCustomCss":"","reelListPlayButtonSvgShow":"1","reelListPlayButtonSvgWidth":"11","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":"1","reelMovieAddDateShow":"0","reelMovieAddDatePosition":"0","reelMovieAddDateMargin":"8px 4px","reelMovieAddDatePadding":"","reelMovieAddDateColor":"","reelMovieAddDateBackground":"","reelMovieAddDateFont":"","reelMovieAddDateFontSize":"9","reelMovieAddDateCustomCss":"","reelUseNewDesktop":"1","reelDesktopStylesAdditionsCss":"@font-face {\r\n      font-family: \"DrukText-Medium\";\r\n      src: url(\"./DrukText-Medium.woff\");\r\n    }\r\n\r\n    * {\r\n      margin: 0;\r\n      padding: 0;\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .totalcontainerexs.wid2397.desktop .playercontainerexswrapper {\r\n      background: #000;\r\n      align-items: center;\r\n      justify-content: center;\r\n      flex-wrap: wrap;\r\n      width: 100%;\r\n        height: calc(100% - 60px) !important;\r\n    top: calc(0px + 60px) !important; \r\n    }\r\n\r\n    .totalcontainerexs.wid2397::before {\r\n      content: \"\";\r\n      width: 8%;\r\n      display: block;\r\n      background-image: -webkit-gradient(linear, right top, left top, from(#000), to(transparent));\r\n      background-image: linear-gradient(to left, #000, transparent);\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.wid2397::after {\r\n      content: \"\";\r\n      width: 8%;\r\n      display: block;\r\n      background-image: -webkit-gradient(linear, left top, right top, from(#000), to(transparent));\r\n      background-image: linear-gradient(to right, #000, transparent);\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.wid2397.desktop .playercontainerexs {\r\n      height: calc(90% - 160px);\r\n    }\r\n\r\n    .totalcontainerexs.wid2397.desktop .playercontainerexsbeforetop,\r\n    .totalcontainerexs.wid2397.desktop .playercontainerexsafterbottom {\r\n      height: max-content;\r\n      width: 100%;\r\n      display: flex;\r\n      justify-content: flex-end;\r\n    }\r\n\r\n    .totalcontainerexs.wid2397.desktop .playercontainerexsbeforeleft,\r\n    .totalcontainerexs.wid2397.desktop .playercontainerexsafterright {\r\n      min-width: 1px;\r\n    }\r\n\r\n    .totalcontainerexs.wid2397.desktop .playercontainerexsafterbottom {\r\n      color: white;\r\n      font-family: monospace;\r\n      font-size: xx-large;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n    }\r\n\r\n    .closer {\r\n      user-select: none;\r\n      color: white;\r\n      font-size: 32px;\r\n      cursor: pointer;\r\n      margin-right: 32px;\r\n      transition: 50ms;\r\n      font-family: Roboto, sans-serif;\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    .closer:hover {\r\n      color: #FA292A;\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":"(function(){\r\n    const tc = document.querySelector(\".totalcontainerexs.wid2397\");\r\n    if (!tc || !tc?.classList.contains(\"desktop\")) {console.log(\"No desktop... I am out.\"); return};\r\n    const beforetop = document.querySelector(\".playercontainerexsbeforetop\");\r\n    const afterbottom = document.querySelector(\".playercontainerexsafterbottom\");\r\n\r\n    if (beforetop && !document.querySelector(\".closer\")) {\r\n      const closer = document.createElement(\"div\");\r\n      closer.className = \"closer\";\r\n      closer.innerHTML = \"x\";\r\n\r\n      closer.addEventListener(\"click\", () => {\r\n        var comTxt = \"onntv://\" + JSON.stringify({comm: \"closeShorts\", iid: beforetop.dataset.iid});\r\n        window.postMessage(comTxt, \"*\");\r\n      });\r\n\r\n      beforetop.appendChild(closer);\r\n    }\r\n\r\n    window.addEventListener(\"message\", (e) => {\r\n      if (!e.data.indexOf || (e.data.indexOf(\"onntv://\")!=0)){ return ; }\r\n      var data = JSON.parse(e.data.slice(8));\r\n\r\n      if (data.comm == \"movieset\") {\r\n        afterbottom.innerHTML = \"\";\r\n\r\n        var p = document.createElement(\"p\");\r\n        p.style.fontFamily = 'DrukText-Medium';\r\n        p.style.textAlign = \"center\";\r\n        p.textContent = data.videoTitle;\r\n        afterbottom.appendChild(p);\r\n      }\r\n    });\r\n})()","reelBehaviourSwipeupRedirect":"0","reelBehaviourSwipeupRedirectNewtab":"0","reelBehaviourSwipeupRedirectThreshold":"50","reelBehaviourSwipeDesktop":"0","reelMovieCategoryShow":"0","reelMovieCategoryPosition":"0","reelMovieCategoryMargin":"8px 4px","reelMovieCategoryPadding":"","reelMovieCategoryColor":"","reelMovieCategoryBackground":"","reelMovieCategoryFont":"","reelMovieCategoryFontSize":"9","reelMovieCategoryCustomCss":"","reelBehaviourNoPrefetch":"0","reelBehaviourLowerPosterSized":"0","reelBehaviourLowerPosterSizem":"0"},"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 = `@font-face {
      font-family: "DrukText-Medium";
      src: url("./DrukText-Medium.woff");
    }

    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    .totalcontainerexs.wid2397.desktop .playercontainerexswrapper {
      background: #000;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      width: 100%;
        height: calc(100% - 60px) !important;
    top: calc(0px + 60px) !important; 
    }

    .totalcontainerexs.wid2397::before {
      content: "";
      width: 8%;
      display: block;
      background-image: -webkit-gradient(linear, right top, left top, from(#000), to(transparent));
      background-image: linear-gradient(to left, #000, transparent);
      height: 100%;
      position: absolute;
      right: 0;
      top: 0;
      pointer-events: none;
      z-index: 1;
    }

    .totalcontainerexs.wid2397::after {
      content: "";
      width: 8%;
      display: block;
      background-image: -webkit-gradient(linear, left top, right top, from(#000), to(transparent));
      background-image: linear-gradient(to right, #000, transparent);
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      pointer-events: none;
      z-index: 1;
    }

    .totalcontainerexs.wid2397.desktop .playercontainerexs {
      height: calc(90% - 160px);
    }

    .totalcontainerexs.wid2397.desktop .playercontainerexsbeforetop,
    .totalcontainerexs.wid2397.desktop .playercontainerexsafterbottom {
      height: max-content;
      width: 100%;
      display: flex;
      justify-content: flex-end;
    }

    .totalcontainerexs.wid2397.desktop .playercontainerexsbeforeleft,
    .totalcontainerexs.wid2397.desktop .playercontainerexsafterright {
      min-width: 1px;
    }

    .totalcontainerexs.wid2397.desktop .playercontainerexsafterbottom {
      color: white;
      font-family: monospace;
      font-size: xx-large;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .closer {
      user-select: none;
      color: white;
      font-size: 32px;
      cursor: pointer;
      margin-right: 32px;
      transition: 50ms;
      font-family: Roboto, sans-serif;
      width: max-content;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .closer:hover {
      color: #FA292A;
    }

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

    @media screen and (max-width: 1024px) {
      .onnrscript-wrapper {
        width: 100%;
      }
    }`;
  var desktopStylingJs = `(function(){
    const tc = document.querySelector(".totalcontainerexs.wid2397");
    if (!tc || !tc?.classList.contains("desktop")) {console.log("No desktop... I am out."); return};
    const beforetop = document.querySelector(".playercontainerexsbeforetop");
    const afterbottom = document.querySelector(".playercontainerexsafterbottom");

    if (beforetop && !document.querySelector(".closer")) {
      const closer = document.createElement("div");
      closer.className = "closer";
      closer.innerHTML = "x";

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

      beforetop.appendChild(closer);
    }

    window.addEventListener("message", (e) => {
      if (!e.data.indexOf || (e.data.indexOf("onntv://")!=0)){ return ; }
      var data = JSON.parse(e.data.slice(8));

      if (data.comm == "movieset") {
        afterbottom.innerHTML = "";

        var p = document.createElement("p");
        p.style.fontFamily = 'DrukText-Medium';
        p.style.textAlign = "center";
        p.textContent = data.videoTitle;
        afterbottom.appendChild(p);
      }
    });
})()`;
  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 wid2397 reelPosition0 " + (isMobile ? "mobile" : "desktop") ;
    } else {
      tcontainer.className = "totalcontainerexs widshorts wid2397 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}), "*");
    }
  }
})(2397,"","");