// canvas_svg.js
// RJM Programming
// January, 2022
// Change a canvas via user_of_signature_signature.htm canvas

 var ejcanvases=document.getElementsByTagName('canvas'); 
 var ejcanvas;
 var ejprechash='', ejchash='';
 var ejuoss=null;
 var ejpasseddu='', ejorigpasseddu='';
 var ejtextcss=location.search.split('textcss=')[1] ? decodeURIComponent(location.search.split('textcss=')[1].split('&')[0]) : '';
 var ejimagecss=location.search.split('imagecss=')[1] ? decodeURIComponent(location.search.split('imagecss=')[1].split('&')[0]) : '';
 var ejcss=location.search.split('css=')[1] ? decodeURIComponent(location.search.split('css=')[1].split('&')[0]) : '';
 
 function ejsetup() {
 ejcanvases=document.getElementsByTagName('canvas'); 
 if (eval('' + ejcanvases.length) > 0) {
 ejcanvas = document.querySelector('canvas');
 
 if (!document.getElementById('gstyle')) {
   var odivio=document.createElement('div');
   odivio.id='gstyle';
   odivio.innerHTML='';
   document.getElementsByTagName('body')[0].appendChild(odivio);
 }

  if (ejcss != '') {
  var ejgstyleis='';
  if (ejcss == ejtextcss) {
    ejgstyleis=' <style> </style> ';
    ejgstyleis=ejgstyleis.replace('</style', ' img, canvas { ' + ejtextcss + ' } </style');
    if (ejimagecss != '') { ejgstyleis=ejgstyleis.replace(' } </style', ' ' + ejimagecss + ' } </style');   }
  } else if (ejcss == ejimagecss) {
    ejgstyleis=' <style> </style> ';
    ejgstyleis=ejgstyleis.replace('</style', ' img, canvas { ' + ejimagecss + ' } </style');
    if (ejtextcss != '') { ejgstyleis=ejgstyleis.replace(' } </style', ' ' + ejtextcss + ' } </style');   }
  } else {
    ejgstyleis=' <style> </style> ';
    ejgstyleis=ejgstyleis.replace('</style', ' img, canvas { ' + ejcss + ' } </style');
    if (ejtextcss != '') { ejgstyleis=ejgstyleis.replace(' } </style', ' ' + ejtextcss + ' } </style');   }
    if (ejimagecss != '') { ejgstyleis=ejgstyleis.replace(' } </style', ' ' + ejimagecss + ' } </style');   }
  }
  if (ejgstyleis != '') { document.getElementById('gstyle').innerHTML=ejgstyleis;   }
  }

 if (document.getElementById('gstyle')) {
   if (document.getElementById('gstyle').innerHTML.indexOf('canvas {') != -1) {
     ejprechash=document.getElementById('gstyle').innerHTML.split('canvas {')[1].split('}')[0];
   }
 }
 if (ejcanvases[0].outerHTML.indexOf(' style="') != -1) {
   ejchash='#' + encodeURIComponent(ejprechash + ejcanvases[0].outerHTML.split(' style="')[1].split('"')[0]);
 }
 if (('' + ejcanvases[0].title) != 'Click me for canvas annotation editing (discrete click shapes and freeform scribbling) functionality in new window.') {
  ejcanvases[0].title='Click me for canvas annotation editing (discrete click shapes and freeform scribbling) functionality in new window.';
  if (ejcanvases[0].outerHTML.indexOf(' onclick=') == -1) {
  ejcanvases[0].onclick=function() { if (ejuoss) { if (ejuoss.closed) { ejuoss=null; }   }   if (!ejuoss) { setTimeout(ejmonitoru,6000); ejorigpasseddu=ejcanvases[0].toDataURL('image/png'); ejpasseddu=ejorigpasseddu; ejuoss=window.open('/HTMLCSS/user_of_signature_signature.htm' + ejchash,'_blank','top=20,left=20,width=' + eval(0.9 * eval('' + screen.width)) + ',height=' + eval(0.8 * eval('' + screen.height)) + ''); } else { ejuoss.focus();  }  };
  } else if (ejcanvases[0].outerHTML.indexOf('down=') == -1) {
  ejcanvases[0].onmousedown=function() {  if (ejuoss) { if (ejuoss.closed) { ejuoss=null; }   } if (!ejuoss) { setTimeout(ejmonitoru,6000); ejorigpasseddu=ejcanvases[0].toDataURL('image/png'); ejpasseddu=ejorigpasseddu; ejuoss=window.open('/HTMLCSS/user_of_signature_signature.htm' + ejchash,'_blank','top=20,left=20,width=' + eval(0.9 * eval('' + screen.width)) + ',height=' + eval(0.8 * eval('' + screen.height)) + ''); } else { ejuoss.focus();  }  };
  ejcanvases[0].ontouchdown=function() {  if (ejuoss) { if (ejuoss.closed) { ejuoss=null; }   } if (!ejuoss) { setTimeout(ejmonitoru,6000); ejorigpasseddu=ejcanvases[0].toDataURL('image/png'); ejpasseddu=ejorigpasseddu; ejuoss=window.open('/HTMLCSS/user_of_signature_signature.htm' + ejchash,'_blank','top=20,left=20,width=' + eval(0.9 * eval('' + screen.width)) + ',height=' + eval(0.8 * eval('' + screen.height)) + ''); } else { ejuoss.focus();  }  };
  }
 }
 }
 }
  
 function ejmonitoru() {
   if (ejuoss) { if (ejuoss.closed) { ejuoss=null; }   }  
   if (ejuoss) {
     if (ejuoss.document.getElementById('topcbutton').innerHTML.indexOf(' ') != -1) {
       ejuoss.document.getElementById('topcbutton').innerHTML=ejuoss.document.getElementById('topcbutton').innerHTML.replace(' ','');
       window.focus();
     }
    var ejthispdu=ejuoss.document.getElementById('topcanvas').toDataURL('image/png');
    if (ejpasseddu != ejthispdu) {
      if (document.getElementById('antiu')) {
      document.getElementById('antiu').style.display='inline-block';
      }
      ejpasseddu=ejthispdu;
  var ejxnewimg=document.createElement('img');
  ejxnewimg.onload = function() {
    // draw the image onto the canvas
    ejcanvas.getContext('2d').drawImage(ejxnewimg, 0, 0);
  }
  ejxnewimg.src = ejpasseddu;
    }
     setTimeout(ejmonitoru, 6000);
   }
 }
 
 function ejuossc() {
   if (ejuoss) { if (ejuoss.closed) { ejuoss=null; }   }  
   if (!ejuoss) { 
     setTimeout(ejmonitoru,6000); 
     ejorigpasseddu=ejcanvases[0].toDataURL('image/png'); 
     ejpasseddu=ejorigpasseddu;
     //ejuoss=window.open('//www.rjmprogramming.com.au/HTMLCSS/user_of_signature_signature.htm' + ejchash,'_blank','top=20,left=20,width=' + eval(0.9 * eval('' + screen.width)) + ',height=' + eval(0.8 * eval('' + screen.height)) + ''); 
     ejuoss=window.open('/HTMLCSS/user_of_signature_signature.htm' + ejchash,'_blank','top=20,left=20,width=' + eval(0.9 * eval('' + screen.width)) + ',height=' + eval(0.8 * eval('' + screen.height)) + ''); 
   } else {
     ejuoss.focus();
   } 
 }
 
 function ejantiuossc() {
  if (ejuoss) { if (ejuoss.closed) { ejuoss=null; }   }  
  if (ejuoss) { 
  var ejznewimg=document.createElement('img');
  ejznewimg.onload = function() {
    // draw the image onto the canvas
    ejcanvas.getContext('2d').drawImage(ejznewimg, 0, 0);
    ejpasseddu=ejuoss.document.getElementById('topcanvas').toDataURL('image/png');
  }
  ejznewimg.src = ejorigpasseddu;
  } 
 }

 setTimeout(ejsetup, 3000);