<script>
// replace images with resizer
window.resizerImagesConverted = false;
window.resizerImagesDisabled = false;
setInterval(function() {
//return;
 if (document.location.href.indexOf('admin') > 0) return;
 if (window.resizerImagesDisabled) return;
 convertImages();
 window.resizerImagesConverted = true;
}, 500);


window.addEventListener('resize', function(event){
  console.log('CF window resize');
  window.resizerImagesConverted = false;
});

function convertImages() {
    //console.log('CF convert images with resizer!');
    var images = document.querySelectorAll("img[src*='/storage/remote/'],img[src*='/storage/editor/'],[orig-src]");
    if (images.length > 0) {
        var base_resizer = 'https://resizer.starlight.digital/crop?w=TARGET_W&h=TARGET_H&q=100&trg=teleportal&url=';
        images.forEach(function (img) {
            $img = $(img);
            var orig = $img.attr('orig-src') || '';
            if (orig != '' && !window.resizerImagesConverted) return;
            if (orig == '') {
              orig = img.getAttribute('src');
              img.setAttribute('orig-src', orig);
            }
            if (!orig.match(/\.png/i)) {
              var pixelRatio = 1;
              if (typeof window.devicePixelRatio != 'undefined' && window.devicePixelRatio>0) pixelRatio = window.devicePixelRatio;
              var w = $img.width()*pixelRatio;
              var h = $img.height()*pixelRatio;
              if (w != img.getAttribute('res-w') || h != img.getAttribute('res-h') ) {
                 var base = base_resizer.replace('TARGET_W', w).replace('TARGET_H', h);
                 var orig = orig.replace('372x279/', '').replace('315x450/', '').replace('370x208/', '').replace('_100.jpg', '.jpg').replace('_100.jpeg', '.jpeg');
                 orig = orig.replace('https://teleportal.ua', '');
                 img.setAttribute('src', base + encodeURIComponent('https://teleportal.ua' + orig));
                 img.setAttribute('res-w', w);
                 img.setAttribute('res-h', h);
              }
            }
        });
    }
}

function convertImagesBack() {
console.log('CF DONT convert images with resizer!');
    var images = document.querySelectorAll("img[src*='https://resizer.starlight.digital']");
    if (images.length > 0) {
        images.forEach(function (img) {
            $img = $(img);
$img.attr('src', $img.attr('orig-src'));
$img.attr('orig-src', '');
        });
    }
}

$('body').on('keydown', function(e) {
    if (e.keyCode == 84) {
         window.resizerImagesDisabled = true;
        convertImagesBack();
    }
});

$('body').on('keyup', function(e) {
    if (e.keyCode == 84) {
         window.resizerImagesDisabled = false;
        convertImagesBack();
    }
});

</script>