<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
function draw() {
  var canvas = document.getElementById('picture_canvas');
  canvas.height = 0;
  if (canvas.getContext) {
    var ctx = canvas.getContext('2d');

    var picA = new Image();
    var picB = new Image();
    var picC = new Image();

    picA.src = 'bb/at/at7189ma.jpg';
    picB.src = 'bb/at/at7189mb.jpg';
    picC.src = 'bb/at/at7189mc.jpg';

    picC.addEventListener('load', function() {
      var ctx = canvas.getContext('2d');

      if(picA.naturalWidth+picB.naturalWidth+picC.naturalWidth == 720 || picA.naturalWidth+picB.naturalWidth+picC.naturalWidth == 576){
        canvas.height = 180;

        ctx.fillStyle = 'rgb(255, 255, 255)';
        ctx.fillRect(0, 0, canvas.width, canvas.height);

        ctx.drawImage(picA, 0, 0, 240, 180);
        ctx.drawImage(picB, 241, 0, 240, 180);
        ctx.drawImage(picC, 482, 0, 240, 180);

      } else {

        if(picC.naturalWidth == 578){
          canvas.height = 181 + (picC.naturalHeight / 578) * 722;
        } else {
          canvas.height = 181 + picC.naturalHeight;
        }

        ctx.fillStyle = 'rgb(255, 255, 255)';
        ctx.fillRect(0, 0, canvas.width, canvas.height);

        ctx.drawImage(picA, 0, 0, 240, 180);
        ctx.drawImage(picB, 241, 0, 481, 180);

        if(picC.naturalWidth == 578){
          ctx.drawImage(picC, 0, 181, 722, picC.naturalHeight / 578 * 722);
        }  else {
          ctx.drawImage(picC, 0, 181, 722, picC.naturalHeight);
        }
      }
    }, false);

    document.getElementById('picture').style.display = 'block';
      
  }
}
</pre></body></html>