// signature_signature.js
// RJM Programming
// May, 2017
// Help out signature_signature.html and others like it

var myipad='';
var mobilecontain=false, advicegiven=false, safariblurb='';
var equalscapture='';
var lastacc='', lastaccw=-1, lastacch=-1, lastacci=null, topif=null, toppif=null;
var ssois=null;
var emojicontent='';lastacch
var emoji_placeholder="<br><input onblur=\"if (this.value.length > 0) {  document.getElementById('myta').value+=emoji_mappings(this.value); this.value='';  } else if (this.placeholder.length > 0) {  document.getElementById('myta').value+=this.placeholder; this.placeholder=''; }  \"  onclick=\"  if (this.placeholder.length > 0) {  document.getElementById('myta').value+=this.placeholder; this.placeholder=''; }\" type=text style='width:35%;border:1px dotted yellow;' value='' title='Click when you like an emoji to place below, else enter text that if continously changing case will do that Emoji lookup (eg. aPpLe) or you can enter a CodePoint dot delimited list to define an Emoji as required, or enter Emojis via Mac OS X Command-Control-Space or Windows+;' id='mywith' placeholder=''></input><input id=storyboard type=hidden value=></input><input id=myprefix type=hidden value=' '></input><iframe style='display:none;width:100%;height:400px;' name='ifoo' id='ifoo' src='//emojiterra.com/pineapple/'></iframe>";
if (document.URL.indexOf('localhost') != -1) { 
  emoji_placeholder="<br><input onblur=\"if (this.value.length > 0) {  document.getElementById('myta').value+=emoji_mappings(this.value); this.value='';  } else if (this.placeholder.length > 0) {  document.getElementById('myta').value+=this.placeholder; this.placeholder=''; }  \"  onclick=\"  if (this.placeholder.length > 0) {  document.getElementById('myta').value+=this.placeholder; this.placeholder=''; }\" type=text style='width:35%;border:1px dotted yellow;' value='' title='Click when you like an emoji to place below, else enter text that if continously changing case will do that Emoji lookup (eg. aPpLe) or you can enter a CodePoint dot delimited list to define an Emoji as required, or enter Emojis via Mac OS X Command-Control-Space or Windows+;' id='mywith' placeholder=''></input><input id=storyboard type=hidden value=></input><input id=myprefix type=hidden value=' '></input>";    
} else if (window.top && window.parent) {
  if (top.document != parent.document) {
   emoji_placeholder="<br><input onblur=\"if (this.value.length > 0) {  document.getElementById('myta').value+=emoji_mappings(this.value); this.value='';  } else if (this.placeholder.length > 0) {  document.getElementById('myta').value+=this.placeholder; this.placeholder=''; }  \"  onclick=\"  if (this.placeholder.length > 0) {  document.getElementById('myta').value+=this.placeholder; this.placeholder=''; }\" type=text style='width:35%;border:1px dotted yellow;' value='' title='Click when you like an emoji to place below, else enter text that if continously changing case will do that Emoji lookup (eg. aPpLe) or you can enter a CodePoint dot delimited list to define an Emoji as required, or enter Emojis via Mac OS X Command-Control-Space or Windows+;' id='mywith' placeholder=''></input><input id=storyboard type=hidden value=></input><input id=myprefix type=hidden value=' '></input>";    
  }
}
var intocb="if (parent.document.getElementById('protate')) {  parent.document.getElementById('protate'),value=eval(eval(360.0 - this.value) % 360.0); } else if (document.getElementById('protate')) { document.getElementById('protate'),value=eval(eval(360.0 - this.value) % 360.0); } rotis=this.value;  ";
var insidedanimation="<input type=button onclick=newslide(); value='New Animation Slide' title='New Animation Slide'></input>";
var csvv='', alldus=[], allgo=0, alltot=0, alllen=0;
var etreplace="youllneverfindthis", pagebit="", nopagebit="", twas=0, telem=null,tcontext=null,numc=1, templateurl='', omyask=null, pdfnickname="", pdfname="", pdfthispage=-1, pdfprevpage=-1, pdfnextpage=-1, pdflastpage=-1, pdfurlsuffix="", pdfbookdata="";
var pdfideas="<option value='PD'>Background &#127782; PDF &#128196; Canvas URL &#9875; (Canvas dimension changes)</option>";
var pdfpn='0', esent=false, reduction=0.7, eighty="21";
var wasisgood='', listofbrowseimages='|';
var domymd5=false, mymd5prefix="//www.rjmprogramming.com.au/nonexistantplace/", mymd5="", mymd5suffix=".jpg";
var sil=10, presobutton="", phpit=true, globalendtrue="", cqarr='', sobutton='', wastarget='', sodelim='', socoords='', imurl="", kurl="", otherthings='', showits=null, wascolcf="", allowed=true, exceptwhen=false, transcontent=false, elemis=null, contextis=null, tlx=-1, tly=-1;
var undoprefix='undoi', undonum=0, thisundonum=0;
var tenimages='<img style=display:none; id=undoi0 src=></img><img style=display:none; id=undoi1 src=></img><img style=display:none; id=undoi2 src=></img><img style=display:none; id=undoi3 src=></img><img style=display:none; id=undoi4 src=></img><img style=display:none; id=undoi5 src=></img><img style=display:none; id=undoi6 src=></img><img style=display:none; id=undoi7 src=></img><img style=display:none; id=undoi8 src=></img><img style=display:none; id=undoi9 src=></img>';
var trotis=0, rotis=0, always_horizontally_flip=false, always_vertically_flop=false;
var lastrotis=0, lastalways_horizontally_flip=false, lastalways_vertically_flop=false;
var jsanimg=null, lastim='';
var topprocessb=null,topin=null,toplastta='',topfirst=true,toplthere=false, topelem=null, topielem=null, topcontext=null, topwidth=0, topheight=0, topvswidth=0, topvsheight=0, topvswidthoff=0, topvsheightoff=0;
var firstcall=true;savenow=0, lastsavenow=0, ppx=-1,ppy=-1,threebackpmore='',twobackpmore='',lastpmore='',pmore='', wasScribble=-1, isScribble=1;  //0;
var prevlines=[], lines=[];
var eighteen=18;
var postcardtry=false;
var ourx, oury, iqarr, qarr=[];
var njk=0;
var tx=-1, ty=-1;
var prevtx=-1, prevty=-1;
var imgmode="y";
var thelastrot=-1.0;
var omyh1;
var lastimis="";
var fcont="";
var qqcnt=0;
var bigi=0;
var bigj=0;
var mytaone="<!doctype html>\n<html>\n<head>\n</head>\n<body>\n<h1></h1>\n</body>\n</html>";
var wl="", pddcm="";
var doneonce="";
var presm="sm";
var bigbuffer="";
var prevmy_res="";
var bigf=new Array();
var urlsuf="";
var zipcnt=0;var jsrectbits=[0,0,0,0,0,0];
var jsclickno = 0;
var jsimgh=0, jsimgw=0;
var jsemail = "";
var jscf = "18px Verdana", lastjscf=jscf;
var precolcf = "black";
var colcf = "blue rgba(0,0,255,1.0)";

var zzfac=location.search.split('zoom=')[1] ? decodeURIComponent(location.search.split('zoom=')[1].split('&')[0]) : ""; 
if (('' + location.hash).indexOf('zoom=') != -1) {    zzfac=decodeURIComponent(('' + location.hash).split('zoom=')[1].split(';')[0]);   }

var xua = navigator.userAgent; 
var isiPad = /iPad/i.test(xua) || /iPhone/i.test(xua) || /iPhone OS 3_1_2/i.test(xua) || /Andrxoid/i.test(xua) || /iPhone OS 3_2_2/i.test(xua); 
var isTouch = /touch/i.test(xua) || /Touch/i.test(xua); 
var sscoords = (location.search.split('sscoords=')[1] ? decodeURIComponent(location.search.split('sscoords=')[1].split('&')[0]) : '');
var ninehundred = (location.search.split('ninehundred=')[1] ? eval(decodeURIComponent(location.search.split('ninehundred=')[1].split('&')[0])) : 900);
if (ninehundred > 900) sscoords='';
//var cbrowse='<div id="divbrowse" style="display:none;"><input type="file" id="file" name="file">     <span id="mode" name="mode">Read bytes</span>:';
var cbrowse='<input style="border:4px outset green;background-color:lightgray;-webkit-appearance: none;-moz-appearance:none;appearance:none;height:35px;" type="file" id="file" name="file" title="Browse &#128194; for Image &#128444; file" accept="image/*" capture' + equalscapture + '>     <span id="mode" name="mode"></span>';
cbrowse+='<span class="readBytesButtons">';
cbrowse+='  <button data-startbyte="0" data-endbyte="4" style="display:none;">1-5</button>';
cbrowse+='  <button data-startbyte="5" data-endbyte="14" style="display:none;">6-15</button>';
cbrowse+='  <button data-startbyte="6" data-endbyte="7" style="display:none;">7-8</button>';
cbrowse+='  <button style="display:none;border:4px outset green;background-color:lightgray;-webkit-appearance: none;-moz-appearance:none;appearance:none;height:35px;" id="processb">Process</button></span><img onload=" jsimgw = this.width; jsimgh = this.height;  " id="imglist" style="display:none;" src=""></img>';
var cbrowse_nocapture='';
if (equalscapture == '') {
  cbrowse_nocapture=cbrowse.replace(' capture','');
} else {
  cbrowse_nocapture=cbrowse.replace(' capture',' data-capture');
}
var methis='GET';
var thishis=200, thiswis=850;
var ssx='';
var h1status='user';
var tdr='';
if (window.top) {
  if (('' + top.document.referrer).indexOf('/talk_maths.htm') != -1 || (top.document.URL.indexOf('dref=') != -1 && top.document.URL.indexOf('/under_local_font.htm') != -1)) {
   tdr='/talk_maths.htm';
  }
}

if (sscoords != '') {
  if (sscoords.length > ninehundred) {
    methis='POST';
    setTimeout(prenwpixellate,1000);
  } else {
    methis='POST';
    setTimeout(prenwpixellate,1000);
  }
} else {
  methis='';
  setTimeout(prenwpixellate,3000);
}

var createCookie = function(name, value, days) {  // thanks to https://stackoverflow.com/questions/4825683/how-do-i-create-and-read-a-value-from-cookie
    if (document.URL.indexOf('nocookies=') == -1) {
    var expires;
    if (days) {
        var date = new Date();
        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
        expires = "; expires=" + date.toGMTString();
    }
    else {
        expires = "";
    }
    if (localStorage && name != 'gameon') {
     if (localStorage.getItem(name)) {
       //document.title+=' remove ';
       localStorage.removeItem(name);
     }
       //document.title+=' set ';
     //alert(value);
     localStorage.setItem(name, value);
    } else {
     //if (name == 'gameon') alert('why');
     //if (name == 'gameon' && topelem) alert('Why');
     document.cookie = name + "=" + value + expires + "; path=/";
    }
    }
}

if (!String.fromCodePoint) {   // thanks to http://xahlee.info/js/js_unicode_code_point.html
// ES6 Unicode Shims 0.1 , © 2012 Steven Levithan , MIT License
    String.fromCodePoint = function fromCodePoint () {
        var chars = [], point, offset, units, i;
        for (i = 0; i < arguments.length; ++i) {
            point = arguments[i];
            offset = point - 0x10000;
            units = point > 0xFFFF ? [0xD800 + (offset >> 10), 0xDC00 + (offset & 0x3FF)] : [point];
            chars.push(String.fromCharCode.apply(null, units));
        }
        return chars.join("");
    }
}

 function togglemobilecontain() {
    if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i) && parent.document.getElementById('ocontain')) { 
        if (mobilecontain) {
          mobilecontain=false;
          parent.document.getElementById('ocontain').value='contain';
          parent.document.getElementById('ocontain').innerHTML='Image &#128444; Canvas Contains Browse';
        } else {
          //alert(1);
          if ((parent.document.getElementById('shareurl') || top.document.getElementById('shareurl') || document.getElementById('shareurl')) && top.document.URL.indexOf('https:') == 0) {
            safariblurb=' (as textbox below goes yellow, click email sender button to its left for easier usage)';
          }
          mobilecontain=true;
          //alert(111);
          parent.document.getElementById('ocontain').value='Contain';
          //alert(1111);
          parent.document.getElementById('ocontain').innerHTML='Image &#128444; Postcard &#9993;';
          //alert(11111);
          if (parent.document.URL.indexOf('postcard=y') != -1 && !postcardtry) { postcardtry=true; setTimeout(function(){ parent.document.getElementById('dcm').value='Contain';   imagestraight(document.getElementById(topielem.id), parent.document.getElementById('dcm')); setTimeout(function(){ parent.document.getElementById('file').click();  }, 3000);   }, 1500);  }
        }
    } 
    setTimeout(togglemobilecontain, 10000);
 }

 function topdcmcheck(itdcm) {
    if (window.top && window.parent) {
      if (1 == 4) {
       if (top.document.getElementById('dcmis')) {
       return '' + top.document.getElementById('dcmis').value;
       } else {
       return itdcm + 'clone';
       }
      } else {
       return itdcm;
      }
    } else {
      return itdcm;
    }
 }
 
 function zmb(inco) {
   if (zzfac != '') {
     if (zzfac.indexOf('%') != -1) {
       return eval(eval(eval('' + inco) / eval('' + zzfac.replace('%', ''))) * 100.0);
     } else {
       return eval(eval('' + inco) / eval('' + zzfac));
     }
   }
   return inco;
 }

 function isul(indg) {
   var trev=true, isu=true, isl=false;
   if (indg != '') {
   if (indg.substring(0,1) == indg.substring(0,1).toLowerCase()) {
     isl=true;
     isu=false;
   }
   for (var huhk=1; huhk<indg.length; huhk++) {
    if (indg.substring(huhk,eval(1 + huhk)) == ' ') {
      isu=false;
      isl=false;
    } else if (indg.substring(huhk,eval(1 + huhk)) == indg.substring(huhk,eval(1 + huhk)).toLowerCase() && !isl) {
      isl=true;
      isu=false;
    } else if (indg.substring(huhk,eval(1 + huhk)) == indg.substring(huhk,eval(1 + huhk)).toLowerCase() && isl) {
      return false;
    } else if (indg.substring(huhk,eval(1 + huhk)) == indg.substring(huhk,eval(1 + huhk)).toUpperCase() && !isu) {
      isu=true;
      isl=false;
    } else if (indg.substring(huhk,eval(1 + huhk)) == indg.substring(huhk,eval(1 + huhk)).toUpperCase() && isu) {
      return false;
    }
   }
   }
   return trev;
 }

 function emoji_mappings(ineidea) {
   var ichac=0, okchars='0123456789.', chactwo=[], mul='', validd=true;
   var outeidea=ineidea;
   if (ineidea != '') {
    //alert(376);
    for (ichac=0; ichac<(ineidea + '').replace(/\;/g,'').replace('&#','').length; ichac++) {
      if ((okchars + ';' + ',').indexOf((ineidea + '').replace(/\;/g,'').replace('&#','').substring(ichac,eval(1 + ichac))) == -1) { validd = false; }
    }
    if (validd) {
    if (ineidea.indexOf('.') != -1) {
      chactwo=(ineidea + '').split('.');
      for (ichac=0; ichac<chactwo.length; ichac++) {
        mul+=String.fromCodePoint(eval('' + chactwo[ichac]));
      }
      outeidea=mul;
    } else if (ineidea.indexOf(',') != -1) {
      chactwo=(ineidea + '').split(',');
      for (ichac=0; ichac<chactwo.length; ichac++) {
        mul+=String.fromCodePoint(eval('' + chactwo[ichac]));
      }
      outeidea=mul;
    } else {
      chactwo=(ineidea + ';').replace(';;','').replace('&#','').split(';&#');
      for (ichac=0; ichac<chactwo.length; ichac++) {
        mul+=String.fromCodePoint(eval('' + chactwo[ichac].replace(';','')));
      }
      outeidea=mul;
    }
    } else if (isul(outeidea)) {
      if (parent.document.getElementById('ifoo')) {
      parent.document.getElementById('ifoo').src='fairy_story_assistant.php?emoji=' + encodeURIComponent(outeidea.toLowerCase()) + "&getcp=y";
      }
      outeidea='';
    }
   }
   return outeidea;
 }

 function ipf() {

   var chac=-1; //Math.floor(Math.random() * 79) + 128512;
   var chactwo=[]; //Math.floor(Math.random() * 4) + 127995;

   var elist=['128512.128591',
 '128640.128767',
 '9728.9983',
 '&#127939;&#127998;&#8205;&#9792;&#65039;',
 '&#127939;&#8205;&#9794;&#65039;',
 '&#127939;&#127998;&#8205;&#9792;&#65039;','&#127939;&#8205;&#9794;&#65039;','&#127939;&#127995;&#8205;&#9792;&#65039;','&#127939;&#127999;','&#127939;&#127997;','&#127939;&#127999;','&#127939;&#127998;&#8205;&#9792;&#65039;','&#127939;&#127995;&#8205;&#9792;&#65039;',
 '&#127939;&#127998;&#8205;&#9792;&#65039;','&#127939;&#8205;&#9794;&#65039;','&#127939;&#127995;&#8205;&#9792;&#65039;','&#127939;&#127999;','&#127939;&#127997;','&#127939;&#127999;','&#127939;&#127998;&#8205;&#9792;&#65039;','&#127939;&#127995;&#8205;&#9792;&#65039;',
 '&#128675;&#8205;&#9792;&#65039;','&#128675;','&#128675;','&#128675;&#127996;','&#128675;&#127997;','&#128675;&#127998;','&#128675;&#127995;&#8205;&#9792;&#65039;','&#128675;&#127997;&#8205;&#9792;&#65039;','&#128675;&#127998;&#8205;&#9792;&#65039;','&#128675;&#127996;&#8205;&#9792;&#65039;','&#128675;&#127995;','&#128675;&#127999;&#8205;&#9792;&#65039;','&#128675;&#127999;',
 '&#128675;&#8205;&#9792;&#65039;','&#128675;','&#128675;','&#128675;&#127996;','&#128675;&#127997;','&#128675;&#127998;','&#128675;&#127995;&#8205;&#9792;&#65039;','&#128675;&#127997;&#8205;&#9792;&#65039;','&#128675;&#127998;&#8205;&#9792;&#65039;','&#128675;&#127996;&#8205;&#9792;&#65039;','&#128675;&#127995;','&#128675;&#127999;&#8205;&#9792;&#65039;','&#128675;&#127999;',
 '9984.10175',
 '127744.128511',
 '129280.129535',
 '128512.128591'];

   if (parent.document) {
   if (parent.document.getElementById('mywith')) {
   
    var ehac=Math.floor(Math.random() * elist.length), mul='', ichac=0;

    if (elist[ehac].indexOf('.') != -1) {
      chac=Math.floor(Math.random() * eval(eval(elist[ehac].split('.')[1]) - eval(elist[ehac].split('.')[0]))) + eval(elist[ehac].split('.')[0]);
    } else {
      chactwo=(elist[ehac] + ';').replace(';;','').replace('&#','').split(';&#');
      for (ichac=0; ichac<chactwo.length; ichac++) {
        mul+=String.fromCodePoint(eval('' + chactwo[ichac]));
      }
    }

   if (parent.document.getElementById('mywith').placeholder.length >= 39) {
    if (chac >= 0) {
     parent.document.getElementById('mywith').placeholder=String.fromCodePoint(chac);
    } else {
     parent.document.getElementById('mywith').placeholder=mul;
    }
   } else {
    if (chac >= 0) {
     parent.document.getElementById('mywith').placeholder+=String.fromCodePoint(chac);
    } else {
     parent.document.getElementById('mywith').placeholder+=mul;
    }
   }
   setTimeout(ipf, 2500);
   }
   }
 }


function getCookie(c_name) {  // https://stackoverflow.com/questions/4825683/how-do-i-create-and-read-a-value-from-cookie
    if (document.URL.indexOf('nocookies=') == -1) {
    if (localStorage && localStorage.getItem(c_name) && c_name != 'gameon') { // thanks to https://www.w3schools.com/html/html5_webstorage.asp
     //alert(2);
        //document.title+=' get ';
        //alert(localStorage.getItem(c_name));
        return unescape(localStorage.getItem(c_name));
    } else if (document.cookie.length > 0) {
        var c_start = document.cookie.indexOf(c_name + "=");
        if (c_start != -1) {
            c_start = c_start + c_name.length + 1;
            var c_end = document.cookie.indexOf(";", c_start);
            if (c_end == -1) {
                c_end = document.cookie.length;
            }
     //alert(22);
            return unescape(document.cookie.substring(c_start, c_end));
        }
    }
    }
    return null; //"";
}

function prenwpixellate() {
  if (methis == '') {
   if (document.getElementById('longsignature').innerHTML.indexOf(',') != -1) {
    ssx=document.getElementById('longsignature').innerHTML;
    //alert(ssx);
    nwpixellate(ssx, 'POST'); 
   } else if (ssx.indexOf(',') != -1) {
    //alert('ssx=' + ssx);
    nwpixellate(ssx, 'POST'); 
   } else if (sscoords.indexOf(',') != -1) {
    ssx=sscoords;
    nwpixellate(ssx, 'POST'); 
   }
  } else {
   if (document.getElementById('longsignature').innerHTML.indexOf(',') != -1 && ssx == '') {
    ssx=document.getElementById('longsignature').innerHTML;
    //alert('SSX=' + ssx);
   } 
   if (ssx != '') nwpixellate(ssx, methis); 
  }
}

function preprenwpixellate(argsare, amethod) {
  ssx=argsare;
  methis=amethod;
  setTimeout(prenwpixellate,2000);
  return argsare;
}
 
function nwpixellate(argsare, amethod) {
  //return argsare;
  if (document.getElementById('canvaselement')) {
  var styleinfo='';
  if (argsare == '') styleinfo=' style=display:none; ';
  if (amethod.toUpperCase() == 'POST') { // && argsare != '') {
  //alert('POST ' + argsare);
   if (document.getElementById('myipsub')) {
     if (argsare != '') {
       if (1 == 2) {
       if (document.getElementById('canvaselement')) thishis=eval(window.getComputedStyle(document.getElementById('canvaselement'), null).getPropertyValue("height").replace('px',''));
       if (document.getElementById('canvaselement')) thiswis=eval(window.getComputedStyle(document.getElementById('canvaselement'), null).getPropertyValue("width").replace('px',''));
       }
       document.getElementById('myip').style.height='' + thishis + 'px';
       document.getElementById('myip').style.width='' + thiswis + 'px';
       document.getElementById('myip').height='' + thishis + 'px';
       document.getElementById('myip').width='' + thiswis + 'px';
       document.getElementById('divwidth').value='' + thiswis;
       document.getElementById('divheight').value='' + thishis;
       document.getElementById('myip').style.display='block';
     }
     document.getElementById('tarea').value=(argsare.replace('?sscoords=-','').replace('?sscoords=','').replace(/-/g,';'));
     document.getElementById('myipsub').click();
   }
  //alert('pOST ' + argsare);
  } else if (amethod.toUpperCase() != 'POST') { // && argsare != '') {
  //alert('GET ' + argsare);
     if (argsare != '') {
       if (1 == 2) {
       if (document.getElementById('canvaselement')) thishis=eval(window.getComputedStyle(document.getElementById('canvaselement'), null).getPropertyValue("height").replace('px',''));
       if (document.getElementById('canvaselement')) thiswis=eval(window.getComputedStyle(document.getElementById('canvaselement'), null).getPropertyValue("width").replace('px',''));
       }
       document.getElementById('myip').style.height='' + thishis + 'px';
       document.getElementById('myip').style.width='' + thiswis + 'px';
       document.getElementById('myip').height='' + thishis + 'px';
       document.getElementById('myip').width='' + thiswis + 'px';
       document.getElementById('divwidth').value='' + thiswis;
       document.getElementById('divheight').value='' + thishis;
       document.getElementById('myip').style.display='block';
     }
     document.getElementById('tarea').value=(argsare.replace('?sscoords=-','').replace('?sscoords=','').replace(/-/g,';'));
     document.getElementById('myip').src="../PHP/pixellate.php?width=" + thiswis + "&height=" + thishis + "&tarea=" + encodeURIComponent((argsare.replace('?sscoords=-','').replace('?sscoords=','').replace(/-/g,';')));
  //alert('gET ' + argsare);
  }
  }
  return argsare;
}

function dripfeed() {
  var pdelim='y';
  if (eval(allgo) == alltot) {
    createCookie('gameon',pdelim + '!' ,365);
    //alert(alldus[1].substring(eval(eval(-1 + allgo) * alllen)).length + ' ' + pdelim + '!' + alldus[1].substring(eval(eval(-1 + allgo) * alllen)));
    allgo++;
    alltot=0;
  } else if (eval(allgo + 1) == alltot) {
    createCookie('gameon',pdelim + '!' + alldus[1].substring(eval(allgo * alllen)),365);
    allgo++;
    setTimeout(dripfeed,100);
  } else if (allgo < alltot) {
    createCookie('gameon',pdelim + '!' + alldus[1].substring(eval(allgo * alllen), eval(eval(1 + allgo) * alllen)),365);
    allgo++;
    setTimeout(dripfeed,100);
  }
}

function sendchallenge(bid) {
  var pdelim=(getCookie('gameon') + '!').substring(0,1);
  if (pdelim.substring(0,1) == '!') {
    if (bid.indexOf(',') == -1) {
      createCookie('gameon','n' + pdelim,365);
    } else {
      createCookie('gameon','n' + pdelim + bid,365);
    }
  } else if (bid.indexOf(',') == -1) {
    if (bid == 'ichallenge') {
      var alldu=document.getElementById('canvaselement').toDataURL('image/jpeg', 0.8);
      //alert(alldu.substring(0,56));
      if (alldu.indexOf(';base64,') != -1) {
        alldus=alldu.split(';base64,');
        if (alldus.length > 1) {
         allgo=0;
         alldus[0];
         alltot=Math.floor(eval(alldus[1].length / 600));
         alllen=eval(-5 + Math.floor(alldus[1].length / alltot));
         alltot++;
         //alldus[1] += alldus[0];
         //alert(pdelim + '!' + alldus[0] + ';base64,');
         createCookie('gameon',pdelim + '!' + encodeURIComponent(alldus[0] + ';base64,'),365);
         setTimeout(dripfeed, 1000);
         //alert(pdelim + '!' + alldus[0] + ';base64,' + ' ' + alldus[1].length + ' ' + alltot + ' ' + alllen);
        } else {
         createCookie('gameon',pdelim + '!' ,365);
        }
      } else {
        createCookie('gameon',pdelim + '!' ,365);
      }
    } else {
      //alert(csvv);
      createCookie('gameon',pdelim + '!' ,365);
    }
  } else {
    createCookie('gameon',pdelim + '!' + bid,365);
  }
}

function pdgebi(what) {
	var opdgebi=null;
	var checkc=getCookie('gameon');
    if (checkc == null) {
      checkc='';
    } else if (checkc.substring(0,1) == 'n') {
      checkc='';
    }
	if (checkc == '') {
	  // if (what.indexOf('clone') != -1) { alert('does parent.document.getElementById(' + what + ') exist?'); }  // was in 
	  // if (document.getElementById(what)) { alert('' + document.getElementById(what).id);   }  // was in
	  if (('' + document.referrer).indexOf('talk_maths.htm') != -1) {
	  opdgebi=opdgebi;
	  } else { 
	  if (window.parent) {
	  if (parent.document.getElementById(what)) {
	  opdgebi=parent.document.getElementById(what);
	  // if (what.indexOf('clone') != -1 && opdgebi) { alert('yes'); }  // was in 
      //alert(what + '=' + opdgebi);  // was in
      }
      }
      }
	}
	return opdgebi;
}


function pdgebiv(what) {
	var opdgebiv='';
	var checkc=getCookie('gameon');
    if (checkc == null) {
      checkc='';
    } else if (checkc.substring(0,1) == 'n') {
      checkc='';
    }
	if (checkc == '') {
	  if (pdgebi(what)) {
	   opdgebiv=parent.document.getElementById(what).value;
	  }
	}
	return opdgebiv;
}

function check_for_supervision() {
 // Check if being supervised by Socket.IO Node.js Whiteboard web application ...
 //if (parent.document) {
 //  var csp=parent.document.getElementsByTagName('canvas');
 // alert(0 + ' ... ' + csp.length);
 //  if (csp.length > 0) return false;
 // alert(0 + ' .+. ' + csp.length);
 //}
 var gcx=null;
 if (getCookie('gameon') != null) {
   gcx=getCookie('gameon');
   //if (getCookie('gameon').substring(0,1) == 'n') gcx=null;
 }
 if (gcx != null) {
 //top.document.title += ' 11 ';
 //alert(11);
   if (getCookie('gameon').substring(0,1) != 'n') { // there are potentially collaborating players
 //alert(121);
   document.body.style.backgroundColor='magenta';
   if (document.getElementById('rchallenge')) {
     document.getElementById('rchallenge').style.display='block';
     document.getElementById('ichallenge').style.display='block';
   }
   setTimeout(check_for_supervision, 3000);
   return true;
   } else {  // but we are the only players
 //top.document.title += ' 121 ';
   document.body.style.backgroundColor='cyan';
   if (document.getElementById('rchallenge')) {
     document.getElementById('rchallenge').style.display='none';
     document.getElementById('ichallenge').style.display='none';
     showornot();
   }
   setTimeout(check_for_supervision, 3000);
   return true;
   }
} else if (parent.document.getElementById('gameon')) {
 //top.document.title += ' 111 ';
// alert(111);
  if (parent.document.getElementById('gameon').value == '') {   // but we are the only players
    document.body.style.backgroundColor='cyan';
    if (document.getElementById('rchallenge')) {
     document.getElementById('rchallenge').style.display='none';
     document.getElementById('ichallenge').style.display='none';
    }
    setTimeout(check_for_supervision, 3000);
    return true;
  } else { // there are potentially collaborating players
    document.body.style.backgroundColor='magenta';
    if (document.getElementById('rchallenge')) {
     document.getElementById('rchallenge').style.display='block';
     document.getElementById('ichallenge').style.display='block';
    }
    setTimeout(check_for_supervision, 3000);
    return true;
  }
 } else {
 //top.document.title += ' 1111 ';
 //alert(1111);
  document.body.style.backgroundColor='olive';
 }
 return false;
}

// Thanks to https://stackoverflow.com/questions/14733374/how-to-generate-md5-file-hash-on-javascript for below
var MD5 = function(s){function L(k,d){return(k<<d)|(k>>>(32-d))}function K(G,k){var I,d,F,H,x;F=(G&2147483648);H=(k&2147483648);I=(G&1073741824);d=(k&1073741824);x=(G&1073741823)+(k&1073741823);if(I&d){return(x^2147483648^F^H)}if(I|d){if(x&1073741824){return(x^3221225472^F^H)}else{return(x^1073741824^F^H)}}else{return(x^F^H)}}function r(d,F,k){return(d&F)|((~d)&k)}function q(d,F,k){return(d&k)|(F&(~k))}function p(d,F,k){return(d^F^k)}function n(d,F,k){return(F^(d|(~k)))}function u(G,F,aa,Z,k,H,I){G=K(G,K(K(r(F,aa,Z),k),I));return K(L(G,H),F)}function f(G,F,aa,Z,k,H,I){G=K(G,K(K(q(F,aa,Z),k),I));return K(L(G,H),F)}function D(G,F,aa,Z,k,H,I){G=K(G,K(K(p(F,aa,Z),k),I));return K(L(G,H),F)}function t(G,F,aa,Z,k,H,I){G=K(G,K(K(n(F,aa,Z),k),I));return K(L(G,H),F)}function e(G){var Z;var F=G.length;var x=F+8;var k=(x-(x%64))/64;var I=(k+1)*16;var aa=Array(I-1);var d=0;var H=0;while(H<F){Z=(H-(H%4))/4;d=(H%4)*8;aa[Z]=(aa[Z]| (G.charCodeAt(H)<<d));H++}Z=(H-(H%4))/4;d=(H%4)*8;aa[Z]=aa[Z]|(128<<d);aa[I-2]=F<<3;aa[I-1]=F>>>29;return aa}function B(x){var k="",F="",G,d;for(d=0;d<=3;d++){G=(x>>>(d*8))&255;F="0"+G.toString(16);k=k+F.substr(F.length-2,2)}return k}function J(k){k=k.replace(/rn/g,"n");var d="";for(var F=0;F<k.length;F++){var x=k.charCodeAt(F);if(x<128){d+=String.fromCharCode(x)}else{if((x>127)&&(x<2048)){d+=String.fromCharCode((x>>6)|192);d+=String.fromCharCode((x&63)|128)}else{d+=String.fromCharCode((x>>12)|224);d+=String.fromCharCode(((x>>6)&63)|128);d+=String.fromCharCode((x&63)|128)}}}return d}var C=Array();var P,h,E,v,g,Y,X,W,V;var S=7,Q=12,N=17,M=22;var A=5,z=9,y=14,w=20;var o=4,m=11,l=16,j=23;var U=6,T=10,R=15,O=21;s=J(s);C=e(s);Y=1732584193;X=4023233417;W=2562383102;V=271733878;for(P=0;P<C.length;P+=16){h=Y;E=X;v=W;g=V;Y=u(Y,X,W,V,C[P+0],S,3614090360);V=u(V,Y,X,W,C[P+1],Q,3905402710);W=u(W,V,Y,X,C[P+2],N,606105819);X=u(X,W,V,Y,C[P+3],M,3250441966);Y=u(Y,X,W,V,C[P+4],S,4118548399);V=u(V,Y,X,W,C[P+5],Q,1200080426);W=u(W,V,Y,X,C[P+6],N,2821735955);X=u(X,W,V,Y,C[P+7],M,4249261313);Y=u(Y,X,W,V,C[P+8],S,1770035416);V=u(V,Y,X,W,C[P+9],Q,2336552879);W=u(W,V,Y,X,C[P+10],N,4294925233);X=u(X,W,V,Y,C[P+11],M,2304563134);Y=u(Y,X,W,V,C[P+12],S,1804603682);V=u(V,Y,X,W,C[P+13],Q,4254626195);W=u(W,V,Y,X,C[P+14],N,2792965006);X=u(X,W,V,Y,C[P+15],M,1236535329);Y=f(Y,X,W,V,C[P+1],A,4129170786);V=f(V,Y,X,W,C[P+6],z,3225465664);W=f(W,V,Y,X,C[P+11],y,643717713);X=f(X,W,V,Y,C[P+0],w,3921069994);Y=f(Y,X,W,V,C[P+5],A,3593408605);V=f(V,Y,X,W,C[P+10],z,38016083);W=f(W,V,Y,X,C[P+15],y,3634488961);X=f(X,W,V,Y,C[P+4],w,3889429448);Y=f(Y,X,W,V,C[P+9],A,568446438);V=f(V,Y,X,W,C[P+14],z,3275163606);W=f(W,V,Y,X,C[P+3],y,4107603335);X=f(X,W,V,Y,C[P+8],w,1163531501);Y=f(Y,X,W,V,C[P+13],A,2850285829);V=f(V,Y,X,W,C[P+2],z,4243563512);W=f(W,V,Y,X,C[P+7],y,1735328473);X=f(X,W,V,Y,C[P+12],w,2368359562);Y=D(Y,X,W,V,C[P+5],o,4294588738);V=D(V,Y,X,W,C[P+8],m,2272392833);W=D(W,V,Y,X,C[P+11],l,1839030562);X=D(X,W,V,Y,C[P+14],j,4259657740);Y=D(Y,X,W,V,C[P+1],o,2763975236);V=D(V,Y,X,W,C[P+4],m,1272893353);W=D(W,V,Y,X,C[P+7],l,4139469664);X=D(X,W,V,Y,C[P+10],j,3200236656);Y=D(Y,X,W,V,C[P+13],o,681279174);V=D(V,Y,X,W,C[P+0],m,3936430074);W=D(W,V,Y,X,C[P+3],l,3572445317);X=D(X,W,V,Y,C[P+6],j,76029189);Y=D(Y,X,W,V,C[P+9],o,3654602809);V=D(V,Y,X,W,C[P+12],m,3873151461);W=D(W,V,Y,X,C[P+15],l,530742520);X=D(X,W,V,Y,C[P+2],j,3299628645);Y=t(Y,X,W,V,C[P+0],U,4096336452);V=t(V,Y,X,W,C[P+7],T,1126891415);W=t(W,V,Y,X,C[P+14],R,2878612391);X=t(X,W,V,Y,C[P+5],O,4237533241);Y=t(Y,X,W,V,C[P+12],U,1700485571);V=t(V,Y,X,W,C[P+3],T,2399980690);W=t(W,V,Y,X,C[P+10],R,4293915773);X=t(X,W,V,Y,C[P+1],O,2240044497);Y=t(Y,X,W,V,C[P+8],U,1873313359);V=t(V,Y,X,W,C[P+15],T,4264355552);W=t(W,V,Y,X,C[P+6],R,2734768916);X=t(X,W,V,Y,C[P+13],O,1309151649);Y=t(Y,X,W,V,C[P+4],U,4149444226);V=t(V,Y,X,W,C[P+11],T,3174756917);W=t(W,V,Y,X,C[P+2],R,718787259);X=t(X,W,V,Y,C[P+9],O,3951481745);Y=K(Y,h);X=K(X,E);W=K(W,v);V=K(V,g)}var i=B(Y)+B(X)+B(W)+B(V);return i.toLowerCase()};

function snapshotcanvas(canvas) {
  if (typeof canvas === "undefined" && topelem != null) canvas = topelem;
  if (typeof canvas === "undefined" && topelem == null) canvas = elem;
  
  if (csvv != '' && alltot == 0) {
    //alert(csvv + ' ... ' + alltot);
    sendchallenge(csvv);
    csvv='';
  }
  
  //if (canvas) alert(87);
  if (pdgebi(undoprefix + eval(undonum % 10))) {
  
  pdgebi(undoprefix + eval(undonum % 10)).style.width=canvas.style.width + 'px';
  pdgebi(undoprefix + eval(undonum % 10)).style.height=canvas.style.height + 'px';
  pdgebi(undoprefix + eval(undonum % 10)).width=canvas.width;
  pdgebi(undoprefix + eval(undonum % 10)).height=canvas.height;
  pdgebi(undoprefix + eval(undonum % 10)).src = canvas.toDataURL();
  
  thisundonum = eval(undonum % 10);
  undonum++;
  undonum = eval(undonum % 10);
  
  if (pdgebi('jsundo')) {
    parent.document.getElementById('jsundo').style.display='inline';
  }
  if (pdgebi('jsredo')) {
    parent.document.getElementById('jsredo').style.display='inline';
  }
  }
  
  if (document.URL.indexOf('cwidth=') != -1) {  
   if (1 == 7) {
   top.document.title='' +  canvas.toDataURL().length;  
       var xspiesuff='';
       if (document.URL.indexOf('cwidth=') != -1) {
         xspiesuff=spiesuff;
       }
       if (document.getElementById('animage')) {
        if (document.URL.indexOf('cwidth=') != -1 && parent.document.getElementById('parentimgelement' + xspiesuff)) { 
        document.getElementById('animage').src = elem.toDataURL('image/png'); //); //"image/png");
        } else {
        document.getElementById('animage').src = elem.toDataURL('image/jpeg', reduction); //); //"image/png");
        }
        if (document.URL.indexOf('cwidth=') != -1 && parent.document.getElementById('parentimgelement' + xspiesuff)) { 
        //top.document.title='' + parent.document.getElementById('parentsscoords').value.length;
         if (!firstlast) {
     //var wooo=window.open("", "_blank","top=50,left=50,width=" + elem.width + ',height=' + elem.height);
     //wooo.document.write(document.getElementById('animage').outerHTML);
           var imgd = context.getImageData(0, 0, elem.width, elem.height);  // thanks to https://stackoverflow.com/questions/11472273/how-to-edit-pixels-and-remove-white-background-in-a-canvas-image-in-html5-and-ja
    var pix = imgd.data;
    var i, n;
    var newColor = {r:0,g:0,b:0, a:0};

    for (var i = 0, n = pix.length; i <n; i += 4) {
    var r = pix[i],
            g = pix[i+1],
            b = pix[i+2];

        // If its white then change it
        if (r == 255 && g == 255 && b == 255) { 
            // Change the white to whatever.
            pix[i] = newColor.r;
            pix[i+1] = newColor.g;
            pix[i+2] = newColor.b;
            pix[i+3] = newColor.a;
        }
      }

      context.putImageData(imgd, 0, 0);
     //var wooo2=window.open("", "_blank","top=250,left=50,width=" + elem.width + ',height=' + elem.height);
     //wooo2.document.write('<img src="' + elem.toDataURL('image/png') + '"></img>');
       var zspiesuff='';
       if (document.URL.indexOf('cwidth=') != -1) {
         zspiesuff=spiesuff;
       }
           parent.document.getElementById('parentimgelement' + zspiesuff).src=elem.toDataURL('image/png'); //elem.toDataURL('image/jpeg', reduction); // document.getElementById('animage').src; 
           elem.width=elem.width;
           elem.height=elem.height;
           context.drawImage(document.getElementById('animage'),0,0);
    }
    //if (document.getElementById('sasys')) { if (firstlast) { firstlast=false; document.getElementById('sasys').click();  setTimeout(longsigparent,500); }  }
           }
        }
       }

   
   //setTimeout(clicksas, 8000);   
  }
}

function undosnapshotcanvas(canvas, con) {
  if (typeof canvas === "undefined" && topelem != null) canvas = topelem;
  if (typeof canvas === "undefined" && topelem == null) canvas = elem;
  if (typeof con === "undefined" && topelem != null) con = topcontext;
  if (typeof con === "undefined" && topelem == null) con = context;
  
  if (thisundonum == 0) {
    if (pdgebi(undoprefix + '9')) {
    if (parent.document.getElementById(undoprefix + '9').src.length > 0) thisundonum=9;
    }
  } else {
    thisundonum--;
    if (pdgebi(undoprefix + eval(thisundonum))) {
    if (parent.document.getElementById(undoprefix + eval(thisundonum)).src.length <= 0) thisundonum++;
    }
  }
  
  if (pdgebi(undoprefix + eval(thisundonum))) {
  canvas.style.width=parent.document.getElementById(undoprefix + eval(thisundonum)).style.width;
  canvas.style.height=parent.document.getElementById(undoprefix + eval(thisundonum)).style.height;
  canvas.width=parent.document.getElementById(undoprefix + eval(thisundonum)).width;
  canvas.height=parent.document.getElementById(undoprefix + eval(thisundonum)).height;
  con.drawImage(parent.document.getElementById(undoprefix + eval(thisundonum)), 0, 0);
  }
  if (document.getElementById('nonblankremove').value == '' && document.getElementById('sscoords').value != '') {
    //document.getElementById('myform').action=document.getElementById('myform').action.split('.php')[0] + '.php?nonblankremove=y';
    document.getElementById('nonblankremove').value='y';
    document.getElementById('myask').name='myask';
    document.getElementById('myform').target='myask';
    document.getElementById('myform').method='POST';
    if (1 == 1) {
    document.getElementById('myask').src=document.getElementById('myform').action.split('.php')[0] + '.php?nonblankremove=y&sscoords=' + encodeURIComponent(document.getElementById('sscoords').value);
    } else {
    document.getElementById('sscoords').value+='@!@';
          //if (top.document.URL.indexOf('askforit=') != -1) alert('000:' + document.getElementById('myform').outerHTML);
    if (1 == 1) {
    document.getElementById('myform').submit();
    } else {
    document.getElementById('mysbut').click;
    }
    }
    setTimeout(lateryes, 6000);
    //alert('sent ' + document.getElementById('myform').innerHTML);
  }
}

function redosnapshotcanvas(canvas, con) {
  if (typeof canvas === "undefined" && topelem != null) canvas = topelem;
  if (typeof canvas === "undefined" && topelem == null) canvas = elem;
  if (typeof con === "undefined" && topelem != null) con = topcontext;
  if (typeof con === "undefined" && topelem == null) con = context;
  
  if (thisundonum == 9) {
    if (pdgebi(undoprefix + '0')) {
    if (parent.document.getElementById(undoprefix + '0').src.length > 0) thisundonum=0;
    }
  } else {
    thisundonum++;
    if (pdgebi(undoprefix + eval(thisundonum))) {
    if (parent.document.getElementById(undoprefix + eval(thisundonum)).src.length <= 0) thisundonum--;
    }
  }
  
  if (pdgebi(undoprefix + eval(thisundonum))) {
  canvas.style.width=parent.document.getElementById(undoprefix + eval(thisundonum)).style.width;
  canvas.style.height=parent.document.getElementById(undoprefix + eval(thisundonum)).style.height;
  canvas.width=parent.document.getElementById(undoprefix + eval(thisundonum)).width;
  canvas.height=parent.document.getElementById(undoprefix + eval(thisundonum)).height;
  con.drawImage(parent.document.getElementById(undoprefix + eval(thisundonum)), 0, 0);
  }
}

function dImage(con, img, xx, yy, width, height, deg, flip, flop, center) { // thanks to http://stackoverflow.com/questions/3129099/how-to-flip-images-horizontally-with-html5
//document.getElementById('showit').style.display='inline';
//img.style.display='block';
//if (con) alert(width + ' ' + height);
//con.clearRect(0, 0, width, height);
con.save();

if (typeof width === "undefined") width = img.width;
if (typeof height === "undefined") height = img.height;
if (typeof center === "undefined") center = false;


// Set rotation point to center of image, instead of top/left
if (center) {
    xx -= width/2;
    yy -= height/2;
}

// Set the origin to the center of the image
con.translate(xx + width/2, yy + height/2);

// Rotate the canvas around the origin
//var rad = 2 * Math.PI - deg * Math.PI / 180;    
var rad = (deg * Math.PI / 180) - (2 * Math.PI);    
con.rotate(rad);

// Flip/flop the canvas
if (flip) {
  flipScale = -1; 
  //document.title='flipping out';
} else {
  flipScale = 1;
}
if (flop) {
  flopScale = -1; 
  //document.title='flopping out';
} else {
  flopScale = 1;
  //document.title='flopping in';
}
//if (con) alert(width + ' : ' + height);
con.scale(flipScale, flopScale);

//if (con) alert(width + ' ; ' + height);

con.clearRect(eval(-2 * topelem.width), eval(-2 * topelem.height), eval(4 * topelem.width), eval(4 * topelem.height));
//con.clearRect(0, 0, width, height);


// Draw the image    
con.drawImage(img, -width/2, -height/2, width, height);
//if (con) alert(width + ' = ' + height);

con.restore();
//if (con) alert(flipScale + ',' + flopScale + ':' + width + ' + ' + height);
}

 function andtn() {
   allowed=true;
   if (pdgebi(topdcmcheck('dcm'))) {
   parent.document.getElementById(topdcmcheck('dcm')).value=''; //Text';
   }
   isScribble=1;
   if (wastarget != '') {
     document.getElementById('myform').target=wastarget;
     wastarget='';
   }
 }
 
 function endtruefinish() {   // work text sequences
      var fone="";
      if (pdgebi('jscf')) {
        jscf=parent.document.getElementById('jscf').value;
        if (jscf.indexOf('px') != -1) {
          eighteen=(" " + jscf).split('px')[0].trim().split(' ')[eval(-1 + (" " + jscf).split('px')[0].trim().split(' ').length)];
        }
      }
      if (pdgebi('colcf')) {
        colcf=parent.document.getElementById('colcf').value;
      }
     topcontext.font = jscf;
     topcontext.strokeStyle = colcf.split(' ')[eval(-1 + colcf.split(' ').length)];
     topcontext.fillStyle = colcf.split(' ')[eval(-1 + colcf.split(' ').length)];
     
     for (iqarr=0; iqarr<qarr.length; iqarr++) {
       //alert(qarr[iqarr] + ' at ' + ourx + ',' + oury);
       rotateStrokeText(topcontext,qarr[iqarr],ourx,oury);  
       if (imurl != "") {
        if (iqarr == 0) {
         socoords+='|' + imurl;
         sodelim='`';
         fone='' + Math.floor(ourx) + sodelim + Math.floor(oury);
         socoords+=sodelim + cqarr + sodelim + jscf + sodelim + colcf + sodelim + trotis + sodelim + Math.floor(ourx) + sodelim + Math.floor(oury);
        } 
        if (eval(1 + iqarr) == qarr.length) {
         socoords=socoords.replace(fone, fone.replace(sodelim, "." + Math.floor(ourx) + sodelim) + "." + Math.floor(oury));
        }
       }
       if (qarr.length > 1) {            
         ourx += eval(eval(jsrectbits[2] - jsrectbits[0]) / eval(-1 + qarr.length));
         oury += eval(eval(jsrectbits[3] - jsrectbits[1]) / eval(-1 + qarr.length));
       }
      }
      if (socoords != '') {
        wastarget=document.getElementById('myform').target;
    document.getElementById('myform').action=document.getElementById('myform').action.split('.php')[0] + '.php'; //?nonblankremove=y';
        document.getElementById('myask').name='myask';
        document.getElementById('myform').target='myask';
        document.getElementById('myform').method='POST';
        document.getElementById('sscoords').value=socoords;
        //alert(socoords);
        if (phpit) {
          //if (top.document.URL.indexOf('askforit=') != -1) alert('0:' + document.getElementById('myform').outerHTML);
    if (1 == 1) {
    document.getElementById('myform').submit();
    } else {
          document.getElementById('mysbut').click();
    }
          setTimeout(laterblank, 16000);
        } else if (1 == 2) {
          top.document.title='No phpit';
        }
        socoords='';
        sodelim='';
      }
      wasScribble=isScribble;
      isScribble=0;
      jsclickno=0;
      setTimeout(andtn, 2000);
      snapshotcanvas(); 
 }
 
 function lateryes() {
   document.getElementById('nonblankremove').value = '';
   document.getElementById('sscoords').value='';
   document.getElementById('myform').method='POST';
 }
 
 function laterblank() {
   if (document.getElementById('nonblankremove').value == '') document.getElementById('sscoords').value='';
 }
 
 function xto(inxto) {
   var ainxto=inxto.split(' x '), jijsuffix='';
   if (ainxto.length == 1) {
     ainxto=inxto.split(' to ');
     if (ainxto.length == 1) {
       qarr.push(inxto);
     } else {
       var numbers1 = ainxto[0].match(/\d+/g);  // thanks to https://stackoverflow.com/questions/16096467/how-to-extract-array-of-numbers-from-string-in-javascript
       var numbers2 = ainxto[1].match(/\d+/g);
       var ndiff=0, npos1=-1, npos2=-1, istep=1, jij, prefix1='', prefix2='', suffix1='', suffix2='';
       if (numbers1.length == numbers2.length) {
         for (var iij=0; iij<numbers1.length; iij++) {
           if (ndiff == 0 && numbers1[iij] != numbers2[iij]) {
            if (Math.abs(numbers1[iij] - numbers2[iij]) > 31) {
              qarr.push(inxto);
              return;
            } else {
              npos1=ainxto[0].indexOf('0' + numbers1[iij]);
              if (npos1 == -1) {
               npos1=ainxto[0].indexOf('' + numbers1[iij]);
               if (npos1 != -1) {
                 if (npos1 == ainxto[0].indexOf('0')) jijsuffix='0';
               }
              } else {
               jijsuffix='0';
              }
              npos2=ainxto[1].indexOf('0' + numbers2[iij]);
              if (npos2 == -1) npos2=ainxto[1].indexOf('' + numbers2[iij]);
              if (npos1 != npos2) {
               qarr.push(inxto);
               return;
              }
              if (npos1 > 0) {
               if (ainxto[0].substring(0,npos1) != ainxto[1].substring(0,npos2)) {
                qarr.push(inxto);
                return;
               } else {
                prefix1=ainxto[0].substring(0,npos1);
                prefix2=ainxto[1].substring(0,npos2);
                suffix1=ainxto[0].substring(npos1).replace('' + numbers1[iij],'');
                suffix2=ainxto[1].substring(npos2).replace('' + numbers2[iij],'');
               } 
              } else {
               suffix1=ainxto[0].replace('' + numbers1[iij],'');
               suffix2=ainxto[1].replace('' + numbers2[iij],'');
              }
              if (suffix1 != suffix2) {
                qarr.push(inxto);
                return;
              }
              ndiff=eval(1 + iij);
            }
           } else if (ndiff != 0 && numbers1[iij] != numbers2[iij]) { 
            qarr.push(inxto);
            return;
           }
         }
         if (ndiff > 0) {
           //alert(suffix2 + ' ' + numbers1[eval(-1 + ndiff)] + ' vs ' + numbers2[eval(-1 + ndiff)]);
           var ijsuffix='';
           if (numbers2[eval(-1 + ndiff)] < numbers1[eval(-1 + ndiff)]) {
           for (jij=numbers1[eval(-1 + ndiff)]; jij>=numbers2[eval(-1 + ndiff)]; jij--) {
             if (jij >= 10) ijsuffix='';
             qarr.push(prefix1 + ijsuffix + jij + suffix1);
             ijsuffix=jijsuffix;
           //alert(jij);
             if (qarr.length > 31) return;
           }
           } else {
           for (jij=numbers1[eval(-1 + ndiff)]; jij<=numbers2[eval(-1 + ndiff)]; jij++) {
             if (jij >= 10) ijsuffix='';
             qarr.push(prefix1 + ijsuffix + jij + suffix1);
             ijsuffix=jijsuffix;
           //alert('+' + jij);
             if (qarr.length > 31) return;
           }
           }
         }
       }
     }
   } else {
     for (var ij=0; ij<eval(ainxto[1]); ij++) {
       qarr.push(ainxto[0]);
       if (qarr.length > 31) return;
     }
   }
 }
 
 function endtrue(incqarr) {   // work text sequences
  if (typeof incqarr === "undefined") incqarr="";
  if (incqarr == "" && globalendtrue != "") incqarr=globalendtrue;
  phpit=true;
  if (incqarr != "") phpit=false;
  globalendtrue="";
  var fone="";
  if (pdgebi(topdcmcheck('dcm')) && pdgebi('myta')) {
    if (parent.document.getElementById(topdcmcheck('dcm')).value == 'textseq') {
      allowed=false;
      parent.document.getElementById('myta').value='';
      ourx=jsrectbits[0], oury=jsrectbits[1], iqarr, qarr=[];
      var coml, icoml;
      cqarr="xyz";
      while (cqarr.indexOf(' to ') == -1 && cqarr.indexOf(' x ') == -1 && cqarr.indexOf(',') == -1 && cqarr != '') {
        if (incqarr != "") {
        cqarr=incqarr;
        incqarr="";
        } else {
        cqarr=prompt("Please enter first entry for description of a sequence of values.  If you ever use a comma we will see that as you fully defining your sequence of values, and we wait 8 seconds before drawing these giving you a chance to change the text rotation of " + parent.document.getElementById('trotation').value + " degrees from horizontal.  Also a blank value or you clicking the Cancel button or you using the word ' to ' or use of ' x ' (as in, times) can achieve this as well.  We will also accept the use of the word ' to ' as with the incrementing (or decrementing) by 1 scenario example 29/5/17 to 31/5/17,1/6/17,2/6/17","");
        }
        if (cqarr == null) cqarr='';
        if (cqarr != '') {
          cqarr=cqarr.replace(/\"/g,"'").replace(/\`/g,"'");
          coml=cqarr.split(',');
          for (icoml=0; icoml<coml.length; icoml++) {
            xto(coml[icoml]);  //qarr.push(coml[icoml]);
            if (qarr.length > 31) {
              wasScribble=isScribble;
              isScribble=0;
              jsclickno=0;
              setTimeout(andtn, 200);
              alert('Sorry, too many items to add');
              return;
            }
          }
        }
      }
      if (1 == 1) {
      if (!phpit) {
      endtruefinish();
      } else if (document.URL.indexOf('nocookies=') != -1) {
      setTimeout(endtruefinish,68000);
      } else {
      setTimeout(endtruefinish,8000);
      }
      } else {
      for (iqarr=0; iqarr<qarr.length; iqarr++) {
       //alert(qarr[iqarr] + ' at ' + ourx + ',' + oury);
       rotateStrokeText(topcontext,qarr[iqarr],ourx,oury);  
       if (imurl != "") {
        if (iqarr == 0) {
         socoords+='|' + imurl;
         sodelim='`';
         fone='' + Math.floor(ourx) + sodelim + Math.floor(oury);
         socoords+=sodelim + cqarr + sodelim + jscf + sodelim + colcf + sodelim + trotis + sodelim + Math.floor(ourx) + sodelim + Math.floor(oury);
        } 
        if (eval(1 + iqarr) == qarr.length) {
         socoords=socoords.replace(fone, fone.replace(sodelim, "." + Math.floor(ourx) + sodelim) + "." + Math.floor(oury));
        }
       }
       if (qarr.length > 1) {            
         ourx += eval(eval(jsrectbits[2] - jsrectbits[0]) / eval(-1 + qarr.length));
         oury += eval(eval(jsrectbits[3] - jsrectbits[1]) / eval(-1 + qarr.length));
       }
      }
      if (socoords != '') {
        wastarget=document.getElementById('myform').target;
    document.getElementById('myform').action=document.getElementById('myform').action.split('.php')[0] + '.php'; //?nonblankremove=y';
        document.getElementById('myask').name='myask';
        document.getElementById('myform').target='myask';
        document.getElementById('myform').method='POST';
        document.getElementById('sscoords').value=socoords;
        //alert(socoords);
        if (phpit) {
          //if (top.document.URL.indexOf('askforit=') != -1) alert('00:' + document.getElementById('myform').outerHTML);
    if (1 == 1) {
    document.getElementById('myform').submit();
    } else {
          document.getElementById('mysbut').click();
    }
          setTimeout(laterblank, 16000);
        } else if (2 == 1) {
          top.document.title='No Phpit';
        }
        socoords='';
        sodelim='';
      }
      wasScribble=isScribble;
      isScribble=0;
      jsclickno=0;
      setTimeout(andtn, 2000);
      snapshotcanvas(); 
      //parent.document.getElementById(topdcmcheck('dcm')).value='Text';
      }
    }
  }
  //tlx=-1;
  //tly=-1;
  return true;
 }
   
 function maybemedia(inidea) {
   var outidea = inidea;
   var parts = inidea.split("<");
   var pdfi = "icon_pdf.gif";
   var doci = "icon_doc.gif";
   var xlsi = "icon_xls.gif";
   var appi = "icon_popup.gif";
   var audioi = "icon_external.gif";
   var dparts = String.fromCharCode(34) + parts[0] + String.fromCharCode(34);
   var videoi = "icon_external.gif";
   if (inidea.indexOf("/pdf") != -1) {
     outidea = inidea.replace(" Type is ", "<img onclick=window.open('" + parts[0] + "','_blank'); width=45 height=45 src='" + pdfi + "' title='" + parts[0] + "' /> Type is ");
   } else if (inidea.indexOf("audio/") != -1) {
     outidea = inidea.replace(" Type is ", "<img onclick=window.open('" + parts[0] + "','_blank'); width=45 height=45 src='" + audioi + "' title='" + parts[0] + "' /> Type is ");
   } else if (inidea.indexOf("video/") != -1) {
     outidea = inidea.replace(" Type is ", "<img onclick=window.open('" + parts[0] + "','_blank'); width=45 height=45 src='" + videoi + "' title='" + parts[0] + "' /> Type is ");
   } else if (inidea.indexOf("application/") != -1 && inidea.indexOf("spreadsheet") != -1) {
     outidea = inidea.replace(" Type is ", "<img onclick=window.open('" + parts[0] + "','_blank'); width=45 height=45 src='" + xlsi + "' title='" + parts[0] + "' /> Type is ");
   } else if (inidea.indexOf("application/") != -1 && (inidea.indexOf("document") != -1 || inidea.indexOf("msword") != -1)) {
     outidea = inidea.replace(" Type is ", "<img onclick=window.open('" + parts[0] + "','_blank'); width=45 height=45 src='" + doci + "' title='" + parts[0] + "' /> Type is ");
   } else if (inidea.indexOf("application/") != -1) {
     outidea = inidea.replace(" Type is ", "<img onclick=window.open('" + parts[0] + "','_blank'); width=45 height=45 src='" + appi + "' title='" + parts[0] + "' /> Type is ");
   } else if (inidea.indexOf("image/") != -1) {
     outidea = inidea.replace(" Type is ", "<img onclick=window.open('" + parts[0] + "','_blank'); width=45 height=45 src='" + parts[0] + "' title='" + parts[0] + "' /> Type is ");
   }
   //alert(outidea);
   return outidea;
 } 
 
  function readBlob(opt_startByte, opt_stopByte) {

    omyh1 = pdgebi("myh1");
    

    
    var files = [];
    if (pdgebi("file")) {
    files = parent.document.getElementById("file").files;
    }
    if (!files.length) {
      alert("Please select a file!");
      return;
    }

    var file = files[0];
    
    var ourfile;

    for (var i = 0; i < files.length; i++) {
     ourfile = files[i];

     // Check the file type.
     if ((ourfile.type.indexOf("audio/") != -1 && (njk == 0 || njk == 2)) || (ourfile.type.indexOf("video/") != -1 && (njk == 0 || njk == 1))) {
       // Add the file to the request.
       njk = njk + 1;
       if (ourfile.type.indexOf("video/") != -1) {
         njk = njk + 1;
         vformData.append("vfile", ourfile, ourfile.name);
       } else {
         aformData.append("afile", ourfile, ourfile.name);
       }
     }

    }  
    
    var start = parseInt(opt_startByte) || 0;
    var stop = parseInt(opt_stopByte) || file.size - 1;

    var reader = new FileReader();

     if ((imgmode == " " && file.type.match('image.*') && "" != "n") || "" == "no") {
       imgmode = "y";
//alert('imgmode');
     } else if (imgmode == " ") {
       imgmode = "";
     }

//alert(imgmode + ' ... ' + ('' + file.type));
//alert(file.type.match('image.*'));
//alert(4934);

      if ("" != "n" && "" != "nowayjose" && (imgmode == "y" || file.type.match('image.*') || file.type.indexOf('/pdf') != -1 || file.type.indexOf('audio/') != -1 || file.type.indexOf('video/') != -1 || file.type.indexOf('application/') != -1)) {
//alert(14934);
//alert(imgmode.toUpperCase());
      // Closure to capture the file information.
      reader.onload = (function(theFile) {
        return function(e) {



          if ("" == "no") {  // zipping files scenario ... yay one
      var ond=0; //parseInt(parent.document.getElementById("cntzip").value);
      var dno=eval(1 + ond);
      if (escape(theFile.name) != "" && parent.document.body.innerHTML.indexOf("*" + escape(theFile.name) + "*") == -1) {        
        parent.document.body.innerHTML = parent.document.body.innerHTML + "<p style=display:none;>*" + escape(theFile.name) + "*</p>";
      //alert(dno);
      if (pdgebi("cntzip")) {
      parent.document.getElementById("cntzip").value = dno;  
      }    
      //alert(parent.document.getElementById("cntzip").value);
      var maybe=prompt("Zipping " + theFile.name + " ... is this okay?  When all done, click the Download button to access the zip file.", "Yes");
      if (maybe == null || maybe != "Yes") {
        maybe = maybe;
      } else if (pdgebi("z" + dno + "name")) {
        parent.document.getElementById("z" + dno + "name").value = escape(theFile.name);
        parent.document.getElementById("fzip" + dno).action = parent.document.getElementById("fzip" + dno).action.replace("fnum=", "fnum=" + escape(theFile.name) + ";");
        parent.document.getElementById("izip" + dno).src = parent.document.getElementById("izip" + dno).src.replace("fnum=", "fnum=" + escape(theFile.name) + ";");

  //alert(43);
        parent.document.getElementById("z" + dno + "data").value = e.target.result;        
  //alert(443);
        mymd5 = (MD5(e.target.result));
        parent.document.getElementById("bzip" + dno).click();  
        setTimeout(zclick, 5000); 
      } 
      }
          } else if (666 == 666 || pdgebi("afilename")) { // || pdgebi("vfilename")) {

  //alert(44399);

          // Render thumbnail.
          if (parent.document.body.innerHTML.indexOf('" title="' + escape(theFile.name) + '' ) == -1) {
  //alert(8744399);
          var vid = theFile.name.replace(".","");
          var mvid = theFile.name.replace(".","m");
          if (theFile.type.indexOf("image/") != -1 || theFile.type.indexOf("/pdf") != -1 || theFile.type.indexOf("audio/") != -1 || theFile.type.indexOf("video/") != -1 || theFile.type.indexOf("application/") != -1) {
          var span = parent.document.createElement("span");
          var elt = "img";
          if (theFile.type.indexOf("image/") == -1) elt = "iframe";

          if (theFile.type.indexOf("/pdf") != -1) {
            span.innerHTML = ['<a class=pdfa href=#' + vid + ' onclick=parent.document.getElementById("' + vid + '").style.display="block"; class="thumb" src="', e.target.result,
                            '" title="', escape(theFile.name), '"><img src=icon_pdf.gif title=Pdf />' + escape(theFile.name) + '</a>'].join('');
          } else if (theFile.type.indexOf("audio/") != -1) {
               //alert(11);
            span.innerHTML = ['<a class=pdfa href=#' + vid + ' onclick=parent.document.getElementById("' + vid + '").style.display="block"; class="thumb" src="', e.target.result,
                            '" title="', escape(theFile.name), '"><img src=icon_external.gif title=Pdf />' + escape(theFile.name) + '</a>'].join('');
            if (parent.document.getElementById("afilename").value == "") {
              parent.document.getElementById("afilename").value = ((encodeURIComponent(e.target.result)));
              //alert(1);
              parent.document.getElementById("af").value = theFile.name;

            }
          } else if (pdgebi("vfilename") && theFile.type.indexOf("video/") != -1) {
            span.innerHTML = ['<a class=pdfa href=#' + vid + ' onclick=parent.document.getElementById("' + vid + '").style.display="block"; class="thumb" src="', e.target.result,
                            '" title="', escape(theFile.name), '"><img src=icon_external.gif title=Pdf />' + escape(theFile.name) + '</a>'].join('');
            if (parent.document.getElementById("vfilename").value == "") {
              parent.document.getElementById("vfilename").value = ((encodeURIComponent(e.target.result)));
              //alert(2);
              parent.document.getElementById("vf").value = theFile.name;
            }
          } else if (pdgebi(vid) && theFile.type.indexOf("application/") != -1 && theFile.type.indexOf("spreadsheet") != -1) {
            span.innerHTML = ['<a class=pdfa href=#' + vid + ' onclick=parent.document.getElementById("' + vid + '").style.display="block"; class="thumb" src="', e.target.result,
                            '" title="', escape(theFile.name), '"><img src=icon_xls.gif title=Pdf />' + escape(theFile.name) + '</a>'].join('');
          } else if (pdgebi(vid) && theFile.type.indexOf("application/") != -1 && (theFile.type.indexOf("document") != -1 || theFile.type.indexOf("msword") != -1)) {
            span.innerHTML = ['<a class=pdfa href=#' + vid + ' onclick=parent.document.getElementById("' + vid + '").style.display="block"; class="thumb" src="', e.target.result,
                            '" title="', escape(theFile.name), '"><img src=icon_doc.gif title=Pdf />' + escape(theFile.name) + '</a>'].join('');
          } else if (pdgebi(vid) && theFile.type.indexOf("application/") != -1) {
            span.innerHTML = ['<a class=pdfa href=#' + vid + ' onclick=parent.document.getElementById("' + vid + '").style.display="block"; class="thumb" src="', e.target.result,
                            '" title="', escape(theFile.name), '"><img src=icon_popup.gif title=Pdf />' + escape(theFile.name) + '</a>'].join('');
          } else if (pdgebi(vid) || imgmode == "y") {
  //alert(93453);
            span.innerHTML = ['<img onclick=parent.document.getElementById("' + vid + '").style.display="block"; class="thumb" src="', e.target.result,
                            '" title="', escape(theFile.name), '"/>'].join('');
		  }
		  
		  if (pdgebi('imglist')) {
          //parent.document.getElementById('imglist').insertBefore(span, null);
  //alert(453);
          parent.document.getElementById('imglist').src=e.target.result;
  //alert(4553);
          mymd5 = (MD5(e.target.result));
          //parent.document.getElementById('imglist').style.display='block';
          }
          }
          var xxxx="<p id=" + mvid + "  align=center>Filename is <strong>" + maybemedia(escape(theFile.name) + "</strong> ... Type is (" + (theFile.type || "n/a") + ") ... Date is ") + (theFile.lastModifiedDate ? theFile.lastModifiedDate.toLocaleDateString() : "n/a") + " ... Size is " + theFile.size + " bytes </p>";
          var span1 = parent.document.createElement("span");
          span1.innerHTML = xxxx;
          
          
          if (777 == 777 || pdgebi('afilename') || pdgebi('vfilename')) {
          parent.document.getElementById('imglist').insertBefore(span1, null);
          if (theFile.type.indexOf("image/") != -1 || theFile.type.indexOf("/pdf") != -1 || theFile.type.indexOf("audio/") != -1 || theFile.type.indexOf("video/") != -1 || theFile.type.indexOf("application/") != -1) {
          var span2 = parent.document.createElement("span");
          if (theFile.type.indexOf("/pdf") != -1) {
            span2.innerHTML = ['<iframe class=big id="' + vid + '" style="display:none;" src="', e.target.result,
                            '" title="', escape(theFile.name), '"/>'].join('');
          } else if (theFile.type.indexOf("audio/") != -1) {
            span2.innerHTML = ['<audio controls=controls autoplay=autoplay class=big id="' + vid + '" style="display:none;" src="', e.target.result,
                            '" title="', escape(theFile.name), '"/>'].join('');
            if (parent.document.getElementById("afilename").value == "") {
              parent.document.getElementById("afilename").value = ((encodeURIComponent(e.target.result)));
              parent.document.getElementById("af").value = theFile.name;
            }
          } else if (theFile.type.indexOf("video/") != -1) {
            span2.innerHTML = ['<video controls=controls autoplay=autoplay class=big id="' + vid + '" style="display:none;" src="', e.target.result,
                            '" title="', escape(theFile.name), '"/>'].join('');
            if (parent.document.getElementById("vfilename").value == "") {
              parent.document.getElementById("vfilename").value = ((encodeURIComponent(e.target.result)));
              parent.document.getElementById("vf").value = theFile.name;
            }
          } else if (theFile.type.indexOf("application/") != -1) {
            span2.innerHTML = ['<iframe class=big id="' + vid + '" style="display:none;" src="', e.target.result,
                            '" title="', escape(theFile.name), '"/>'].join('');
          } else {
            span2.innerHTML = ['<img class=big id="' + vid + '" style="display:none;" src="', e.target.result,
                            '" title="', escape(theFile.name), '"/>'].join('');
          }
          //parent.document.getElementById('imglist').insertBefore(span2, null);
  //alert(1453);

          parent.document.getElementById('imglist').src=e.target.result;
  //alert(2453);
          mymd5 = (MD5(e.target.result));
              lastacci = new Image();
    //jsanimg.setAttribute('crossOrigin', 'anonymous');    
    lastacci.onload = function() {
    lastaccw = lastacci.width;
    lastacch = lastacci.height;
    //alert('' + lastaccw + ',' + lastacch);
    lastacclook();
              };
              lastacci.src=e.target.result;
          //parent.document.getElementById('imglist').style.display='block';
          }
          }
          }
          }
        };
      })(file);
  //alert(75);
           reader.readAsDataURL(file);
           
      } else if (imgmode == "y") {
  //alert(443999);
      // Closure to capture the file information.
      reader.onload = (function(theFile) {
        return function(e) {
          var vid = theFile.name.replace(".","");
          var mvid = theFile.name.replace(".","m");
          var xxxx="<p id=" + mvid + "   align=center>Filename is <strong>" + maybemedia(escape(theFile.name) + "</strong> ... Type is (" + (theFile.type || "n/a") + ") ... Date is ") + (theFile.lastModifiedDate ? theFile.lastModifiedDate.toLocaleDateString() : "n/a") + " ... Size is " + theFile.size + " bytes </p>";
          var span1 = parent.document.createElement("span");
          span1.innerHTML = xxxx;
          if (pdgebi('imglist')) {
          parent.document.getElementById('imglist').insertBefore(span1, null);
          }
        };
      })(file);

  //alert(175);
           reader.readAsDataURL(file);

      } else {
      
  //alert(4439995);


    // If we use onloadend, we need to check the readyState.
   
    reader.onloadend = function(evt) {
      if (evt.target.readyState == FileReader.DONE) { // DONE == 2
        if (pdgebi('byte_content')) {
  //alert(8453);
        parent.document.getElementById("byte_content").textContent = evt.target.result;
   //alert(55453);
       mymd5 = (MD5(evt.target.result));
        parent.document.getElementById("byte_range").textContent = 
            ["Read bytes: ", start + 1, " - ", stop + 1,
             " of ", file.size, " byte file"].join("");
        }
        //alert(8);
        process(evt.target.result);
      }
    };
			var blob = file.slice(start, stop + 1);
    		reader.readAsBinaryString(blob);
    }
    

  }
  
function pdfask(tv, knownurl) {
  //alert(65);
  
  if (typeof tv === "undefined") tv='';

  if (document.getElementById('animage') == null) {
           if (document.URL.indexOf('cwidth=') != -1) {
           if (document.getElementById('showi')) {
           document.getElementById('showi').innerHTML+="<img style='width:" + cwidth + "px;height:" + cheight + "px;border-bottom:5px solid yellow; border-right:5px solid blue; border-top:1px solid white; border-left:1px solid white;' id='animage' src='' title='Image version of last canvas'></img>";
           } else {
           document.body.innerHTML+="<img style='width:" + cwidth + "px;height:" + cheight + "px;border-bottom:5px solid yellow; border-right:5px solid blue; border-top:1px solid white; border-left:1px solid white;' id='animage' src='' title='Image version of last canvas'></img>";
           }
           } else {
           if (document.getElementById('showi')) {
           document.getElementById('showi').innerHTML+="<img style='width:850px;height:200px;border-bottom:5px solid yellow; border-right:5px solid blue; border-top:1px solid white; border-left:1px solid white;' id='animage' src='' title='Image version of last canvas'></img>";
           } else {
           document.body.innerHTML+="<img style='width:850px;height:200px;border-bottom:5px solid yellow; border-right:5px solid blue; border-top:1px solid white; border-left:1px solid white;' id='animage' src='' title='Image version of last canvas'></img>";
           }
           }
  }
  
  if (tv.toLowerCase() == 'pd' && lastim != tv && lastimis != 'pD') {
    var ihuh="", urlthere=false, rest="";
    if (typeof knownurl === "undefined") {
  //alert(665);
      if (kurl != "") {
      ihuh=kurl;
      kurl="";
      } else {
      ihuh="";
      }
    } else {
  //alert(6665);
      urlthere=true;
      if (pdgebi(topdcmcheck('dcm'))) {
        parent.document.getElementById(topdcmcheck('dcm')).value=tv;
      }
      ihuh=knownurl.split(';')[0];
      if (knownurl.indexOf(';') != -1) {
        rest=knownurl.replace(ihuh + ';','');
      }
  //alert(165 + ' ... ' + ihuh);
    }
    lastim=tv;
    if (ihuh == "") {
     if (tv == 'PD' || tv == 'Pd') {
      ihuh=prompt('Enter a PDF URL (if you do not want page 1, and then any others become selectable, displayed, prefix by page number plus ~ character, or to not start at page 1 and see other pages try 3,-1~ prefix for page 3 and more become selectable later, for example)','');
      if (ihuh != null && kurl == "") kurl=ihuh;
     } else {
      ihuh=prompt('Enter a PDF URL','');
     }
    }
    //alert(ihuh);
    pdfpn='0';
    if (ihuh != null) {
    pdfpn='1';
    if (ihuh.indexOf('~') != -1) {
      var jhuhs=ihuh.split('~');
      pdfpn=encodeURIComponent(jhuhs[0].replace('[','').replace(']',''));
      ihuh=ihuh.replace(('' + jhuhs[0] + '~'),'');
    }
    if (ihuh.toLowerCase().indexOf('http') == 0) {
      if (tv == 'pd') {
        ihuh='httP' + ihuh.substring(4);
      } else if (tv == 'pD') {
        ihuh='hTTP' + ihuh.substring(4);
      } else if (tv == 'PD') {
        ihuh='http' + ihuh.substring(4);
      } else if (tv == 'Pd') {
        ihuh='Http' + ihuh.substring(4);
      }
    }
    if (ihuh != '') {
    //if ((ihuh + '~!@#').indexOf(' ~!@#') != -1 && parent.document.URL.indexOf('url=') == -1) parent.document.location.href=parent.document.URL.split('#')[0].split('?')[0] + '?url=' + ihuh.trim();
    //alert(ihuh);
    //document.getElementById('animage').src='';
    //if (urlthere) alert('./signature_signature.php?page=' + pdfpn + '&pdf=' + encodeURIComponent(ihuh) + pdfurlsuffix);
          //if (top.document.URL.indexOf('askforit=') != -1) alert('1:' + './signature_signature.php?page=' + pdfpn + '&rndno=' + Math.floor(Math.random() * 2345678) + '&pdf=' + encodeURIComponent(ihuh) + pdfurlsuffix);
    document.getElementById('myask').src='./signature_signature.php?page=' + pdfpn + '&rndno=' + Math.floor(Math.random() * 2345678) + '&pdf=' + encodeURIComponent(ihuh) + pdfurlsuffix;
    setTimeout(pdfask, 1000);
    }
  } else if (document.getElementById('animage').src == '') {
    setTimeout(pdfask, 1000);
  } else {
    jsanimg = new Image();
    //jsanimg.setAttribute('crossOrigin', 'anonymous');    
    jsanimg.onload = function() {
    jsimgw = jsanimg.width;
    jsimgh = jsanimg.height;

     
      var dcmoo=null;
 if (document.getElementById('dcm')) {
   dcmoo=document.getElementById('dcm');
 } else if (parent.document.getElementById('dcm')) {
   dcmoo=parent.document.getElementById('dcm');
 } else if (top.document.getElementById('dcm')) {
   dcmoo=top.document.getElementById('dcm');
 } 
     
       if (dcmoo) {
       //alert('2986 ' + ('' + dcmoo.getAttribute('data-lastacc')).replace(/^null$/g, '').replace(/^undefined$/g, ''));
         if (('' + dcmoo.getAttribute('data-lastacc')).replace(/^null$/g, '').replace(/^undefined$/g, '') != '') {
     //lastacci=jsanimg;
     lastaccw = jsimgw;
     lastacch = jsimgh;
     //alert(2675);
     lastacclook();
         }
       }
      


    //alert(1986);
    if (pdgebi(topdcmcheck('dcm'))) {
     if (parent.document.getElementById(topdcmcheck('dcm')).value != parent.document.getElementById(topdcmcheck('dcm')).value.toLowerCase() && parent.document.getElementById(topdcmcheck('dcm')).value.trim() != "") {
      if (urlthere) {
      //alert("js values=" + jsimgw + "," + jsimgh);

              topelem.width=jsimgw;
              topelem.height=jsimgh;
              //top.document.title=jsimgw + ',' + jsimgh;
              //topelem.style.width=jsimgw;
              //topelem.style.height=jsimgh;
              //topielem.width=jsimgw;
              //topielem.height=jsimgh;
            //topwidth=('' + topelem.width).replace('px','');
            //topheight=('' + topelem.height).replace('px','');

          jsrectbits[0]=0;
          jsrectbits[1]=0;
          jsrectbits[2]=eval(-1 + eval(('' + topelem.width).replace('px','')));
          jsrectbits[3]=eval(-1 + eval(('' + topelem.height).replace('px','')));
          topcontext.drawImage(jsanimg,Math.min(jsrectbits[0],jsrectbits[2]),Math.min(jsrectbits[1],jsrectbits[3]),Math.abs(jsrectbits[2] - jsrectbits[0]),Math.abs(jsrectbits[3] - jsrectbits[1]));
          if (parent.document.getElementById('mycbox')) parent.document.getElementById('mycbox').click();
          snapshotcanvas(); 
          parent.document.getElementById(topdcmcheck('dcm')).value='';
          //parent.document.getElementById(topdcmcheck('dcm')).value=parent.document.getElementById(topdcmcheck('dcm')).value.toLowerCase();
      } else {
          //alert(tv);
          setTimeout(shapedraw,1000);
      }
    }
    } else {
      setTimeout(showornot,2000); 
      //alert(564);
    }
    }
    jsanimg.onerror = function() {
      jsimgw = 0;
      jsimgh = 0;
      jsanimg = null;
    }
    jsanimg.src = document.getElementById('animage').src; 
    }
 }
}


function imageask(tv, knownurl) {
  //alert(65);
  if (tv.toLowerCase() == 'im' && lastim != tv && lastimis != 'iM') {
    var ihuh="", urlthere=false, rest="";
    if (typeof knownurl === "undefined") {
  //alert(665);
      if (kurl != "") {
      ihuh=kurl;
      kurl="";
      } else {
      ihuh="";
      }
    } else {
  //alert(6665);
      urlthere=true;
      if (pdgebi(topdcmcheck('dcm'))) {
        parent.document.getElementById(topdcmcheck('dcm')).value=tv;
      }
      ihuh=knownurl.split(';')[0];
      if (knownurl.indexOf(';') != -1) {
        rest=knownurl.replace(ihuh + ';','');
      }
  //alert(165);
    }
    lastim=tv;
    if (ihuh == "") {
     if (tv == 'IM' || tv == 'Im') {
      ihuh=prompt('Enter an Image URL (add some blanks if you want this as a Standing Order (form) eventually)','');
      if (ihuh != null && kurl == "") kurl=ihuh;
     } else {
      ihuh=prompt('Enter an Image URL','');
     }
    }
    if (ihuh != null) {
    if (ihuh.toLowerCase().indexOf('http') == 0) {
      if (tv == 'im') {
        ihuh='httP' + ihuh.substring(4);
      } else if (tv == 'iM') {
        ihuh='hTTP' + ihuh.substring(4);
      } else if (tv == 'IM') {
        ihuh='http' + ihuh.substring(4);
      } else if (tv == 'Im') {
        ihuh='Http' + ihuh.substring(4);
      }
    }
    if (ihuh != '') {
    if ((ihuh + '~!@#').indexOf(' ~!@#') != -1 && parent.document.URL.indexOf('url=') == -1) parent.document.location.href=parent.document.URL.split('#')[0].split('?')[0] + '?url=' + ihuh.trim();
    //alert(ihuh);
    jsanimg = new Image();
      //jsanimg.setAttribute('crossOrigin', 'anonymous');    
      jsanimg.onload = function() {
      jsimgw = jsanimg.width;
      jsimgh = jsanimg.height;
      
      var dcmoo=null;
 if (document.getElementById('dcm')) {
   dcmoo=document.getElementById('dcm');
 } else if (parent.document.getElementById('dcm')) {
   dcmoo=parent.document.getElementById('dcm');
 } else if (top.document.getElementById('dcm')) {
   dcmoo=top.document.getElementById('dcm');
 } 
     
       if (dcmoo) {
       //alert('986 ' + ('' + dcmoo.getAttribute('data-lastacc')).replace(/^null$/g, '').replace(/^undefined$/g, ''));
         if (('' + dcmoo.getAttribute('data-lastacc')).replace(/^null$/g, '').replace(/^undefined$/g, '') != '') {
     //lastacci=jsanimg;
     lastaccw = jsimgw;
     lastacch = jsimgh;
     //alert(675);
     lastacclook();
         }
       }
      
       
    if (pdgebi(topdcmcheck('dcm'))) {
     if (parent.document.getElementById(topdcmcheck('dcm')).value != parent.document.getElementById(topdcmcheck('dcm')).value.toLowerCase() && parent.document.getElementById(topdcmcheck('dcm')).value.trim() != "") {
      if (urlthere) {
      //alert("js values=" + jsimgw + "," + jsimgh);
          jsrectbits[0]=0;
          jsrectbits[1]=0;
          jsrectbits[2]=eval(-1 + eval(('' + topelem.width).replace('px','')));
          jsrectbits[3]=eval(-1 + eval(('' + topelem.height).replace('px','')));
          topcontext.drawImage(jsanimg,Math.min(jsrectbits[0],jsrectbits[2]),Math.min(jsrectbits[1],jsrectbits[3]),Math.abs(jsrectbits[2] - jsrectbits[0]),Math.abs(jsrectbits[3] - jsrectbits[1]));
          if (parent.document.getElementById('mycbox')) parent.document.getElementById('mycbox').click();
          snapshotcanvas(); 
          parent.document.getElementById(topdcmcheck('dcm')).value='';
          //parent.document.getElementById(topdcmcheck('dcm')).value=parent.document.getElementById(topdcmcheck('dcm')).value.toLowerCase();
      } else {
          //alert(tv);
          setTimeout(shapedraw,1000);
      }
    }
    } else {
      setTimeout(showornot,2000); 
      //alert(1564);
    }
    }
    jsanimg.onerror = function() {
      jsimgw = 0;
      jsimgh = 0;
      jsanimg = null;
    }
    jsanimg.src = ihuh; 
    }
    }
  } 
}


function shapedraw() {
     var radis=0.0;
      if (pdgebi('colcf')) {
        colcf=parent.document.getElementById('colcf').value;
      }
   //alert('huhyay');
  if (pdgebi(topdcmcheck('dcm'))) {
    var dcmv=parent.document.getElementById(topdcmcheck('dcm')).value;
   //alert('yay ' + dcmv + ' via ' + lastim + ' or ' + top.sparedcm.value);
    lastim=dcmv;
        //alert(lastim);
    if (dcmv.replace('iM','iB').toLowerCase() == 'ib' || dcmv.replace('iM','iB').toLowerCase() == 'im' || (dcmv == '' && jsanimg != null)) {
        //alert('00' + ' ' + jsimgw);
        if (dcmv.replace('iM','iB').toLowerCase() != 'im') kurl="";
        if (jsanimg == null) jsanimg=parent.document.getElementById('imglist');
        if (jsanimg != null && (jsimgw == 0 || jsimgh == 0)) {
        jsimgw=jsanimg.width;
        jsimgh=jsanimg.height;
        }
        //alert('1' + ' ' + jsimgw);
        if (dcmv != dcmv.toLowerCase()) {
          if (dcmv.replace('iB','IB') == dcmv.toUpperCase()) {
           if (eval(('' + jsimgw).replace('px','')) > eval(('' + topelem.width).replace('px','')) || eval(('' + jsimgh).replace('px','')) > eval(('' + topelem.height).replace('px',''))) {
            var wratio=eval(('' + jsimgw).replace('px','')) / eval(('' + topelem.width).replace('px',''));
            var hratio=eval(('' + jsimgh).replace('px','')) / eval(('' + topelem.height).replace('px',''));
            if (wratio > hratio) {
            //alert(eval(('' + jsimgw).replace('px','')) / wratio + 'px ' + eval(('' + jsimgh).replace('px','')) / wratio + 'px');
      		topielem.style.width=eval(('' + jsimgw).replace('px','')) / wratio + 'px';
      		topielem.style.height=eval(('' + jsimgh).replace('px','')) / wratio + 'px';
            topelem.width=eval(('' + jsimgw).replace('px','')) / wratio;
            topelem.height=eval(('' + jsimgh).replace('px','')) / wratio;
            } else {
            //alert(eval(('' + jsimgw).replace('px','')) / hratio + 'px ' + eval(('' + jsimgh).replace('px','')) / hratio + 'px');
      		topielem.style.width=eval(('' + jsimgw).replace('px','')) / hratio + 'px';
      		topielem.style.height=eval(('' + jsimgh).replace('px','')) / hratio + 'px';
            topelem.width=eval(('' + jsimgw).replace('px','')) / hratio;
            topelem.height=eval(('' + jsimgh).replace('px','')) / hratio;
            }
           } else {
            //alert(eval(('' + jsimgw).replace('px','')) + 'px ' + eval(('' + jsimgh).replace('px','')) + 'px');
      		topielem.style.width=eval(('' + jsimgw).replace('px','')) + 'px';
      		topielem.style.height=eval(('' + jsimgh).replace('px','')) + 'px';
            topelem.width=eval(('' + jsimgw).replace('px',''));
            topelem.height=eval(('' + jsimgh).replace('px',''));
           }
          }
          jsrectbits[0]=0;
          jsrectbits[1]=0;
          jsrectbits[2]=eval(-1 + eval(('' + topelem.width).replace('px','')));
          jsrectbits[3]=eval(-1 + eval(('' + topelem.height).replace('px','')));
          if (dcmv.replace('iM','iB').toLowerCase() == 'ib') {
      if (dcmv.replace('iM','iB').indexOf('Ib') == 0) {
      mymd5prefix='Http' + mymd5prefix.substring(4);
      } else if (dcmv.replace('iM','iB').indexOf('ib') == 0) {
      mymd5prefix='httP' + mymd5prefix.substring(4);
      } else if (dcmv.replace('iM','iB').indexOf('IB') == 0) {
      mymd5prefix='HTTP' + mymd5prefix.substring(4);
      } else if (dcmv.replace('iM','iB').indexOf('ib') == 0) {
      mymd5prefix='http' + mymd5prefix.substring(4);
      } else if (dcmv.replace('iM','iB').indexOf('iB') == 0) {
      mymd5prefix='hTTP' + mymd5prefix.substring(4);
      }
            if (listofbrowseimages.indexOf('|' + mymd5prefix + mymd5 + mymd5suffix + '|') != -1) {
            if (imurl == "") {
              imurl=mymd5prefix + mymd5 + mymd5suffix;

            //alert(otherthings + ' ... ' + listofbrowseimages + ' vs ' + '|' + mymd5prefix + mymd5 + mymd5suffix + '|');
        var huhhuh=otherthings.split(imurl + '`');
        if (huhhuh.length > 1) {
          sobutton='<br><input id="so_all" style="background-color:yellow;" type="button" title="' + huhhuh[1].split('|')[0] + '" value="Ask about Standing Order for ' + nonon(imurl) + '" onclick=" document.getElementById(' + "'"  + topielem.id + "'" + ').contentWindow.dostandingorder(this.title);  "></input>';
          var ibits,bitsof=huhhuh[1].split('`'), timesbits="", tobits="";
          for (ibits=0; ibits<bitsof.length; ibits+=6) {
            //alert(ibits + ' ... ' + bitsof[ibits]);
            sobutton+='<br><input id="so_' + ibits + '" style="background-color:lightgreen;" type="button" title="' + bitsof[ibits] + '`' + bitsof[eval(1 + ibits)] + '`' + bitsof[eval(2 + ibits)] + '`' + bitsof[eval(3 + ibits)] + '`' + bitsof[eval(4 + ibits)] + '`' + bitsof[eval(5 + ibits)] + '" value="Do Standing Order for ' + bitsof[ibits] + ' bit" onclick=" document.getElementById(' + "'"  + topielem.id + "'" + ').contentWindow.dostandingorder(this.title,' + "'" + ibits + "'" + '); this.style.display=' + "'" + 'none' + "'" + ';  "></input>';
            if (bitsof[ibits].indexOf(' to ') != -1) {
              if (tobits == "") {
                tobits=bitsof[ibits] + '`' + bitsof[eval(1 + ibits)] + '`' + bitsof[eval(2 + ibits)] + '`' + bitsof[eval(3 + ibits)] + '`' + bitsof[eval(4 + ibits)] + '`' + bitsof[eval(5 + ibits)];
              } else {
                tobits+='`' + bitsof[ibits] + '`' + bitsof[eval(1 + ibits)] + '`' + bitsof[eval(2 + ibits)] + '`' + bitsof[eval(3 + ibits)] + '`' + bitsof[eval(4 + ibits)] + '`' + bitsof[eval(5 + ibits)];
              }
            }
            if (bitsof[ibits].indexOf(' x ') != -1) {
              if (timesbits == "") {
                timesbits=bitsof[ibits] + '`' + bitsof[eval(1 + ibits)] + '`' + bitsof[eval(2 + ibits)] + '`' + bitsof[eval(3 + ibits)] + '`' + bitsof[eval(4 + ibits)] + '`' + bitsof[eval(5 + ibits)];
              } else {
                timesbits+='`' + bitsof[ibits] + '`' + bitsof[eval(1 + ibits)] + '`' + bitsof[eval(2 + ibits)] + '`' + bitsof[eval(3 + ibits)] + '`' + bitsof[eval(4 + ibits)] + '`' + bitsof[eval(5 + ibits)];
              }
            }
          }
          if (timesbits != "") sobutton+='<br><input id="so_x" style="background-color:lightblue;" type="button" title="' + timesbits + '" value="Do Standing Order for All x (times)" onclick=" document.getElementById(' + "'"  + topielem.id + "'" + ').contentWindow.dostandingorder(this.title,' + "' x '" + ');  this.style.display=' + "'" + 'none' + "'" + ';  "></input>';
          if (tobits != "") sobutton+='<br><input id="so_to" style="background-color:lightblue;" type="button" title="' + tobits + '" value="Do Standing Order for All to (range incrementing/decrementing by 1)" onclick=" document.getElementById(' + "'"  + topielem.id + "'" + ').contentWindow.dostandingorder(this.title,' + "' to '" + ');  this.style.display=' + "'" + 'none' + "'" + ';  "></input>';
          parent.document.getElementById('domymd5').innerHTML=sobutton;
          wasisgood=parent.document.getElementById('domymd5').innerHTML;
        }


            }
            } else {
            parent.document.getElementById('domymd5').innerHTML='Click/Touch allows Standing Orders for Background Image';
            }
      if (document.URL.indexOf('nocookies=') != -1) {
      setTimeout(andthennone,68000);
      } else {
            setTimeout(andthennone, 8000);
      }
          }
          parent.document.getElementById(topdcmcheck('dcm')).value=parent.document.getElementById(topdcmcheck('dcm')).value.toLowerCase();
          setTimeout(shapedraw,3000);
          return;
        }
        if (jsanimg != null && jsimgw != 0 && jsimgh != 0) {
        if (colcf.split(',').length == 4) {
        topcontext.globalAlpha = eval(colcf.split(',')[3].split(')')[0]);
        } else {
        topcontext.globalAlpha = 1.0;
        }
        //alert(jsrectbits[0] + ',' + jsrectbits[1] + ',' + jsrectbits[2] + ',' + jsrectbits[3]);
        topcontext.drawImage(jsanimg,Math.min(jsrectbits[0],jsrectbits[2]),Math.min(jsrectbits[1],jsrectbits[3]),Math.abs(jsrectbits[2] - jsrectbits[0]),Math.abs(jsrectbits[3] - jsrectbits[1]));
        snapshotcanvas();
        }
        if (parent.document.getElementById(topdcmcheck('dcm')).value.replace('iM','iB') == 'iB') {
        parent.document.getElementById('divbrowse').innerHTML=cbrowse;
        } else {
        parent.document.getElementById('divbrowse').innerHTML=cbrowse_nocapture;
        }
        parent.document.getElementById('divbrowse').style.display='none';
        parent.document.getElementById('odef').innerHTML=parent.document.getElementById('odef').innerHTML.replace('Rectangle (outline) &#128306; (via two clicks &#128433;&#128433;)','Image Browse &#128194; (sized via two clicks &#128433;&#128433;)').replace('Rectangle (outline)','Image Browse (sized via two clicks)');
        parent.document.getElementById(topdcmcheck('dcm')).value='';
    } else if ((dcmv == 'ro' || dcmv == '') && threebackpmore.indexOf('move') == -1 && (twobackpmore + lastpmore + pmore).indexOf('move') == -1) {
        //top.document.title='ro ' + pmore;
        topcontext.beginPath();
        topcontext.rect(Math.min(jsrectbits[0],jsrectbits[2]),Math.min(jsrectbits[1],jsrectbits[3]),Math.abs(jsrectbits[2] - jsrectbits[0]),Math.abs(jsrectbits[3] - jsrectbits[1]));
        if (parent.document.getElementById('pcoords').value == '') {
        parent.document.getElementById('pcoords').value+=Math.min(jsrectbits[0],jsrectbits[2]) + "," + Math.min(jsrectbits[1],jsrectbits[3]) + "," + Math.min(jsrectbits[0],jsrectbits[2]) + "," + Math.max(jsrectbits[1],jsrectbits[3]) + "," + Math.max(jsrectbits[0],jsrectbits[2]) + "," + Math.max(jsrectbits[1],jsrectbits[3]) + "," + Math.max(jsrectbits[0],jsrectbits[2]) + "," + Math.min(jsrectbits[1],jsrectbits[3]) + "," + Math.min(jsrectbits[0],jsrectbits[2]) + "," + Math.min(jsrectbits[1],jsrectbits[3]);
        if (parent.document.getElementById('toppixellate')) { parent.document.getElementById('toppixellate').style.display='block';
        parent.document.getElementById('mypform').action='../PHP/pixellate.php?lookfor=postget&r=' + Math.floor(Math.random() * 12876);
        if (window.top && window.parent) { if (top.document == parent.document && tdr.indexOf('/talk_maths.htm') == -1) { parent.document.getElementById('mypsbut').click();  } } }
        } else {
        parent.document.getElementById('pcoords').value=(parent.document.getElementById('pcoords').value + ";" + Math.min(jsrectbits[0],jsrectbits[2]) + "," + Math.min(jsrectbits[1],jsrectbits[3]) + "," + Math.min(jsrectbits[0],jsrectbits[2]) + "," + Math.max(jsrectbits[1],jsrectbits[3]) + "," + Math.max(jsrectbits[0],jsrectbits[2]) + "," + Math.max(jsrectbits[1],jsrectbits[3]) + "," + Math.max(jsrectbits[0],jsrectbits[2]) + "," + Math.min(jsrectbits[1],jsrectbits[3]) + "," + Math.min(jsrectbits[0],jsrectbits[2]) + "," + Math.min(jsrectbits[1],jsrectbits[3])).replace('|;','|').replace(');','),').replace(',;',';');
        if (parent.document.getElementById('toppixellate')) { parent.document.getElementById('toppixellate').style.display='block';
        parent.document.getElementById('mypform').action='../pixellate.php?lookfor=postget&r=' + Math.floor(Math.random() * 12876);
        if (window.top && window.parent) { if (top.document == parent.document && tdr.indexOf('/talk_maths.htm') == -1) { parent.document.getElementById('mypsbut').click();  } } }
        }
      topcontext.strokeStyle = colcf.split(' ')[eval(-1 + colcf.split(' ').length)];
        topcontext.stroke();
        snapshotcanvas();
    } else if (dcmv == 'rx' && threebackpmore.indexOf('move') == -1 && (twobackpmore + lastpmore + pmore).indexOf('move') == -1) {
        if (1 == 1) {
        topcontext.beginPath();
        //top.document.title='rX ' + pmore;
        topcontext.rect(Math.min(jsrectbits[0],jsrectbits[2]),Math.min(jsrectbits[1],jsrectbits[3]),Math.abs(jsrectbits[2] - jsrectbits[0]),Math.abs(jsrectbits[3] - jsrectbits[1]));
        if (1 == 3) {
        if (parent.document.getElementById('pcoords').value == '') {
        parent.document.getElementById('pcoords').value+=Math.min(jsrectbits[0],jsrectbits[2]) + "," + Math.min(jsrectbits[1],jsrectbits[3]) + "," + Math.min(jsrectbits[0],jsrectbits[2]) + "," + Math.max(jsrectbits[1],jsrectbits[3]) + "," + Math.max(jsrectbits[0],jsrectbits[2]) + "," + Math.max(jsrectbits[1],jsrectbits[3]) + "," + Math.max(jsrectbits[0],jsrectbits[2]) + "," + Math.min(jsrectbits[1],jsrectbits[3]) + "," + Math.min(jsrectbits[0],jsrectbits[2]) + "," + Math.min(jsrectbits[1],jsrectbits[3]);
        if (parent.document.getElementById('toppixellate')) { parent.document.getElementById('toppixellate').style.display='block';
        parent.document.getElementById('mypform').action='../pixellate.php?lookfor=postget&r=' + Math.floor(Math.random() * 12876);
        if (window.top && window.parent) { if (top.document == parent.document && tdr.indexOf('/talk_maths.htm') == -1) { parent.document.getElementById('mypsbut').click();  } } }
        } else {
        //top.document.title='rx ' + pmore;
        parent.document.getElementById('pcoords').value=(parent.document.getElementById('pcoords').value + ";" + Math.min(jsrectbits[0],jsrectbits[2]) + "," + Math.min(jsrectbits[1],jsrectbits[3]) + "," + Math.min(jsrectbits[0],jsrectbits[2]) + "," + Math.max(jsrectbits[1],jsrectbits[3]) + "," + Math.max(jsrectbits[0],jsrectbits[2]) + "," + Math.max(jsrectbits[1],jsrectbits[3]) + "," + Math.max(jsrectbits[0],jsrectbits[2]) + "," + Math.min(jsrectbits[1],jsrectbits[3]) + "," + Math.min(jsrectbits[0],jsrectbits[2]) + "," + Math.min(jsrectbits[1],jsrectbits[3])).replace('|;','|').replace(');','),').replace(',;',';');
        if (parent.document.getElementById('toppixellate')) { parent.document.getElementById('toppixellate').style.display='block';
        parent.document.getElementById('mypform').action='../PHP/pixellate.php?lookfor=postget&r=' + Math.floor(Math.random() * 12876);
        if (window.top && window.parent) { if (top.document == parent.document && tdr.indexOf('/talk_maths.htm') == -1) { parent.document.getElementById('mypsbut').click();  } } }
        }
        }
      topcontext.fillStyle = 'white';
        topcontext.fill();
        } else {
        topcontext.clearRect(Math.min(jsrectbits[0],jsrectbits[2]),Math.min(jsrectbits[1],jsrectbits[3]),Math.abs(jsrectbits[2] - jsrectbits[0]),Math.abs(jsrectbits[3] - jsrectbits[1]));
        }
        snapshotcanvas();
    } else if (dcmv.toLowerCase() == 'im') {
        if (jsanimg != null && jsimgw != 0 && jsimgh != 0) {
        if (colcf.split(',').length == 4) {
        topcontext.globalAlpha = eval(colcf.split(',')[3].split(')')[0]);
        } else {
        topcontext.globalAlpha = 1.0;
        }
        topcontext.drawImage(jsanimg,Math.min(jsrectbits[0],jsrectbits[2]),Math.min(jsrectbits[1],jsrectbits[3]),Math.abs(jsrectbits[2] - jsrectbits[0]),Math.abs(jsrectbits[3] - jsrectbits[1]));
        }
        snapshotcanvas();
    } else if (dcmv == 'rf' && threebackpmore.indexOf('move') == -1 && (twobackpmore + lastpmore + pmore).indexOf('move') == -1) {
        //top.document.title='rf ' + pmore;
        topcontext.beginPath();
        topcontext.rect(Math.min(jsrectbits[0],jsrectbits[2]),Math.min(jsrectbits[1],jsrectbits[3]),Math.abs(jsrectbits[2] - jsrectbits[0]),Math.abs(jsrectbits[3] - jsrectbits[1]));
        if (parent.document.getElementById('pcoords').value == '') {
        parent.document.getElementById('pcoords').value+=Math.min(jsrectbits[0],jsrectbits[2]) + "," + Math.min(jsrectbits[1],jsrectbits[3]) + "," + Math.min(jsrectbits[0],jsrectbits[2]) + "," + Math.max(jsrectbits[1],jsrectbits[3]) + "," + Math.max(jsrectbits[0],jsrectbits[2]) + "," + Math.max(jsrectbits[1],jsrectbits[3]) + "," + Math.max(jsrectbits[0],jsrectbits[2]) + "," + Math.min(jsrectbits[1],jsrectbits[3]) + "," + Math.min(jsrectbits[0],jsrectbits[2]) + "," + Math.min(jsrectbits[1],jsrectbits[3]);
        if (parent.document.getElementById('toppixellate')) { parent.document.getElementById('toppixellate').style.display='block';
        parent.document.getElementById('mypform').action='../PHP/pixellate.php?lookfor=postget&r=' + Math.floor(Math.random() * 12876);
        if (window.top && window.parent) { if (top.document == parent.document && tdr.indexOf('/talk_maths.htm') == -1) { parent.document.getElementById('mypsbut').click();  } } }
        } else {
        parent.document.getElementById('pcoords').value=(parent.document.getElementById('pcoords').value + ";" + Math.min(jsrectbits[0],jsrectbits[2]) + "," + Math.min(jsrectbits[1],jsrectbits[3]) + "," + Math.min(jsrectbits[0],jsrectbits[2]) + "," + Math.max(jsrectbits[1],jsrectbits[3]) + "," + Math.max(jsrectbits[0],jsrectbits[2]) + "," + Math.max(jsrectbits[1],jsrectbits[3]) + "," + Math.max(jsrectbits[0],jsrectbits[2]) + "," + Math.min(jsrectbits[1],jsrectbits[3]) + "," + Math.min(jsrectbits[0],jsrectbits[2]) + "," + Math.min(jsrectbits[1],jsrectbits[3])).replace('|;','|').replace(');','),').replace(',;',';');
        if (parent.document.getElementById('toppixellate')) { parent.document.getElementById('toppixellate').style.display='block';
        parent.document.getElementById('mypform').action='../PHP/pixellate.php?lookfor=postget&r=' + Math.floor(Math.random() * 12876);
        if (window.top && window.parent) { if (top.document == parent.document && tdr.indexOf('/talk_maths.htm') == -1) { parent.document.getElementById('mypsbut').click();  } } }
        }
      topcontext.fillStyle = colcf.split(' ')[eval(-1 + colcf.split(' ').length)];
        topcontext.fill();
        snapshotcanvas();
    } else if (dcmv == 'co' && threebackpmore.indexOf('move') == -1 && (twobackpmore + lastpmore + pmore).indexOf('move') == -1) {
        topcontext.beginPath();
        radis=Math.sqrt(Math.abs(jsrectbits[2] - jsrectbits[0]) * Math.abs(jsrectbits[2] - jsrectbits[0]) + Math.abs(jsrectbits[3] - jsrectbits[1]) * Math.abs(jsrectbits[3] - jsrectbits[1]));
        topcontext.arc(jsrectbits[0],jsrectbits[1],radis,0,2*Math.PI);
        //alert(jsrectbits[0] + "," + jsrectbits[1] + "," + radis);
        if (parent.document.getElementById('pcircle').value == '') {
        parent.document.getElementById('pcircle').value=jsrectbits[0] + "," + jsrectbits[1] + "," + radis;
        if (parent.document.getElementById('toppixellate')) { parent.document.getElementById('toppixellate').style.display='block';
        parent.document.getElementById('mypform').action='../PHP/pixellate.php?lookfor=postget&r=' + Math.floor(Math.random() * 12876);
        if (window.top && window.parent) { if (top.document == parent.document && tdr.indexOf('/talk_maths.htm') == -1) { parent.document.getElementById('mypsbut').click();  } } }
        } else {
        parent.document.getElementById('pcircle').value=(parent.document.getElementById('pcircle').value + "," + jsrectbits[0] + "," + jsrectbits[1] + "," + radis).replace('|,','|');
        if (parent.document.getElementById('toppixellate')) { parent.document.getElementById('toppixellate').style.display='block';
        parent.document.getElementById('mypform').action='../PHP/pixellate.php?lookfor=postget&r=' + Math.floor(Math.random() * 12876);
        if (window.top && window.parent) { if (top.document == parent.document && tdr.indexOf('/talk_maths.htm') == -1) { parent.document.getElementById('mypsbut').click();  } } }
        }
        topcontext.strokeStyle = colcf.split(' ')[eval(-1 + colcf.split(' ').length)];
        topcontext.stroke();    
        snapshotcanvas();
    } else if (dcmv == 'cf' && threebackpmore.indexOf('move') == -1 && (twobackpmore + lastpmore + pmore).indexOf('move') == -1) {
        topcontext.beginPath();
        radis=Math.sqrt(Math.abs(jsrectbits[2] - jsrectbits[0]) * Math.abs(jsrectbits[2] - jsrectbits[0]) + Math.abs(jsrectbits[3] - jsrectbits[1]) * Math.abs(jsrectbits[3] - jsrectbits[1]));
        topcontext.arc(jsrectbits[0],jsrectbits[1],radis,0,2*Math.PI);
        if (parent.document.getElementById('pcircle').value == '') {
        parent.document.getElementById('pcircle').value=jsrectbits[0] + "," + jsrectbits[1] + "," + radis;
        if (parent.document.getElementById('toppixellate')) { parent.document.getElementById('toppixellate').style.display='block';
        parent.document.getElementById('mypform').action='../PHP/pixellate.php?lookfor=postget&r=' + Math.floor(Math.random() * 12876);
        if (window.top && window.parent) { if (top.document == parent.document && tdr.indexOf('/talk_maths.htm') == -1) { parent.document.getElementById('mypsbut').click();  } } }
        } else {
        parent.document.getElementById('pcircle').value=(parent.document.getElementById('pcircle').value + "," + jsrectbits[0] + "," + jsrectbits[1] + "," + radis).replace('|,','|');
        if (parent.document.getElementById('toppixellate')) { parent.document.getElementById('toppixellate').style.display='block';
        parent.document.getElementById('mypform').action='../PHP/pixellate.php?lookfor=postget&r=' + Math.floor(Math.random() * 12876);
        if (window.top && window.parent) { if (top.document == parent.document && tdr.indexOf('/talk_maths.htm') == -1) { parent.document.getElementById('mypsbut').click();  } } }
        }
      topcontext.fillStyle = colcf.split(' ')[eval(-1 + colcf.split(' ').length)];
        topcontext.fill();    
        snapshotcanvas();
    } else if (dcmv == 'lo' && threebackpmore.indexOf('move') == -1 && (twobackpmore + lastpmore + pmore).indexOf('move') == -1) {
        topcontext.beginPath();
        topcontext.moveTo(jsrectbits[0],jsrectbits[1]);
        if (allowed && parent.document.getElementById(topdcmcheck('dcm')).value != 'textseq') {
        if (parent.document.getElementById('pcoords').value == '') {
        parent.document.getElementById('pcoords').value=jsrectbits[0] + "," + jsrectbits[1] + "," + jsrectbits[2] + "," + jsrectbits[3];
        if (parent.document.getElementById('toppixellate')) { parent.document.getElementById('toppixellate').style.display='block';
        parent.document.getElementById('mypform').action='../PHP/pixellate.php?lookfor=postget&r=' + Math.floor(Math.random() * 12876);
        if (window.top && window.parent) { if (top.document == parent.document && tdr.indexOf('/talk_maths.htm') == -1) { parent.document.getElementById('mypsbut').click();  } } }
        } else {
        parent.document.getElementById('pcoords').value=(parent.document.getElementById('pcoords').value + ";" + jsrectbits[0] + "," + jsrectbits[1] + "," + jsrectbits[2] + "," + jsrectbits[3]).replace('|;','|').replace(');','),').replace(',;',';');
        if (parent.document.getElementById('toppixellate')) { parent.document.getElementById('toppixellate').style.display='block';
        parent.document.getElementById('mypform').action='../PHP/pixellate.php?lookfor=postget&r=' + Math.floor(Math.random() * 12876);
        if (window.top && window.parent) { if (top.document == parent.document && tdr.indexOf('/talk_maths.htm') == -1) { parent.document.getElementById('mypsbut').click();  } } }
        }
        //top.document.title='lo ' + threebackpmore + ';' + twobackpmore + ';' + lastpmore + ';' + pmore;
        topcontext.lineTo(jsrectbits[2],jsrectbits[3]);
      topcontext.strokeStyle = colcf.split(' ')[eval(-1 + colcf.split(' ').length)];
        topcontext.stroke();    
        snapshotcanvas();
        }
    }
        if (6 == 7 && (isTouch || isiPad)) { 
          parent.document.getElementById(topdcmcheck('dcm')).value=' ';
        }
        lastimis="";
  } else if (dcmv != ' ' && threebackpmore.indexOf('move') == -1 && (twobackpmore + lastpmore + pmore).indexOf('move') == -1) {
        if (topelem == null && 1 == 2) {
          //parent.document.getElementById('mycbox').click();
          topelem=parent.document.getElementById('topcanvas');
          topcontext=topelem.getContext('2d');
          canvas_events();
    //topelem.addEventListener("touchstart", toptouchHandler, true);
    //topelem.addEventListener("touchmove", toptouchHandler, true);
    //topelem.addEventListener("touchend", toptouchHandler, true);
    //topelem.addEventListener("touchcancel", toptouchHandler, true);  
          //dcmv=' ';
          //threebackpmore=twobackpmore;  twobackpmore=lastpmore; lastpmore=pmore;   pmore=' pmove3 '; 
    topcontext.beginPath();
    topcontext.moveTo(x,y);
          
    //alert('' + topelem.outerHTML + ' x=' + x + ' y=' + y);
        }
        if (dcmv != ' ' && threebackpmore.indexOf('move') == -1 && (twobackpmore + lastpmore + pmore).indexOf('move') == -1) {
        topcontext.beginPath();
        topcontext.rect(Math.min(jsrectbits[0],jsrectbits[2]),Math.min(jsrectbits[1],jsrectbits[3]),Math.abs(jsrectbits[2] - jsrectbits[0]),Math.abs(jsrectbits[3] - jsrectbits[1]));
        if (parent.document.getElementById('pcoords').value == '') {
        parent.document.getElementById('pcoords').value+=Math.min(jsrectbits[0],jsrectbits[2]) + "," + Math.min(jsrectbits[1],jsrectbits[3]) + "," + Math.min(jsrectbits[0],jsrectbits[2]) + "," + Math.max(jsrectbits[1],jsrectbits[3]) + "," + Math.max(jsrectbits[0],jsrectbits[2]) + "," + Math.max(jsrectbits[1],jsrectbits[3]) + "," + Math.max(jsrectbits[0],jsrectbits[2]) + "," + Math.min(jsrectbits[1],jsrectbits[3]) + "," + Math.min(jsrectbits[0],jsrectbits[2]) + "," + Math.min(jsrectbits[1],jsrectbits[3]);
        if (parent.document.getElementById('toppixellate')) { parent.document.getElementById('toppixellate').style.display='block';
        parent.document.getElementById('mypform').action='../PHP/pixellate.php?lookfor=postget&r=' + Math.floor(Math.random() * 12876);
        if (window.top && window.parent) { if (top.document == parent.document && tdr.indexOf('/talk_maths.htm') == -1) { parent.document.getElementById('mypsbut').click();  } } }
        } else {
        parent.document.getElementById('pcoords').value=(parent.document.getElementById('pcoords').value + ";" + Math.min(jsrectbits[0],jsrectbits[2]) + "," + Math.min(jsrectbits[1],jsrectbits[3]) + "," + Math.min(jsrectbits[0],jsrectbits[2]) + "," + Math.max(jsrectbits[1],jsrectbits[3]) + "," + Math.max(jsrectbits[0],jsrectbits[2]) + "," + Math.max(jsrectbits[1],jsrectbits[3]) + "," + Math.max(jsrectbits[0],jsrectbits[2]) + "," + Math.min(jsrectbits[1],jsrectbits[3]) + "," + Math.min(jsrectbits[0],jsrectbits[2]) + "," + Math.min(jsrectbits[1],jsrectbits[3])).replace('|;','|').replace(');','),').replace(',;',';');
        if (parent.document.getElementById('toppixellate')) { parent.document.getElementById('toppixellate').style.display='block';
        parent.document.getElementById('mypform').action='../PHP/pixellate.php?lookfor=postget&r=' + Math.floor(Math.random() * 12876);
        if (window.top && window.parent) { if (top.document == parent.document && tdr.indexOf('/talk_maths.htm') == -1) { parent.document.getElementById('mypsbut').click();  } } }
        }
      topcontext.strokeStyle = colcf.split(' ')[eval(-1 + colcf.split(' ').length)];
        topcontext.stroke();
        snapshotcanvas();
        }
  }
}

function andthennone() {
    if (pdgebi("domymd5")) {
    if (parent.document.getElementById('domymd5').innerHTML.indexOf('<input ') == -1) {
      //alert(parent.document.getElementById('domymd5').innerHTML);
      parent.document.getElementById('domymd5').innerHTML=wasisgood;
    } else {
      wasisgood=parent.document.getElementById('domymd5').innerHTML;
    }
    }
}

function topinoff() {
   var usedtobe='';
   if (topin) {
     usedtobe=topin.value;
     topin.value='';
     //document.title+=(' here at ' + usedtobe);
   }
}

function ssj_setCookie(thisg) { // thanks to JavaScript and Ajax by Tom Negrino and Dori Smith
   if (document.URL.indexOf('nocookies=') == -1) {
   var expireDate = new Date();
   expireDate.setMonth(expireDate.getMonth()+6);
   //alert(thisg);
   if (("sscoords=" + thisg + "; expires=" + expireDate.toGMTString()).length < ninehundred) {
   //alert(234);
   if (localStorage) {
     if (localStorage.getItem("sscoords")) {
       //document.title+=' Remove ';
       localStorage.removeItem("sscoords");
     }
       //document.title+=' Set ';
     //alert("sscoords=" + thisg);
     localStorage.setItem("sscoords", thisg);
   } else {
     document.cookie = "sscoords=" + thisg + "; expires=" + expireDate.toGMTString();
   }
   } else {
   if (localStorage) {
     if (localStorage.getItem("sscoords")) {
       //document.title+=' removE ';
       localStorage.removeItem("sscoords");
     }
   } else {
     ssj_deleteCookie();
   }
   }
   }
} 
 
function ssj_deleteCookie() { // thanks to JavaScript and Ajax by Tom Negrino and Dori Smith
   if (document.URL.indexOf('nocookies=') == -1) {
   var expireDate = new Date();
   expireDate.setMonth(expireDate.getMonth()-6);
   if (localStorage) {
     if (localStorage.getItem("sscoords")) {
       //document.title+=' reMove ';
       localStorage.removeItem("sscoords");
     }
   } else {
     document.cookie = "sscoords=; expires=" + expireDate.toGMTString();
   }
   }
} 

function ssj_cookieVal(fcall) {
  if (document.URL.indexOf('nocookies=') == -1) {
  //document.title+=(" firstcall=" + firstcall + " and sscoords=" + sscoords);
  if (fcall && sscoords != '') {
   var fidea=' ', proceed=true;
   if (localStorage) {
     if (localStorage.getItem("sscoords")) {
       //document.title+=' geT ';
       fidea=localStorage.getItem("sscoords");
       if (fidea == '') {
         proceed=false;
         ssj_setCookie(sscoords);
       }
     } else {
       fidea='';
       ssj_setCookie(sscoords);
       proceed=false;
     }
   } 
   if (document.cookie == '' && proceed) {
     //document.title+=(" Sscoords=" + sscoords);
     ssj_setCookie(sscoords);
   } 
  } else { 
   var xfidea=' ', xproceed=true;
   if (localStorage) {
     if (localStorage.getItem("sscoords")) {
       //document.title+=' GeT ';
       xfidea=localStorage.getItem("sscoords");
       xproceed=false;
       return xfidea;
     } 
   } 
   if (document.cookie != '' && xproceed) {
   var tCookie=document.cookie.split("; ");
   for (var j=0; j<tCookie.length; j++) {
    if ("sscoords" == tCookie[j].split("=")[0]) {
      if (firstcall && decodeURIComponent(tCookie[j].split("=")[1]) != "") {
      //document.title=tCookie[j];
    //alert(emailee + ' ... ' + decodeURIComponent(tCookie[j].split("=")[1]));
  // if (decodeURIComponent(tCookie[j].split("=")[1]).indexOf('@') != -1) {
  //    if (emailee.indexOf('@') == -1 || emailee == 'fill.in@email.to') {
  //      emailee=decodeURIComponent(tCookie[j].split("=")[1]).split('~')[0];
        //alert(emailee);
  //    } //else {
        //alert(98);
      //}
  //  }
      // if (decodeURIComponent(tCookie[j].split("=")[1]).split('~')[eval(-1 + decodeURIComponent(tCookie[j].split("=")[1]).split('~').length)].indexOf('|') != -1) {
      //alert(1122);
      //  preaddthis(decodeURIComponent(tCookie[j].split("=")[1]).split('~')[eval(-1 + decodeURIComponent(tCookie[j].split("=")[1]).split('~').length)]);
      // }
         sscoords = decodeURIComponent(tCookie[j].split("=")[1]);
     //document.title+=(" sscoords=" + sscoords);
      }
      return decodeURIComponent(tCookie[j].split("=")[1]);
    }
   } 
   } //else {
   //document.title+=(' 1111');
   //}
  }
  }
  return '';
} 

function times_up() {
  if (document.URL.indexOf('nocookies=') == -1) {
  savenow=0;
  context.clearRect(0, 0, elem.width, elem.height); 
  if (document.getElementById('showit')) {
    document.getElementById('showit').style.display='inline';
  }
  }
}

function touchWindowHandler(event) // thanks to http://stackoverflow.com/questions/1517924/javascript-mapping-touch-events-to-mouse-events
{
    var touches = event.changedTouches,
        first = touches[0],
        type = "";
         switch(event.type)
    {
        case "touchstart": type = "onclick"; 
        //alert(88 + moid + event.targetTouches.length); 
        break;
        
        default: return;
    }

             //initMouseEvent(type, canBubble, cancelable, view, clickCount, 
    //           screenX, screenY, clientX, clientY, ctrlKey, 
    //           altKey, shiftKey, metaKey, button, relatedTarget);

    var simulatedEvent = document.createEvent("MouseEvent");
    simulatedEvent.initMouseEvent(type, true, true, window, 1, 
                              first.screenX, first.screenY, 
                              first.clientX, first.clientY, false, 
                              false, false, false, 0/*left*/, null);

    first.target.dispatchEvent(simulatedEvent);
    event.preventDefault();
}

function muchlater() {
  if (pdgebi("dcm")) {
  if (parent.document.getElementById(topdcmcheck('dcm')).value.indexOf('Text') == 0) {
    prevtx=-1;
    prevty=-1;
  }
  if (parent.document.getElementById(topdcmcheck('dcm')).value.toLowerCase().indexOf('text') == 0) parent.document.getElementById(topdcmcheck('dcm')).value=' ';
  }
}

function touchHandler(event) // thanks to http://stackoverflow.com/questions/1517924/javascript-mapping-touch-events-to-mouse-events
{
    var touches = event.changedTouches,
        first = touches[0],
        type = "";
    //if (event.targetTouches.length == 1) {

    switch(event.type)
    {
        case "touchstart": type="mousedown"; break;
        case "touchmove":  type="mousemove"; break;        
        case "touchend":   type="mouseup"; break;
        default: return;
    }

             //initMouseEvent(type, canBubble, cancelable, view, clickCount, 
    //           screenX, screenY, clientX, clientY, ctrlKey, 
    //           altKey, shiftKey, metaKey, button, relatedTarget);

    var simulatedEvent = document.createEvent("MouseEvent");
    simulatedEvent.initMouseEvent(type, true, true, window, 1, 
                              first.screenX, first.screenY, 
                              first.clientX, first.clientY, false, 
                              false, false, false, 0/*left*/, null);

    first.target.dispatchEvent(simulatedEvent);
    
    event.preventDefault();
    event.stopPropagation();
    
    switch(type)
    {
        case "mousedown": 
       if (document.URL.indexOf('cwidth=') != -1) {
       if (lastcs != '' && sscoords == '') {
         //setTimeout(clicksas, 8000);
          lastcs='';
          elem.width=elem.width;
          elem.height=elem.height;
       }
         inactivitycountdown=10;
       }       
        if (isScribble == 1) { isScribble=2;
       if (event.pageX || event.pageY) {
        ppx=zmb(event.pageX) - elemLeft;
        ppy=zmb(event.pageY) - elemTop;
       } else {
        ppx=zmb(event.clientX) - elemLeft;
        ppy=zmb(event.clientY) - elemTop;
       }
       if (pdgebi(topdcmcheck('dcm'))) {
       if (parent.document.getElementById(topdcmcheck('dcm')).value.indexOf('text') == 0) {
       //parent.document.title='here1';
       if (1 == 2 && tlx < 0 && tly < 0) {
       tlx=ppx;
       tly=ppy;
       }
       if (tx >= 0 && ty >= 0) {
       prevtx=tx;
       prevty=ty;
       trotis=eval(((Math.atan2((ppy - prevty), (ppx - prevtx)) * 180.0 / Math.PI) + 360) % 360);
       if (parent.document.getElementById('trotation')) {
         if (parent.document.getElementById(topdcmcheck('dcm')).value.indexOf('textseq') == 0) {
         jsrectbits[0]=prevtx;
         jsrectbits[1]=prevty;
         jsrectbits[2]=ppx;
         jsrectbits[3]=ppy;
         if (Math.abs(prevty - ppy) > Math.abs(prevtx - ppx)) {
         trotis=eval(((Math.atan2((prevtx - ppx), (ppy - prevty)) * 180.0 / Math.PI) + 360) % 360);
         }
         }
         parent.document.getElementById('trotation').value=Math.floor(trotis);
         ppx=prevtx;
         ppy=prevty;
         prevtx=-1;
         prevty=-1;
         exceptwhen=endtrue(''); //true;
         if (parent.document.getElementById(topdcmcheck('dcm')).value.indexOf('textseq') == -1) parent.document.getElementById(topdcmcheck('dcm')).value = 'Text';
       }
       //alert(trotis);
       }
       tx=ppx;
       ty=ppy;
       } else {
       tx=ppx;
       ty=ppy;
       prevtx=-1;
       prevty=-1;
       }
       } else {
       tx=ppx;
       ty=ppy;
       prevtx=-1;
       prevty=-1;
       }
        lastx=0;  // new to scribble
        lasty=0;
        x=0;
        y=0;
 } 
 break;
        case "mousemove": 
       if (document.URL.indexOf('cwidth=') != -1) {
         inactivitycountdown=10;
       }       
       if (isScribble == 2) {
       // if (isiPad) { alert('yes'); }
       if (x == 0 && y == 0 && lastx == 0 && lasty == 0) {
       if (event.pageX || event.pageY) {
       x = zmb(event.pageX) - elemLeft;
       y = zmb(event.pageY) - elemTop;
       } else {
       x = zmb(event.clientX) - elemLeft;
       y = zmb(event.clientY) - elemTop;
       }
       if (csvv == "") {
         csvv+='' + x + ',' + y;
       } else {
         csvv+=',' + x + ',' + y;
       }
       lastx=x;
       lasty=y;
       } else {
       // if (isiPad) { alert('yYes'); }
       lastx=x;
       lasty=y;
       if (event.pageX || event.pageY) {
       x = zmb(event.pageX) - elemLeft;
       y = zmb(event.pageY) - elemTop;
       } else {
       x = zmb(event.clientX) - elemLeft;
       y = zmb(event.clientY) - elemTop;
       }
       if (csvv == "") {
         csvv+='' + x + ',' + y;
       } else {
         csvv+=',' + x + ',' + y;
       }
       }
    
    if (x != lastx || y != lasty) {
      threebackpmore=twobackpmore;  twobackpmore=lastpmore; lastpmore=pmore;   pmore=' pmove '; 
      //document.getElementById('divannotation').style.display='block';
      //document.getElementById('myisubject').style.display = 'inline';
      //document.getElementById('myiemail').style.display = 'inline';
    //context.strokeStyle=document.getElementById('mycolour').value;
    context.beginPath();

    if (parent.document.getElementById('pcoords')) {
        if (parent.document.getElementById('pcoords').value == '') {
        parent.document.getElementById('pcoords').value+=x + "," + y;
        if (parent.document.getElementById('toppixellate')) { parent.document.getElementById('toppixellate').style.display='block';
        parent.document.getElementById('mypform').action='../PHP/pixellate.php?lookfor=postget&r=' + Math.floor(Math.random() * 12876);
        if (window.top && window.parent) { if (top.document == parent.document && tdr.indexOf('/talk_maths.htm') == -1) { parent.document.getElementById('mypsbut').click();  } } }
        } else {
        parent.document.getElementById('pcoords').value=(parent.document.getElementById('pcoords').value + ";" + x + "," + y).replace('|;','|').replace(');','),').replace(',;',';');
        if (parent.document.getElementById('toppixellate')) { parent.document.getElementById('toppixellate').style.display='block';
        parent.document.getElementById('mypform').action='../PHP/pixellate.php?lookfor=postget&r=' + Math.floor(Math.random() * 12876);
        if (window.top && window.parent) { if (top.document == parent.document && tdr.indexOf('/talk_maths.htm') == -1) { parent.document.getElementById('mypsbut').click();  } } }
        }
    }
    
    context.moveTo(x,y);
    var pdgval=pdgebiv(topdcmcheck('dcm'));
    if (allowed && pdgval != 'textseq') { //parent.document.getElementById(topdcmcheck('dcm')).value != 'textseq') {

    if (parent.document.getElementById('pcoords')) {
        parent.document.getElementById('pcoords').value=(parent.document.getElementById('pcoords').value + "," + lastx + "," + lasty).replace('|;','|').replace(');','),').replace(',;',';');
        if (parent.document.getElementById('toppixellate')) { parent.document.getElementById('toppixellate').style.display='block';
        parent.document.getElementById('mypform').action='../PHP/pixellate.php?lookfor=postget&r=' + Math.floor(Math.random() * 12876);
        if (window.top && window.parent) { if (top.document == parent.document && tdr.indexOf('/talk_maths.htm') == -1) { parent.document.getElementById('mypsbut').click();  } } }
    }
    
    context.lineTo(lastx,lasty);
    context.stroke();
    }
    if (topelem) {
        topcontext.beginPath();
        topcontext.moveTo((eval(x) + eval(topvswidthoff)),(eval(y) + eval(topvsheightoff)));
        //if (allowed && parent.document.getElementById(topdcmcheck('dcm')).value != 'textseq') topcontext.lineTo((eval(lastx) + eval(topvswidthoff)),(eval(lasty) + eval(topvsheightoff)));
        if (allowed && pdgval != 'textseq') {
          topcontext.lineTo((eval(lastx) + eval(topvswidthoff)),(eval(lasty) + eval(topvsheightoff)));

        if (parent.document.getElementById('pcoords')) {
        if (parent.document.getElementById('pcoords').value == '') {
        parent.document.getElementById('pcoords').value+=(eval(x) + eval(topvswidthoff)) + "," + (eval(y) + eval(topvsheightoff));
        if (parent.document.getElementById('toppixellate')) { parent.document.getElementById('toppixellate').style.display='block';
        parent.document.getElementById('mypform').action='../PHP/pixellate.php?lookfor=postget&r=' + Math.floor(Math.random() * 12876);
        if (window.top && window.parent) { if (top.document == parent.document && tdr.indexOf('/talk_maths.htm') == -1) { parent.document.getElementById('mypsbut').click();  } } }
        } else {
        parent.document.getElementById('pcoords').value=(parent.document.getElementById('pcoords').value + ";" + (eval(x) + eval(topvswidthoff)) + "," + (eval(y) + eval(topvsheightoff))).replace('|;','|').replace(');','),').replace(',;',';');
        if (parent.document.getElementById('toppixellate')) { parent.document.getElementById('toppixellate').style.display='block';
        parent.document.getElementById('mypform').action='../PHP/pixellate.php?lookfor=postget&r=' + Math.floor(Math.random() * 12876);
        if (window.top && window.parent) { if (top.document == parent.document && tdr.indexOf('/talk_maths.htm') == -1) { parent.document.getElementById('mypsbut').click();  } } }
        }


        parent.document.getElementById('pcoords').value=(parent.document.getElementById('pcoords').value + "," + (eval(lastx) + eval(topvswidthoff)) + "," + (eval(lasty) + eval(topvsheightoff))).replace('|;','|').replace(');','),').replace(',;',';');
        if (parent.document.getElementById('toppixellate')) { parent.document.getElementById('toppixellate').style.display='block';
        parent.document.getElementById('mypform').action='../PHP/pixellate.php?lookfor=postget&r=' + Math.floor(Math.random() * 12876);
        if (window.top && window.parent) { if (top.document == parent.document && tdr.indexOf('/talk_maths.htm') == -1) { parent.document.getElementById('mypsbut').click();  } } }
        }



        }
       if (topin) {
         topin.value='--';
       }
      if (pdgebi('colcf')) {
        colcf=parent.document.getElementById('colcf').value;
      }
        topcontext.strokeStyle = colcf.split(' ')[eval(-1 + colcf.split(' ').length)];
        topcontext.stroke();
        toplthere=true;
    }
    if (sscoords == '') sscoordsdelim='';
    if (('*' + sscoords + '*').indexOf(lastx + ',' + lasty + '*') == -1) {
      if (sscoords.indexOf(',') != -1) savenow=sscoords.length;
      sscoords+=sscordsdelim + '-' + lastx;
      sscordsdelim=',';
      sscoords+=sscordsdelim + lasty;
      if (savenow != 0) {
        lastsavenow=savenow;
		savenow=sscoords.length;
      }
    }
    if (('*' + sscoords + '*').indexOf(x + ',' + y + '*') == -1) {
      if (sscoords.indexOf(',') != -1) savenow=sscoords.length;
      sscoords+=sscordsdelim + x;
      sscordsdelim=',';
      sscoords+=sscordsdelim + y;
      if (savenow != 0) {
        lastsavenow=savenow;
		savenow=sscoords.length;
      }
    }
    wassscoords='';
    if (document.getElementById('showit')) {
      document.getElementById('showit').style.display='inline';
      if (1 == 2 && document.getElementById('animage')) {
        document.getElementById('animage').src = elem.toDataURL('image/jpeg', reduction); //("image/png");
      }
    }
	}


    }
    break;        
        case "mouseup":  if (isScribble == 2) {   threebackpmore=twobackpmore;  twobackpmore=lastpmore; lastpmore=pmore;   pmore=' pm '; isScribble=1; snapshotcanvas(); } break;
        default: return;
    }
    
    //}

}


function toptouchHandler(event) // thanks to http://stackoverflow.com/questions/1517924/javascript-mapping-touch-events-to-mouse-events
{
    var touches = event.changedTouches,
        first = touches[0],
        type = "";
    //if (event.targetTouches.length == 1) {

    switch(event.type)
    {
        case "touchstart": type="mousedown"; break;
        case "touchmove":  type="mousemove"; break;        
        case "touchend":   type="mouseup"; break;
        default: return;
    }

             //initMouseEvent(type, canBubble, cancelable, view, clickCount, 
    //           screenX, screenY, clientX, clientY, ctrlKey, 
    //           altKey, shiftKey, metaKey, button, relatedTarget);

    var simulatedEvent = document.createEvent("MouseEvent");
    simulatedEvent.initMouseEvent(type, true, true, window, 1, 
                              first.screenX, first.screenY, 
                              first.clientX, first.clientY, false, 
                              false, false, false, 0/*left*/, null);

    first.target.dispatchEvent(simulatedEvent);
    
    event.preventDefault();
    event.stopPropagation();
    
    switch(type)
    {
        case "mousedown": 
       if (document.URL.indexOf('cwidth=') != -1) {
       if (lastcs != '' && sscoords == '') {
         //setTimeout(clicksas, 8000);
          lastcs='';
          elem.width=elem.width;
          elem.height=elem.height;
       }
         inactivitycountdown=10;
       }       
       if (topin) {
         topin.value='- -' + isScribble + ',' + lastx + ',' + lasty + ',' + x + ',' + y;
       }
       if (isScribble == 1) { isScribble=2;
       if (event.pageX || event.pageY) {
        ppx=zmb(event.pageX) - elemLeft;
        ppy=zmb(event.pageY) - elemTop;
       } else {
        ppx=zmb(event.clientX) - elemLeft;
        ppy=zmb(event.clientY) - elemTop;
       }
       if (pdgebi(topdcmcheck('dcm'))) {
       if (parent.document.getElementById(topdcmcheck('dcm')).value.indexOf('text') == 0) {
       //parent.document.title='here2';
       if (1 == 2 && tlx < 0 && tly < 0) {
       tlx=ppx;
       tly=ppy;
       }
       if (tx >= 0 && ty >= 0) {
       prevtx=tx;
       prevty=ty;
       trotis=eval(((Math.atan2((ppy - prevty), (ppx - prevtx)) * 180.0 / Math.PI) + 360) % 360);
       if (pdgebi('trotation')) {
         if (parent.document.getElementById(topdcmcheck('dcm')).value.indexOf('textseq') == 0) {
         jsrectbits[0]=prevtx;
         jsrectbits[1]=prevty;
         jsrectbits[2]=ppx;
         jsrectbits[3]=ppy;
         if (Math.abs(prevty - ppy) > Math.abs(prevtx - ppx)) {
         trotis=eval(((Math.atan2((prevtx - ppx), (ppy - prevty)) * 180.0 / Math.PI) + 360) % 360);
         }
         }
         parent.document.getElementById('trotation').value=Math.floor(trotis);
         ppx=prevtx;
         ppy=prevty;
         prevtx=-1;
         prevty=-1;
         exceptwhen=endtrue(''); //true;
         if (parent.document.getElementById(topdcmcheck('dcm')).value.indexOf('textseq') == -1) parent.document.getElementById(topdcmcheck('dcm')).value = 'Text';
       }
       //alert(trotis);
       }
       tx=ppx;
       ty=ppy;
       } else {
       tx=ppx;
       ty=ppy;
       prevtx=-1;
       prevty=-1;
       }
       } else {
       tx=ppx;
       ty=ppy;
       prevtx=-1;
       prevty=-1;
       }

       if (x == 0 && y == 0 && lastx == 0 && lasty == 0) {
       if (event.pageX || event.pageY) {
       x = zmb(event.pageX) - elemLeft;
       y = zmb(event.pageY) - elemTop;
       } else {
       x = zmb(event.clientX) - elemLeft;
       y = zmb(event.clientY) - elemTop;
       }
       lastx=x;
       lasty=y;
       } else {
       lastx=x;
       lasty=y;
       if (event.pageX || event.pageY) {
       x = zmb(event.pageX) - elemLeft;
       y = zmb(event.pageY) - elemTop;
       } else {
       x = zmb(event.clientX) - elemLeft;
       y = zmb(event.clientY) - elemTop;
       }
       }
       //parent.document.title+=' here';
       
    
    
    if (pdgebi(topdcmcheck('dcm'))) {
    if (parent.document.getElementById(topdcmcheck('dcm')).value != ' ') {
    
    
    if (topin) {
    if (topin.value == '' || (topin.value + ',').indexOf('- -1,0,0,0,0,') == 0 || (topin.value.indexOf('- -') == 0 && topin.value.indexOf(',0,0,0,0') == -1)) {
      if (topin.value == '') {
        if (eval(jsclickno % 2) == 0) {  // lower left
      jsrectbits[eval(jsclickno % 2)] = x;
      jsrectbits[eval(jsclickno % 2) + 1] = y;
        if (1 == 2) parent.document.title+=' oNclicK at x,y=' + x + ',' + y + ' ' + topin.value;
        if (parent.document.getElementById(topdcmcheck('dcm'))) {
        if (parent.document.getElementById(topdcmcheck('dcm')).value.toLowerCase().indexOf('text') == 0) {
    jsclickno = jsclickno + 1;
      jsrectbits[eval(jsclickno % 2) * 2] = x;
      jsrectbits[eval(jsclickno % 2) * 2 + 1] = y;
        }
        }
        } else {  // upper right
      jsrectbits[eval(jsclickno % 2) * 2] = x;
      jsrectbits[eval(jsclickno % 2) * 2 + 1] = y;
        if (1 == 2) parent.document.title+=' oNClicK at x,y=' + x + ',' + y + ' ' + topin.value;
        shapedraw();
        }
        topin.value = '';
      } else {
        if (eval(jsclickno % 2) != 0) {  // upper right
      jsrectbits[eval(jsclickno % 2) * 2] = x;
      jsrectbits[eval(jsclickno % 2) * 2 + 1] = y;
        if (1 == 2) parent.document.title=' oNClick at x,y=' + x + ',' + y + ' ' + topin.value;
        shapedraw();
        } else {   // lower left
      jsrectbits[eval(jsclickno % 2)] = x;
      jsrectbits[eval(jsclickno % 2) + 1] = y;
        if (1 == 2) parent.document.title=' oNclick at x,y=' + x + ',' + y + ' ' + topin.value;
        if (parent.document.getElementById(topdcmcheck('dcm'))) {
        if (parent.document.getElementById(topdcmcheck('dcm')).value.toLowerCase().indexOf('text') == 0) {
    jsclickno = jsclickno + 1;
      jsrectbits[eval(jsclickno % 2) * 2] = x;
      jsrectbits[eval(jsclickno % 2) * 2 + 1] = y;
        }
        }
        }
        topin.value = '- -';
      }
    jsclickno = jsclickno + 1;
    } else {
      if (topin.value.indexOf(',0,0,0,0') != -1) {
      //parent.document.title=topin.value;
      topin.value = '- -';
      } //else {
      //parent.document.title=topin.value;
      //}
    }
    }

    }
    }

        lastx=0;  // new to scribble
        lasty=0;
        x=0;
        y=0;
 } 
 break;
        case "mousemove":        
       if (document.URL.indexOf('cwidth=') != -1) {
         inactivitycountdown=10;
       }       
       if (topin) {
         topin.value='---';
       }
       if (isScribble == 2) {
       // if (isiPad) { alert('yeS'); }

       if (x == 0 && y == 0 && lastx == 0 && lasty == 0) {
       if (event.pageX || event.pageY) {
       x = zmb(event.pageX) - elemLeft;
       y = zmb(event.pageY) - elemTop;
       } else {
       x = zmb(event.clientX) - elemLeft;
       y = zmb(event.clientY) - elemTop;
       }
       if (csvv == "") {
         csvv+='' + x + ',' + y;
       } else {
         csvv+=',' + x + ',' + y;
       }
       lastx=x;
       lasty=y;
       } else {
       // if (isiPad) { alert('yEs'); }
       lastx=x;
       lasty=y;
       if (event.pageX || event.pageY) {
       x = zmb(event.pageX) - elemLeft;
       y = zmb(event.pageY) - elemTop;
       } else {
       x = zmb(event.clientX) - elemLeft;
       y = zmb(event.clientY) - elemTop;
       }
       if (csvv == "") {
         csvv+='' + x + ',' + y;
       } else {
         csvv+=',' + x + ',' + y;
       }
       }
       
       
       
    
    if (x != lastx || y != lasty) {
      threebackpmore=twobackpmore;  twobackpmore=lastpmore; lastpmore=pmore;   pmore=' pmove3 '; 
      //document.getElementById('divannotation').style.display='block';
      //document.getElementById('myisubject').style.display = 'inline';
      //document.getElementById('myiemail').style.display = 'inline';
    //context.strokeStyle=document.getElementById('mycolour').value;
    topcontext.beginPath();
    topcontext.moveTo(x,y);
    var pdgw=pdgebiv(topdcmcheck('dcm'));
    //if (allowed && parent.document.getElementById(topdcmcheck('dcm')).value != 'textseq') topcontext.lineTo(lastx,lasty);
    if (allowed && pdgw != 'textseq') {
      topcontext.lineTo(lastx,lasty);

        if (parent.document.getElementById('pcoords')) {
        if (parent.document.getElementById('pcoords').value == '') {
        parent.document.getElementById('pcoords').value+=x + "," + y;
        if (parent.document.getElementById('toppixellate')) { parent.document.getElementById('toppixellate').style.display='block';
        parent.document.getElementById('mypform').action='../PHP/pixellate.php?lookfor=postget&r=' + Math.floor(Math.random() * 12876);
        if (window.top && window.parent) { if (top.document == parent.document && tdr.indexOf('/talk_maths.htm') == -1) { parent.document.getElementById('mypsbut').click();  } } }
        } else {
        parent.document.getElementById('pcoords').value=(parent.document.getElementById('pcoords').value + ";" + x + "," + y).replace('|;','|').replace(');','),').replace(',;',';');
        if (parent.document.getElementById('toppixellate')) { parent.document.getElementById('toppixellate').style.display='block';
        parent.document.getElementById('mypform').action='../PHP/pixellate.php?lookfor=postget&r=' + Math.floor(Math.random() * 12876);
        if (window.top && window.parent) { if (top.document == parent.document && tdr.indexOf('/talk_maths.htm') == -1) { parent.document.getElementById('mypsbut').click();  } } }
        }


        parent.document.getElementById('pcoords').value=(parent.document.getElementById('pcoords').value + "," + lastx + "," + lasty).replace('|;','|').replace(');','),').replace(',;',';');
         if (parent.document.getElementById('toppixellate')) { parent.document.getElementById('toppixellate').style.display='block';
        parent.document.getElementById('mypform').action='../PHP/pixellate.php?lookfor=postget&r=' + Math.floor(Math.random() * 12876);
        if (window.top && window.parent) { if (top.document == parent.document && tdr.indexOf('/talk_maths.htm') == -1) { parent.document.getElementById('mypsbut').click();  } } }
        }
    }
       if (topin) {
         topin.value='----';
       }
      if (pdgebi('colcf')) {
        colcf=parent.document.getElementById('colcf').value;
      }
    topcontext.strokeStyle = colcf.split(' ')[eval(-1 + colcf.split(' ').length)];
    topcontext.stroke();
	}


    }
    break;        
        case "mouseup":         
       
    if (isScribble == 2) { 
    setTimeout(topinoff,300);
      threebackpmore=twobackpmore;  twobackpmore=lastpmore; lastpmore=pmore;   pmore=' pm '; 
    isScribble=1; 
    snapshotcanvas();
    } 
    break;
        default: return;
    }
    
    //}

}


function mlater() {
    if (pdgebi('myta')) {
    if (parent.document.getElementById('htmlto')) parent.document.getElementById('htmlto').value='';
    if (parent.document.getElementById('subject')) parent.document.getElementById('subject').value='';
    parent.document.getElementById('myta').value='';
    }
    esent=true;
    if (pdgebi('myta')) {
        parent.document.getElementById('jsemailb').style.display='inline';
        if (parent.document.getElementById('jsemailpdf')) parent.document.getElementById('jsemailpdf').style.display='inline';
        if (parent.document.getElementById('jsemailp')) parent.document.getElementById('jsemailp').style.display='inline';
  //alert('here here');
    }
}


function sendtheemail(extras) {
  
  if (document.getElementById('myform')) {
    if (document.getElementById('myform').innerHTML.indexOf('email' + 'to') == -1) {
      document.getElementById('myform').enctype='application/x-www-urlencoded';
      var subj="", eto="",ecc='',ebcc='';
      if (pdgebi('jsemail')) {
      if (parent.document.getElementById('jsemail').value.indexOf(':') != -1) {
       eto=parent.document.getElementById('jsemail').value.split(':')[0];
       subj=parent.document.getElementById('jsemail').value.substring(eto.length + 1);
      } else {
       eto=parent.document.getElementById('jsemail').value;
      }
      if (parent.document.getElementById('jsemail').value.indexOf(';') != -1 && parent.document.getElementById('jsemail').value.indexOf(',') != -1) {
      eto=parent.document.getElementById('jsemail').value.split(',')[0].split(':')[0];
      ebcc=parent.document.getElementById('jsemail').value.split(';')[1].split(':')[0];
      ecc=parent.document.getElementById('jsemail').value.split(',')[1].split(';')[0].split(':')[0];
      } else if (parent.document.getElementById('jsemail').value.indexOf(';') != -1) {
      eto=parent.document.getElementById('jsemail').value.split(';')[0].split(':')[0];
      ebcc=parent.document.getElementById('jsemail').value.split(';')[1].split(':')[0];
      } else if (parent.document.getElementById('jsemail').value.indexOf(',') != -1) {
      eto=parent.document.getElementById('jsemail').value.split(',')[0].split(':')[0];
      ecc=parent.document.getElementById('jsemail').value.split(',')[1].split(':')[0];
      }
      }
      
          
    var okaytotry=true;
    
    if (pdgebi('jsundo')) {
      if (parent.document.getElementById('jsundo').style.display.toLowerCase() != 'inline') okaytotry=false;
    } else {
      okaytotry=false;
    }

    if (!okaytotry) {
      var mybody="";
      if ((extras + ' ').indexOf('<') == 0) {
        if (extras.indexOf('setTimeout(') != -1) {
        mybody=extras;
        } else {
        mybody=innerTextOf(extras);
        }
      }
      if (subj == "") subj=mybody.replace(String.fromCharCode(10),' ').replace(String.fromCharCode(10),' ').replace(String.fromCharCode(10),' ').replace(String.fromCharCode(10),' ').replace(String.fromCharCode(10),' ').replace(String.fromCharCode(10),' ').replace(String.fromCharCode(10),' ').replace(String.fromCharCode(10),' ').replace(String.fromCharCode(10),' ').replace(String.fromCharCode(10),' ');
      if (subj == "") subj="User of Signature Signature";
      document.getElementById('myform').innerHTML=document.getElementById('myform').innerHTML.replace('client' + 'email','was_client' + 'email') + '<a id="clientemail" href="mailto:' + eto + '?subject=' + encodeURIComponent(subj) + '&cc=' + ecc + '&bcc=' + ebcc + '&body=' + encodeURIComponent(mybody) + '" title="Email to"></a>';
    if (pdgebi(topdcmcheck('dcm'))) {
      parent.document.getElementById(topdcmcheck('dcm')).value='';
      jsclickno=0;
      isScribble=1;
    }
    alert("Please, instead, use right-click or two finger gesture Copy commands to copy canvas contents to the left.  Please do this within 8 seconds if you intend to proceed.  The client email that then shows will be able to be pasted into what is the contents of the canvas to the left.");
    if (pdgebi('colcf')) {
      wascolcf=parent.document.getElementById('colcf').value;
      parent.document.getElementById('colcf').value='transparent';
      if (document.URL.indexOf('nocookies=') != -1) {
      setTimeout(reinstatecolcf,68000);
      } else {
            setTimeout(reinstatecolcf, 8000);
            }
    }
    jsclickno=0;
    isScribble=1;
      setTimeout(emailthen, 8500); // document.getElementById('clientemail').click();
    } else {
      
    document.getElementById('myform').action=document.getElementById('myform').action.split('.php')[0] + '.php'; //?nonblankremove=y';

    //document.getElementById('myask').name='myask';
    //document.getElementById('myform').target='myask';
    
      document.getElementById('myform').target='_self';

      document.getElementById('myform').innerHTML+='<input type="hidden" value="' + eto.replace(etreplace,'') + '" title="Email to" id="emailto" name="emailto"></input><input id="emailcc" name="cc" type="hidden" value="' + ecc + '"></input><input id="emailbcc" name="bcc" type="hidden" value="' + ebcc + '"></input>';
      if (nopagebit != pagebit) { // is PDF email
      if (subj.indexOf(' made up of ') == -1) {
        subj=(subj.replace("User of Signature Signature","") + " PDF Email made up of " + numc + " slides.").trim();
      }
      document.getElementById('myform').innerHTML+='<input type="hidden" value="' + subj + '" title="Subject" id="subject" name="subject"></input>';
      } else {
      document.getElementById('myform').innerHTML+='<input type="hidden" value="' + subj + '" title="Subject" id="subject" name="subject"></input>';
      }
      document.getElementById('myform').innerHTML+='<input type="hidden" value="' + pagebit.replace(nopagebit,'') + '" title="PDF Page Dimensions" id="pagebit" name="pagebit"></input>';
      //if (top.document.URL.indexOf('askforit=') != -1) {
      //document.getElementById('myform').innerHTML+='<input type="hidden" title="Content" id="contentto" name="contentto" value="' + topelem.toDataURL('image/jpeg', 0.3) + '"></input>';
      //} else {
      document.getElementById('myform').innerHTML+='<input type="hidden" title="Content" id="contentto" name="contentto" value="' + topelem.toDataURL('image/jpeg', reduction) + '"></input>';
      //}
      if ((extras + ' ').indexOf('<') == 0) {
        if (extras.indexOf('setTimeout(') != -1) {
        //alert(encodeURIComponent(extras).replace(/\</g,'&lt;').replace(/\>/g,'&gt;'));
        document.getElementById('myform').innerHTML+='<input type="hidden" value="' + encodeURIComponent(extras.replace(/\+/g,'#@#')).replace(/\</g,'&lt;').replace(/\>/g,'&gt;') + '" title="HTML" id="htmlto" name="htmlto"></input>';
        } else {
        document.getElementById('myform').innerHTML+='<input type="hidden" value="' + extras + '" title="HTML" id="htmlto" name="htmlto"></input>';
        }
      }
      if (etreplace != "@") {
        setTimeout(mlater, 7000);
      } else if (pdgebi('jsemailb')) {
        parent.document.getElementById('jsemailb').style.display='inline';
        if (parent.document.getElementById('jsemailpdf')) parent.document.getElementById('jsemailpdf').style.display='inline';
        if (parent.document.getElementById('jsemailp')) parent.document.getElementById('jsemailp').style.display='inline';
      }
          //if (top.document.URL.indexOf('askforit=') != -1 && document.getElementById('myform').outerHTML.indexOf('</form>') != -1) alert('0000:' + document.getElementById('myform').outerHTML);
          //if (top.document.URL.indexOf('askforit=') != -1 && document.getElementById('myform').outerHTML.indexOf('</form>') == -1) alert('9999:' + document.getElementById('myform').outerHTML);
    if (1 == 1) {
    document.getElementById('myform').submit();
    } else {
      document.getElementById('mysbut').click();
    }
    }
    }
  }
}

function emailthen() {
  document.getElementById('clientemail').click();
}

function innerTextOf(what) {
  var outwhat=what.replace(/<br>/g, String.fromCharCode(10));
  if ((what + ' ').indexOf('<') == 0) {
    var hbits=outwhat.split('<');
    outwhat="";
    for (var ih=0; ih<hbits.length; ih++) {
      outwhat+=hbits[ih].split('>')[eval(-1 + hbits[ih].split('>').length)];
    }
    outwhat+=String.fromCharCode(10);
    outwhat+=String.fromCharCode(10);
  }
  return outwhat;
}

function rezero() {
  if (!exceptwhen) {
    jsclickno=0;
  } else {
    tx=-1;
    ty=-1;
    //prevtx=-1;
    //prevty=-1;
  }
  exceptwhen=false;
}

function prereadblob() {
  readBlob(0,0);
}

function rotateStrokeText(incon, thetext, newx, newy) {
 if (trotis == 0) {
 incon.strokeText(thetext, newx, newy);
        snapshotcanvas();
 } else {
 incon.save();
 //incon.translate(eval(newx + eighteen * thetext.length), eval(newy + eighteen / 2));
 //alert(newx + ',' + newy);
 incon.translate(newx,newy);
 incon.rotate(eval((trotis * Math.PI) / 180.0));
 incon.textAlign = "left";
 incon.strokeText(thetext, 0, eval(eighteen / 2));
 incon.restore();
        if (allowed) snapshotcanvas();
 }
 tlx=-1;
 tly=-1;
 tx=-1;
 ty=-1;
 prevtx=-1;
 prevty=-1;
}

function rotateFillText(incon, thetext, newx, newy) {
 if (trotis == 0) {
 incon.fillText(thetext, newx, newy);
        snapshotcanvas();
 } else {
 incon.save();
 //incon.translate(eval(newx + eighteen * thetext.length), eval(newy + eighteen / 2));
 incon.translate(newx,newy);
 incon.rotate(eval((trotis * Math.PI) / 180.0));
 incon.textAlign = "left";
 incon.fillText(thetext, 0, eval(eighteen / 2));
 incon.restore();
        snapshotcanvas();
 }
 tlx=-1;
 tly=-1;
 tx=-1;
 ty=-1;
 prevtx=-1;
 prevty=-1;
}

function andthend() {
	dImage(contextis, document.getElementById('animage'), 0, 0, elemis.width, elemis.height, rotis, always_horizontally_flip, always_vertically_flop, false);
    snapshotcanvas();
}

function regularly() {
    var animg=null;
    var parentdocument = null;
    var checkc=getCookie('gameon');  // check if supervised by Socket.IO and Node.js "whiteboard"
    if (checkc == null) {
      checkc='';
    } else if (checkc.substring(0,1) == 'n') {
      checkc='';
    }
    if (topcontext) {
    //alert(0);
        if (checkc == '') {
        if (parent.document.getElementById('transcontent')) {
        transcontent=parent.document.getElementById('transcontent').checked;
        }
        if (parent.document.getElementById('trotation')) {
        trotis=eval(parent.document.getElementById('trotation').value);
        }
        if (parent.document.getElementById('autoflip')) {
        always_horizontally_flip=false;
        if (parent.document.getElementById('autoflip').checked) always_horizontally_flip=true;
        }
        if (parent.document.getElementById('autoflop')) {
        always_vertically_flop=false;
        if (parent.document.getElementById('autoflop').checked) always_vertically_flop=true;
        }
        if (parent.document.getElementById('autorotation')) {
        rotis=parent.document.getElementById('autorotation').value;
        //top.document.title=('here ' + rotis);
        if (parent.document.getElementById('protate')) {
        //top.document.title+=('here2 ' + rotis);
        if (eval(parent.document.getElementById('protate').value) != eval(eval(360.0 - rotis) % 360.0)) {
        parent.document.getElementById('protate').value='' + eval(eval(360.0 - rotis) % 360.0);
        thelastrot=eval(eval(360.0 - rotis) % 360.0);
        if (parent.document.getElementById('pheight').value.indexOf(' ') == -1) {
          parent.document.getElementById('mypform').action='../PHP/pixellate.php?lookfor=postget&r=' + Math.floor(Math.random() * 12876);
          if (window.top && window.parent) { if (top.document == parent.document && tdr.indexOf('/talk_maths.htm') == -1) { parent.document.getElementById('mypsbut').click();  } } 
        } else {
          parent.document.getElementById('pheight').value=parent.document.getElementById('pheight').value.trim();
        }
        } else {
        parent.document.getElementById('protate').value='' + eval(eval(360.0 - rotis) % 360.0);
        if (parent.document.getElementById('pheight').value != parent.document.getElementById('pheight').value.trim()) {
        if (window.top && window.parent) { if (top.document == parent.document && tdr.indexOf('/talk_maths.htm') == -1) { parent.document.getElementById('mypsbut').click();  }  }
        parent.document.getElementById('pheight').value=parent.document.getElementById('pheight').value.trim();
        }
        }
        } else if (document.getElementById('protate')) {
        //top.document.title+=('here3 ' + rotis);
        if (eval(document.getElementById('protate').value) != eval(eval(360.0 - rotis) % 360.0)) {
        document.getElementById('protate').value='' + eval(eval(360.0 - rotis) % 360.0);
        thelastrot=eval(eval(360.0 - rotis) % 360.0);
        if (document.getElementById('pheight').value.indexOf(' ') == -1) {
          document.getElementById('mypform').action='../PHP/pixellate.php?lookfor=postget&r=' + Math.floor(Math.random() * 12876);
          document.getElementById('mypsbut').click();
        } else {
          document.getElementById('pheight').value=document.getElementById('pheight').value.trim();
        }
        } else {
        document.getElementById('protate').value='' + eval(eval(360.0 - rotis) % 360.0);
        if (document.getElementById('pheight').value != parent.document.getElementById('pheight').value.trim()) {
        document.getElementById('mypsbut').click();
        document.getElementById('pheight').value=document.getElementById('pheight').value.trim();
        }
        }
        }
        }
        }
	    if (always_horizontally_flip || rotis != 0 || always_vertically_flop) {
	     if (always_horizontally_flip != lastalways_horizontally_flip || rotis != lastrotis || always_vertically_flop != lastalways_vertically_flop) {
          if (!transcontent) {
	      if (always_horizontally_flip != lastalways_horizontally_flip) {
	      topelem.style.transform='scale(-1, 1)';
	      topelem.style.MozTransform='scale(-1, 1)';
	      topelem.style.webkitTransform='scale(-1, 1)';
	      topelem.style.OTransform='scale(-1, 1)';
	      } else if (always_vertically_flop != lastalways_vertically_flop) {
	      topelem.style.transform='scale(1, -1)';
	      topelem.style.MozTransform='scale(1, -1)';
	      topelem.style.webkitTransform='scale(1, -1)';
	      topelem.style.OTransform='scale(1, -1)';
          } else {
          topelem.style.transform='rotate(' + rotis + 'deg)';
          topelem.style.MozTransform='rotate(' + rotis + 'deg)';
          topelem.style.webkitTransform='rotate(' + rotis + 'deg)';
          topelem.style.OTransform='rotate(' + rotis + 'deg)';
          }
          }
          lastalways_horizontally_flip=always_horizontally_flip;
          lastrotis=rotis;
          lastalways_vertically_flop=always_vertically_flop;
          if (transcontent && document.getElementById('animage')) {
           document.getElementById('animage').style.width=topelem.width + 'px';
           document.getElementById('animage').style.height=topelem.height + 'px';
           document.getElementById('animage').width=topelem.width + 'px';
           document.getElementById('animage').height=topelem.height + 'px';
           document.getElementById('animage').src = topelem.toDataURL(); //'image/jpeg', 0.7); //"image/png");
           //if (document.URL.indexOf('cwidth=') != -1) { alert(65); }
           //dImage(topcontext, document.getElementById('animage'), 0, 0, topelem.width, topelem.height, rotis, always_horizontally_flip, always_vertically_flop, false);
           contextis=topcontext;
           elemis=topelem;
           setTimeout(andthend,2000);
          } else if (transcontent) {
           if (document.getElementById('showi')) {
           document.getElementById('showi').innerHTML+="<img style='width:850px;height:200px;border-bottom:5px solid yellow; border-right:5px solid blue; border-top:1px solid white; border-left:1px solid white;' id='animage' src='' title='Image version of last canvas'></img>";
           } else {
           document.body.innerHTML+="<img style='width:850px;height:200px;border-bottom:5px solid yellow; border-right:5px solid blue; border-top:1px solid white; border-left:1px solid white;' id='animage' src='' title='Image version of last canvas'></img>";
           }
           document.getElementById('animage').style.width=topelem.width + 'px';
           document.getElementById('animage').style.height=topelem.height + 'px';
           document.getElementById('animage').width=topelem.width + 'px';
           document.getElementById('animage').height=topelem.height + 'px';
           document.getElementById('animage').src = topelem.toDataURL(); //'image/jpeg', 0.7); //"image/png");
           //if (document.URL.indexOf('cwidth=') != -1) { alert(165); }
           //dImage(topcontext, document.getElementById('animage'), 0, 0, topelem.width, topelem.height, rotis, always_horizontally_flip, always_vertically_flop, false);
           contextis=topcontext;
           elemis=topelem;
           setTimeout(andthend,2000);
          }
	     } 
	    }
	} else if (context) {
	    if (always_horizontally_flip || rotis != 0 ||  always_vertically_flop) {
	     if (always_horizontally_flip != lastalways_horizontally_flip || rotis != lastrotis || always_vertically_flop != lastalways_vertically_flop) {
          if (!transcontent) {
	      if (always_horizontally_flip != lastalways_horizontally_flip) {
	      elem.style.transform='scale(-1, 1)';
	      elem.style.MozTransform='scale(-1, 1)';
	      elem.style.webkitTransform='scale(-1, 1)';
	      elem.style.OTransform='scale(-1, 1)';
	      } else if (always_vertically_flop != lastalways_vertically_flop) {
	      elem.style.transform='scale(1, -1)';
	      elem.style.MozTransform='scale(1, -1)';
	      elem.style.webkitTransform='scale(1, -1)';
	      elem.style.OTransform='scale(1, -1)';
          } else {
          elem.style.transform='rotate(' + rotis + 'deg)';
          elem.style.MozTransform='rotate(' + rotis + 'deg)';
          elem.style.webkitTransform='rotate(' + rotis + 'deg)';
          elem.style.OTransform='rotate(' + rotis + 'deg)';
          }
          }
          lastalways_horizontally_flip=always_horizontally_flip;
          lastrotis=rotis;
          lastalways_vertically_flop=always_vertically_flop;
          if (transcontent && document.getElementById('animage')) {
           document.getElementById('animage').style.width=elem.width + 'px';
           document.getElementById('animage').style.height=elem.height + 'px';
           document.getElementById('animage').width=elem.width + 'px';
           document.getElementById('animage').height=elem.height + 'px';
           document.getElementById('animage').src = elem.toDataURL(); //'image/jpeg', 0.7); //"image/png");
           //if (document.URL.indexOf('cwidth=') != -1) { alert(265); }
	       //dImage(context, document.getElementById('animage'), 0, 0, elem.width, elem.height, rotis, always_horizontally_flip, always_vertically_flop, false);
           contextis=topcontext;
           elemis=topelem;
           setTimeout(andthend,2000);
          }
	     } 
	    }
	}
	var pdgdcm=null;
	if (checkc == '') {
	  pdgdcm=parent.document.getElementById(topdcmcheck('dcm'));
	}
    if (pdgdcm) { //parent.document.getElementById(topdcmcheck('dcm'))) {
    if (parent.document.getElementById(topdcmcheck('dcm')).value == 'iM') lastimis=parent.document.getElementById(topdcmcheck('dcm')).value;
    if (parent.document.getElementById(topdcmcheck('dcm')).value.replace('iM','iB').toLowerCase() =='im') imageask(parent.document.getElementById(topdcmcheck('dcm')).value);
    if (parent.document.getElementById(topdcmcheck('dcm')).value.replace('pF','pD').toLowerCase() =='pd') pdfask(parent.document.getElementById(topdcmcheck('dcm')).value);
    if (parent.document.getElementById(topdcmcheck('dcm')).value.replace('iM','iB').toLowerCase() =='ib') {
    if (pddcm != '') {
    var xfiles = parent.document.getElementById("file").files;
    if (!xfiles.length) {
      pddcm='ib';
      parent.document.getElementById('divbrowse').style.display='block';
    } else {
      pddcm='';
      jsanimg = null;
    //alert(76);
      bigf[bigf.length] = parent.document.getElementById('file').value; 
    //alert('bigf.length=' + bigf.length);
      readBlob(0,0);
    //alert(2276);
    if (parent.document.getElementById(topdcmcheck('dcm')).value != parent.document.getElementById(topdcmcheck('dcm')).value.toLowerCase() && parent.document.getElementById(topdcmcheck('dcm')).value.trim() != "") {
      setTimeout(shapedraw,2000);
    }
    }
    } else if (checkc == '') {
    pddcm='ib';
    topprocessb=parent.document.getElementById('processb');
    //if (topprocessb) alert(10);
    //topprocessb.addEventListener('onclick', prereadblob);
    //if (topprocessb) alert(11);
    //topprocessb.addEventListener('onmouseover', function(event) {
    //    bigf[bigf.length] = parent.document.getElementById('file').value; 
    //    parent.document.getElementById('myf').value = parent.document.getElementById('file').value;
    // });
    //alert(111);
    var taval="";
    if (parent.document.getElementById(topdcmcheck('dcm')).value.replace('iM','iB') == 'iB') {
    if (parent.document.getElementById('divbrowse').innerHTML.indexOf(' capture') == -1) {
    taval=parent.document.getElementById('myta').value;
    parent.document.getElementById('divbrowse').innerHTML=cbrowse; //"<br><div id='dmycbox'><input id=mycbox onclick=\"if (this.value.indexOf('Show ') == 0) { document.getElementById('topiframe').style.display='block'; this.value=this.value.replace('Show ','Hide '); } else { document.getElementById('topiframe').style.display='none'; this.value=this.value.replace('Hide ','Show ');  }\" type=button value='Hide Signature Panel'></input>&nbsp;Flip: <input onchange='always_horizontally_flip=this.checked;' type='checkbox' id='autoflip'></input>&nbsp;Flop: <input onchange='always_vertically_flop=this.checked;' type='checkbox' id='autoflop'></input>&nbsp;Rotation (&deg;): <input style='width:80px;' type=number onblur=\"" + intocb + "\" onchange=\"" + intocb + "\" min='-360' max='360' value='0' step='1'></input><br><br>Email To (optional): <input title='Separate email to from optional email cc by (,) and from optional email bcc by (;)' id='jsemail' type='text' onblur='  jsemail=this.value;' value='" + jsemail + "'></input>&nbsp;<input id='jsemailb' style='display:none;' type='button' onclick=\"document.getElementById('jsemail').value+=' ';\" value='Email'></input><br><div id='danimation'>" + insidedanimation + "</div><br><br><select id='dcm' title='Discrete click/touch mode'><option id='odef' value=>Discrete Click/Touch Mode [Rectangle (outline)]</option><option value='lo'>Line</option><option value='im'>Image URL (sized via two clicks)</option><option value='ib'>Image Browse (sized via two clicks)</option><option value='Im'>Background Canvas Image URL (Image dimension changes)</option><option value='Ib'>Background Canvas Image Browse (Image dimension changes)</option><option value='IM'>Background Image Canvas URL (Canvas dimension changes)</option><option value='IB'>Background Image Canvas Browse (Canvas dimension changes)</option><option value='iM'>Background Canvas Image Camera (Image dimension changes) (as applicable)</option><option value='iB'>Background Image Canvas Camera (Canvas dimension changes) (as applicable)</option><option value='ro'>Rectangle (outline)</option><option value='rf'>Rectangle (filled)</option><option value='co'>Circle (outline via centre then point on circle)</option><option value='cf'>Circle (filled via centre then point on circle)</option><option value='Text'>Text (of textarea) Top Left</option><option value=' '>Discrete Click/Touch Mode (no action)</option></select><div id='divbrowse' style='display:none;'>" + cbrowse + "</div><br><br>Canvas Font: <input id='jscf' type='text' onblur='jscf=this.value;' value='" + jscf + "'></input> <input id='colcf' type='text' style='color:blue;' onblur=\"colcf=this.value; this.style.color=this.value.split(' ')[eval(-1 + this.value.split(' ').length)];\" value='" + colcf + "'></input><br><br><textarea title='What is typed here goes over to canvas to left' style='border:8px dashed yellow;' id='myta' rows=80 cols=60 value=''></textarea>" + tenimages + "</div>";
    parent.document.getElementById('myta').value=taval;
    }
    } else if (checkc == '') {
    if (parent.document.getElementById('divbrowse').innerHTML.indexOf(' capture') != -1) {
    taval=parent.document.getElementById('myta').value;
    parent.document.getElementById('divbrowse').innerHTML=cbrowse_nocapture; //"<br><div id='dmycbox'><input id=mycbox onclick=\"if (this.value.indexOf('Show ') == 0) { document.getElementById('topiframe').style.display='block'; this.value=this.value.replace('Show ','Hide '); } else { document.getElementById('topiframe').style.display='none'; this.value=this.value.replace('Hide ','Show ');  }\" type=button value='Hide Signature Panel'></input>&nbsp;Flip: <input onchange='always_horizontally_flip=this.checked;' type='checkbox' id='autoflip'></input>&nbsp;Flop: <input onchange='always_vertically_flop=this.checked;' type='checkbox' id='autoflop'></input>&nbsp;Rotation (&deg;): <input style='width:80px;' type=number onblur=\"" + intocb + "\" onchange=\"" + intocb + "\" min='-360' max='360' value='0' step='1'></input><br><br>Email To (optional): <input title='Separate email to from optional email cc by (,) and from optional email bcc by (;)' id='jsemail' type='text' onblur='  jsemail=this.value;' value='" + jsemail + "'></input>&nbsp;<input id='jsemailb' style='display:none;' type='button' onclick=\"document.getElementById('jsemail').value+=' ';\" value='Email'></input><br><div id='danimation'>" + insidedanimation + "</div><br><br><select id='dcm' title='Discrete click/touch mode'><option id='odef' value=>Discrete Click/Touch Mode [Rectangle (outline)]</option><option value='lo'>Line</option><option value='im'>Image URL (sized via two clicks)</option><option value='ib'>Image Browse (sized via two clicks)</option><option value='Im'>Background Canvas Image URL (Image dimension changes)</option><option value='Ib'>Background Canvas Image Browse (Image dimension changes)</option><option value='IM'>Background Image Canvas URL (Canvas dimension changes)</option><option value='IB'>Background Image Canvas Browse (Canvas dimension changes)</option><option value='iM'>Background Canvas Image Camera (Image dimension changes) (as applicable)</option><option value='iB'>Background Image Canvas Camera (Canvas dimension changes) (as applicable)</option><option value='ro'>Rectangle (outline)</option><option value='rf'>Rectangle (filled)</option><option value='co'>Circle (outline via centre then point on circle)</option><option value='cf'>Circle (filled via centre then point on circle)</option><option value='Text'>Text (of textarea) Top Left</option><option value=' '>Discrete Click/Touch Mode (no action)</option></select><div id='divbrowse' style='display:none;'>" + cbrowse_nocapture + "</div><br><br>Canvas Font: <input id='jscf' type='text' onblur='jscf=this.value;' value='" + jscf + "'></input> <input id='colcf' type='text' style='color:blue;' onblur=\"colcf=this.value; this.style.color=this.value.split(' ')[eval(-1 + this.value.split(' ').length)];\" value='" + colcf + "'></input><br><br><textarea title='What is typed here goes over to canvas to left' style='border:8px dashed yellow;' id='myta' rows=80 cols=60 value=''></textarea>" + tenimages + "</div>";
    parent.document.getElementById('myta').value=taval;
    }
    }
    parent.document.getElementById('divbrowse').style.display='block';
    }
    //parent.document.getElementById("file").click();
    //alert(1111);
    //}
    }
  }
  var pdgjsemail=null, pgo=null;
  if (checkc == '') {
	  pdgjsemail=parent.document.getElementById('jsemail') && parent.document.getElementById('jsemailb');
   //alert('pdgjsemail=' + pdgjsemail);
  }
  if (pdgjsemail) { //parent.document.getElementById('jsemail') && parent.document.getElementById('jsemailb')) {
    if (parent.document.getElementById('jsemail').value.indexOf('@') > 0) {
     if ((parent.document.getElementById('jsemail').value + '~').indexOf('   ~') != -1) { // PDF email
        parent.document.getElementById('jsemail').value=parent.document.getElementById('jsemail').value.trim();
        parent.document.getElementById('jsemailb').style.display='none';
        if (parent.document.getElementById('jsemailpdf')) parent.document.getElementById('jsemailpdf').style.display='none';
        if (parent.document.getElementById('jsemailp')) parent.document.getElementById('jsemailp').style.display='none';
        var pbs=pagebit.split("repag");
        if (pbs.length > 1) {
            pagebit=" -crop 100%x" + (eval(100.0 / numc)) + "%" + pbs[0].split("%")[eval(-1 + pbs[0].split("%").length)] + "repag" + pbs[1]; //jsimgw + "x" + jsimgh + ""; // +repage ";
        }
            nopagebit=pagebit;
        nopagebit='youllneverfindthis';
        sendtheemail("");
        nopagebit=pagebit;
     } else if ((parent.document.getElementById('jsemail').value + '~').indexOf('  ~') != -1) { // postcard email
        nopagebit=pagebit;
        parent.document.getElementById('jsemail').value=parent.document.getElementById('jsemail').value.trim();
        var greeting="";
        if ((parent.document.getElementById('myta').value + ' ').indexOf('<') == 0 && parent.document.getElementById('myta').value != mytaone) {
        greeting='';
        } else {
        parent.document.getElementById('myta').value=mytaone;
        var pregreeting='', pregxis, pregyis, twofrom='nowayjose', twoto='nowayjose', b64s, b64str='';
        if (parent.document.getElementById('oli')) {
          //if (parent.document.getElementById('protate').value.replace(/0/g,'').replace(' ','').replace('.','') != '') {
          //   if (top.document == parent.document && ('' + document.referrer).indexOf('/talk_maths.htm') == -1) { parent.document.getElementById('mypsbut').click();  } }
          //}
          pgo=parent.document.getElementById('oli');
          pregreeting=parent.document.getElementById('oli').innerHTML;
          //alert(pregreeting);  //  <!--img style="-webkit-user-select: none;" src="http://www.rjmprogramming.com.au/PHP/pixellate.php?lookfor=postget&amp;r=9587"-->
          b64s=pregreeting.split(' src="');
          if (b64s.length > 1) {
            b64str=b64s[1].split('"')[0];
            twofrom='<body>';
            twoto='<body style="background:URL(' + b64str + ') no-repeat;">';
            twofrom='</body>';
            twoto=pregreeting.replace(/\&gt;/g,'>').replace(/\&lt;/g,'<') + '</body>';
          } else {
            b64s=pregreeting.split(" src='");
            if (b64s.length > 1) {
             b64str=b64s[1].split("'")[0];
             twofrom='<body>';
             twoto='<body style="background:URL(' + b64str + ') no-repeat;">';
             twofrom='</body>';
             twoto=pregreeting.replace(/\&gt;/g,'>').replace(/\&lt;/g,'<') + '</body>';
            }
          }
          //pregreeting='';
        } else if (document.getElementById('oli')) {
          //if (document.getElementById('protate').value.replace(/0/g,'').replace(' ','').replace('.','') != '') {
          //   document.getElementById('mypsbut').click();
          //}
          pgo=document.getElementById('oli');
          pregreeting=document.getElementById('oli').innerHTML;
          //alert(pregreeting); //  <!--img style="-webkit-user-select: none;" src="http://www.rjmprogramming.com.au/PHP/pixellate.php?lookfor=postget&amp;r=9587"--> 
          b64s=pregreeting.split(' src="');
          if (b64s.length > 1) {
            b64str=b64s[1].split('"')[0];
            twofrom='<body>';
            twoto='<body style="background:URL(' + b64str + ') no-repeat;">';
            twofrom='</body>';
            twoto=pregreeting.replace(/\&gt;/g,'>').replace(/\&lt;/g,'<') + '</body>';
          } else {
            b64s=pregreeting.split(" src='");
            if (b64s.length > 1) {
             b64str=b64s[1].split("'")[0];
             twofrom='<body>';
             twoto='<body style="background:URL(' + b64str + ') no-repeat;">';
             twofrom='</body>';
             twoto=pregreeting.replace(/\&gt;/g,'>').replace(/\&lt;/g,'<') + '</body>';
            }
          }
          //pregreeting='';
        }
        if (pregreeting == '') {
        greeting=prompt('Given the canvas to the left is your Postcard background image, please supply email Greeting HTML in between <h1> and </h1> supplied (and if you just supply wording we will make it an HTML p element) ... we will accept the ~ character as a line feed ... to Cancel means that you will take your time to do the HTML in textarea below and try again later', '<h1></h1>');
        } else {
        greeting=prompt('Given the animation at the left bottom is your Postcard background image, please supply email Greeting HTML in between <h1> and </h1> supplied (and if you just supply wording we will make it an HTML p element, but if you leave a space at the end before the </h1> it means you really want the top left canvas as your Postcard image) ... we will accept the ~ character as a line feed ... to Cancel means that you will take your time to do the HTML in textarea below and try again later', '<h1></h1>');
        if (greeting != null) {
          if (greeting.indexOf(' </h1>') != -1) {
            pregreeting='';
            twofrom='nowayjose';
            twoto='nowayjose';
          } else {
          pregreeting=pgo.innerHTML;
          //alert(pregreeting);  //  <!--img style="-webkit-user-select: none;" src="http://www.rjmprogramming.com.au/PHP/pixellate.php?lookfor=postget&amp;r=9587"-->
          b64s=pregreeting.split(' src="');
          if (b64s.length > 1) {
            b64str=b64s[1].split('"')[0];
            twofrom='<body>';
            twoto='<body style="background:URL(' + b64str + ') no-repeat;">';
            twofrom='</body>';
            twoto=pregreeting.replace(/\&gt;/g,'>').replace(/\&lt;/g,'<') + '</body>';
          } else {
            b64s=pregreeting.split(" src='");
            if (b64s.length > 1) {
             b64str=b64s[1].split("'")[0];
             twofrom='<body>';
             twoto='<body style="background:URL(' + b64str + ') no-repeat;">';
             twofrom='</body>';
             twoto=pregreeting.replace(/\&gt;/g,'>').replace(/\&lt;/g,'<') + '</body>';
            }
          }
            pregreeting='';
          }
        }
        }
        }
        if (greeting != null) {
          if (greeting.length > 0) {
            if (greeting.indexOf('<') == -1) {
              parent.document.getElementById('myta').value=parent.document.getElementById('myta').value.replace("<h1></h1>", "<p>" + greeting.replace(/~/g,"<br>") + "</p>").replace(twofrom,twoto);
            } else {
              parent.document.getElementById('myta').value=parent.document.getElementById('myta').value.replace("<h1></h1>", greeting.replace(/~/g,"<br>")).replace(twofrom,twoto);
            }
          }
          parent.document.getElementById('jsemailb').style.display='none';
          if (parent.document.getElementById('jsemailpdf')) parent.document.getElementById('jsemailpdf').style.display='none';
          if (parent.document.getElementById('jsemailp')) parent.document.getElementById('jsemailp').style.display='none';
          sendtheemail(parent.document.getElementById('myta').value);
        }
      } else if ((parent.document.getElementById('jsemail').value + '~').indexOf(' ~') != -1) {  // normal email
        nopagebit=pagebit;
        parent.document.getElementById('jsemail').value=parent.document.getElementById('jsemail').value.trim();
        parent.document.getElementById('jsemailb').style.display='none';
        if (parent.document.getElementById('jsemailpdf')) parent.document.getElementById('jsemailpdf').style.display='none';
        if (parent.document.getElementById('jsemailp')) parent.document.getElementById('jsemailp').style.display='none';
        sendtheemail("");
      } else {
        nopagebit=pagebit;
        parent.document.getElementById('jsemailb').style.display='inline';
        if (parent.document.getElementById('jsemailpdf')) parent.document.getElementById('jsemailpdf').style.display='inline';
        if (parent.document.getElementById('jsemailp')) parent.document.getElementById('jsemailp').style.display='inline';
        if (parent.document.getElementById('jsemail')) {
         if (esent && 1 == 5) {
          esent=false;
          parent.document.getElementById('jsemail').value=trim(parent.document.getElementById('jsemail').value);
         }
        }
      }
    } else if (esent) {
          esent=false;
        nopagebit=pagebit;
        parent.document.getElementById('jsemailb').style.display='inline';
        if (parent.document.getElementById('jsemailpdf')) parent.document.getElementById('jsemailpdf').style.display='inline';
        if (parent.document.getElementById('jsemailp')) parent.document.getElementById('jsemailp').style.display='inline';
    }
  }
  var pdgmyta=null;
  if (checkc == '') {
	  pdgmyta=parent.document.getElementById('myta');
  }
  if (pdgmyta) { //parent.document.getElementById('myta')) {
    if (parent.document.getElementById('myta').value != '' && (parent.document.getElementById('myta').value + ' ').indexOf('<') != 0) {
     if (toplastta != parent.document.getElementById('myta').value) {
      var starth=20, izero=0, fstarth=20, jzero=0;
      //topcontext.clearRect(0, 0, eval(topwidth.replace('px','')), eval(topvsheightoff));
      if (parent.document.getElementById('jscf')) {
        jscf=parent.document.getElementById('jscf').value;
        if (jscf.indexOf('px') != -1) {
          eighteen=(" " + jscf).split('px')[0].trim().split(' ')[eval(-1 + (" " + jscf).split('px')[0].trim().split(' ').length)];
        }
      }
      if (parent.document.getElementById('colcf')) {
        colcf=parent.document.getElementById('colcf').value;
      }
      topcontext.font = jscf;
      topcontext.strokeStyle = colcf.split(' ')[eval(-1 + colcf.split(' ').length)];
      topcontext.fillStyle = colcf.split(' ')[eval(-1 + colcf.split(' ').length)];
      lines=parent.document.getElementById('myta').value.split(String.fromCharCode(10));
      var istart=0, iend=0;
      if (parent.document.getElementById(topdcmcheck('dcm'))) {
         if (parent.document.getElementById(topdcmcheck('dcm')).value.toLowerCase().indexOf('text') == 0) {
           iend=1;
         }
      }
      var fifteen=eighteen, five=5, oneless=0;
      if (trotis != 0) oneless=1;
      for (var ii=istart; ii<=iend; ii++) {
      for (var ilines=0; ilines<eval(lines.length - oneless); ilines++) {
        //topcontext.clearRect(0, 0, eval(topwidth.replace('px','')), eval(topvsheightoff));
        if (prevlines.length > ilines) {
        if (prevlines[ilines] != lines[ilines]) {
        izero=jzero;
        if (jzero == 0 && prevlines[ilines] != '' && lines[ilines] != '' && lines[ilines].indexOf(prevlines[ilines]) == 0 && lastjscf != jscf) {
          izero=eval(eval('' + eighteen) / 2.5) * eval(prevlines[ilines].length);
          //alert(eval(fstarth + 0) + ' at top vs bottom at ' + eval(starth + 20) + ' and left at ' + izero + ' for width ' + eval(eval(topwidth.replace('px','')) - izero));
          if (ii == istart && ii == iend && trotis == 0) topcontext.clearRect(izero, Math.max(0,eval(fstarth - fifteen) / 1), eval(eval(topwidth.replace('px','')) - izero), eval(starth * 0 + eval('' + eighteen) + 2) / 1);
          if (ii == iend) rotateStrokeText(topcontext,lines[ilines].substring(prevlines[ilines].length),eval(eval('' + izero) + five),starth); //topcontext.strokeText(lines[ilines].substring(prevlines[ilines].length),eval(eval('' + izero) + five),starth);
        } else {
          if (ii == istart && ii == iend && trotis == 0) topcontext.clearRect(izero, Math.max(0,eval(fstarth - fifteen)), eval(eval(topwidth.replace('px','')) - izero), eval(starth * 0 + eval('' + eighteen) + 2));
          if (ii == iend) rotateStrokeText(topcontext,lines[ilines],eval(eval('' + izero) + five),starth); //topcontext.strokeText(lines[ilines],eval(eval('' + izero) + five),starth);
        }
        }
        } else {
        if (ii == istart && ii == iend && trotis == 0) topcontext.clearRect(0, Math.max(0,eval(fstarth - fifteen)), eval(topwidth.replace('px','')), eval(starth * 0 + eval('' + eighteen) + 2));
        if (ii == iend) rotateStrokeText(topcontext,lines[ilines],eval(eval('' + izero) + five),starth); // topcontext.strokeText(lines[ilines],eval(eval('' + izero) + five),starth);
        }
        //if (ii == istart && ii == iend) fifteen=1;
        starth+=eval(eval('' + eighteen) + 2);
        fstarth=starth;
        if (ii == iend) prevlines[ilines]=lines[ilines];
      }
      if (pdgebi(topdcmcheck('dcm'))) {
         if (parent.document.getElementById(topdcmcheck('dcm')).value.toLowerCase().indexOf('text') == 0) {
           if (eval(tlx) > 0 && eval(tly) > 0) {
           izero=tlx;
           } else if (eval(prevtx) > 0 && eval(prevty) > 0) {
           izero=prevtx;
           } else if (eval(tx) > 0 && eval(ty) > 0) {
           izero=tx;
           } else if (eval(ppx) > 0 && eval(x) > 0) {
           izero=x;
           } else {
           izero=ppx;
           }
           jzero=izero;
           fifteen=eval('' + eighteen);
           five=0;
           if (eval(tlx) > 0 && eval(tly) > 0) {
           fstarth=eval(tly + fifteen);
           } else if (eval(prevtx) > 0 && eval(prevty) > 0) {
           fstarth=eval(prevty + fifteen);
           } else if (eval(tx) > 0 && eval(ty) > 0) {
           fstarth=eval(ty + fifteen);
           } if (eval(ppy) > 0 && eval(y) > 0) {
           fstarth=eval(y + fifteen);
           } else {
           fstarth=eval(ppy + fifteen);
           }
           starth=fstarth;
           //alert(izero + "," + fstarth);
        if (isTouch || isiPad) { 
          setTimeout(muchlater,10000);
        }
         }
      }
      }
      if (pdgebi('myta')) {
      toplastta=parent.document.getElementById('myta').value;
      }
      lastjscf=jscf;
     }
    }
  }
  if (savenow != 0) {
    if (savenow != lastsavenow) {
     if (document.getElementById('showi')) {
       var yspiesuff='';
       if (document.URL.indexOf('cwidth=') != -1) {
         yspiesuff=spiesuff;
       }
       if (document.getElementById('animage')) {
        if (document.URL.indexOf('cwidth=') != -1 && parent.document.getElementById('parentimgelement' + yspiesuff)) { 
        document.getElementById('animage').src = elem.toDataURL('image/png'); //); //"image/png");
        } else {
        document.getElementById('animage').src = elem.toDataURL('image/jpeg', reduction); //); //"image/png");
        }
        if (document.URL.indexOf('cwidth=') != -1 && parent.document.getElementById('parentimgelement' + yspiesuff)) { 
        //top.document.title='' + parent.document.getElementById('parentsscoords').value.length;
         if (!firstlast) {
     //var wooo=window.open("", "_blank","top=50,left=50,width=" + elem.width + ',height=' + elem.height);
     //wooo.document.write(document.getElementById('animage').outerHTML);
           var imgd = context.getImageData(0, 0, elem.width, elem.height);  // thanks to https://stackoverflow.com/questions/11472273/how-to-edit-pixels-and-remove-white-background-in-a-canvas-image-in-html5-and-ja
    var pix = imgd.data;
    var i, n;
    var newColor = {r:0,g:0,b:0, a:0};

    for (var i = 0, n = pix.length; i <n; i += 4) {
    var r = pix[i],
            g = pix[i+1],
            b = pix[i+2];

        // If its white then change it
        if (r == 255 && g == 255 && b == 255) { 
            // Change the white to whatever.
            pix[i] = newColor.r;
            pix[i+1] = newColor.g;
            pix[i+2] = newColor.b;
            pix[i+3] = newColor.a;
        }
      }

      context.putImageData(imgd, 0, 0);
     //var wooo2=window.open("", "_blank","top=250,left=50,width=" + elem.width + ',height=' + elem.height);
     //wooo2.document.write('<img src="' + elem.toDataURL('image/png') + '"></img>');
           parent.document.getElementById('parentimgelement').src=elem.toDataURL('image/png'); //elem.toDataURL('image/jpeg', reduction); // document.getElementById('animage').src; 
           elem.width=elem.width;
           elem.height=elem.height;
           context.drawImage(document.getElementById('animage'),0,0);
           }
        }
       }
       document.getElementById('showi').style.display='inline';
     }
    }
  }
  setTimeout(regularly,1000);
} 

function evalit(what) {
  eval(what + ";");
}

function checkmyask(prewhat) {
    var what=('' + prewhat).replace('.444','&nametopcanvas=topcanvas&nametopcontext=topcontext&nameaimage=bimage');
    if (omyask == null) {
    omyask=document.getElementById('myask');
    if (omyask == null) {
      if (document.getElementById('showi')) {
      document.getElementById('showi').innerHTML+="<iframe id='myask' src='./signature_signature.php' style='display:none;'></iframe>";
      }
      omyask=document.getElementById('myask');
    }
    }
    if (('' + what).length > 0) omyask.src=templateurl.replace('=','=' + what);
} 

function fixwh(cw,ch) {
      if (pdgebi('topcanvas')) {
          //alert('OkAy');
            topelem=parent.document.getElementById('topcanvas');
            topcontext = topelem.getContext("2d");
              pagebit=" -geometry " + cw + "x" + ch + " ";
            pagebit=" -crop 100%x" + (eval(100.0 / numc)) + "% +repage "; //-repage " + cw + "x" + ch + ""; // +repage ";
            nopagebit=pagebit;
              topelem.width=eval(('' + cw).replace('px',''));
              topelem.height=eval(('' + ch).replace('px',''));
                            //top.document.title=cwhat.width + '!' + cwhat.height;
      } //else {
        //  alert('OOps');
      //}

}

function newfixwh(cw,ch,ni) {
            //var thiselem=null,thiscontext=null;
            if (cw == null) return;
            if (('' + cw) == '') return;
            if (('' + cw) == '0') return;
            numc++;
            //alert(topelem.width);
            twas=eval(('' + topelem.height).replace('px',''));
            var imgData=topcontext.getImageData(0,0,topelem.width,topelem.height);
            topelem.height=eval(eval(('' + topelem.height).replace('px','')) + eval(('' + ch).replace('px','')));
            topcontext.putImageData(imgData,0,0,0,0,topelem.width,twas);
            if (1 == 2) {
            pagebit=" -geometry " + jsimgw + "x" + jsimgh + " ";
            pagebit=" -crop 100%x" + (eval(100.0 / numc)) + "% +repage "; //-repage " + jsimgw + "x" + jsimgh + ""; // +repage ";
            nopagebit=pagebit;
            topcontext.drawImage(document.getElementById('bimage'), 0, twas, jsimgw, jsimgh);
            } else {
            //topcontext.drawImage(ni, 0, was, cw, ch);
            jsanimg = new Image();
            jsanimg.onload = function() {
    jsimgw = jsanimg.width;
    jsimgh = jsanimg.height;
     
      var dcmoo=null;
 if (document.getElementById('dcm')) {
   dcmoo=document.getElementById('dcm');
 } else if (parent.document.getElementById('dcm')) {
   dcmoo=parent.document.getElementById('dcm');
 } else if (top.document.getElementById('dcm')) {
   dcmoo=top.document.getElementById('dcm');
 } 
     
       if (dcmoo) {
       //alert('3986 ' + ('' + dcmoo.getAttribute('data-lastacc')).replace(/^null$/g, '').replace(/^undefined$/g, ''));
         if (('' + dcmoo.getAttribute('data-lastacc')).replace(/^null$/g, '').replace(/^undefined$/g, '') != '') {
     //lastacci=jsanimg;
     lastaccw = jsimgw;
     lastacch = jsimgh;
     //alert(3675);
     lastacclook();
         }
       }
      
              pagebit=" -geometry " + jsimgw + "x" + jsimgh + " ";
            pagebit=" -crop 100%x" + (eval(100.0 / numc)) + "% +repage "; //-repage " + jsimgw + "x" + jsimgh + ""; // +repage ";
            nopagebit=pagebit;
              setTimeout(ath,200);
            };
            jsanimg.src='./animage.jpeg';
              //topelem.width=eval(('' + cw).replace('px',''));
              //topelem.height=eval(('' + ch).replace('px',''));
                            //top.document.title=cwhat.width + '!' + cwhat.height;
            }
}

function ath() {
            //tcontext.drawImage(jsanimg,0,0);
            //alert(twas + "," + jsimgw + "," + jsimgh);
            topcontext.drawImage(document.getElementById('bimage'), 0, twas, jsimgw, jsimgh);
            //alert(twas + ":" + jsimgw + "," + jsimgh);
      snapshotcanvas(); 
}

function lookfordcm() {
            if (parent.document.getElementById(topdcmcheck('dcm'))) {
              //alert('7834');
              top.ldcm=parent.document.getElementById(topdcmcheck('dcm'));
              //alert('78344');
              //alert('Found dcm');
              //if (topielem) { alert('this is ifsrc Iframe'); }
            } else {
              setTimeout(lookfordcm, 1000);
            }
}

function canvas_events() {
    var setrdone=false;
    var checkc=null;
    if (document.URL.indexOf('cwidth=') == -1) { checkc=getCookie('gameon'); } // check if supervised by Socket.IO and Node.js "whiteboard"
    if (checkc == null) {
      checkc='';
    } else if (checkc.substring(0,1) == 'n') {
      checkc='';
    }
    var parentdocument = null;
    var aniurl = '';
    pdfname='';
    pdfnickname='';
    imurl='';
    //alert('pregood');
    if (checkc == "") { // not supervised by Socket.IO and Node.js "whiteboard"
    //alert('good');
    parentdocument = parent.document;
    aniurl = top.location.search.split('urlimage=')[1] ? decodeURIComponent(top.location.search.split('urlimage=')[1].split('&')[0]) : '';
    pdfname = top.location.search.split('pdfname=')[1] ? decodeURIComponent(top.location.search.split('pdfname=')[1].split('&')[0]) : '';
    pdfnickname = top.location.search.split('pdfnickname=')[1] ? decodeURIComponent(top.location.search.split('pdfnickname=')[1].split('&')[0]) : '';
    imurl = top.location.search.split('url=')[1] ? decodeURIComponent(top.location.search.split('url=')[1].split('&')[0]) : '';
    }
    //alert(1);
    omyask=document.getElementById('myask');
    if (omyask == null) {
      if (document.getElementById('showi')) {
      document.getElementById('showi').innerHTML+="<iframe id='myask' src='./signature_signature.php' style='display:none;'></iframe>";
      }
      omyask=document.getElementById('myask');
    } 
    if (parentdocument) {
      if (document) {
        if (parent.document != document) {   // we are being supervised above another application wanting to access a signature
          //alert(1111 + ' ... ' + pdfname + ' ;;; ' + aniurl);
          var his=parent.document.getElementsByTagName('h1');
          if (his.length > 0) {
           if (his[0].innerHTML.indexOf('User of Signature Signature') != -1) {
            if (decodeURIComponent(('' + parent.document.URL).split('#')[0]).toLowerCase().indexOf('.pdf') != -1) {
             his[0].innerHTML=his[0].innerHTML.replace('User of Signature Signature','PDF &#128196; Slide Reader<br><h4><a target=_blank title="' + pdfname + '" href="' + pdfname + '">' + pdfname + '</a></h4>');
            } else {
             his[0].innerHTML=his[0].innerHTML.replace('Signature Signature','Signature &#128179; Signature');
            }
            his[0].style.fontSize='28px';
           } else {
            //alert(56);
            h1status='';
           }
          } else {
            //alert('HuH');
            h1status='';
          }
          if (window.top && window.parent) { 
          if (top.document) {
            if (top.document != parent.document) { // non user_of_signature_signature.htm (eg. under_local_font.html)
            //alert(156);
            h1status='';
            }
          }
          }
          var xf=document.getElementById('myform').innerHTML;
          //alert(xf);
          document.getElementById('myform').innerHTML='<input type="hidden" name="nonblankremove" id="nonblankremove" value=""></input>' + xf;
          if (pdgebi('topcanvas') && pdgebi('topiframe')) {   // check
          //alert(51111);
          if (parent.document.getElementById('topcanvas') && parent.document.getElementById('topiframe')) {
            //alert('yes');
            //if (h1status == '') { alert('maybe'); }
            //if (h1status == '' && document.getElementById('topcanvas')) { alert('maybehuh'); }
            //if (h1status == '' && document.getElementById('canvaselement')) { alert('maybehuhce'); }
            //if (h1status == '' && parent.document.getElementById('canvaselement')) { alert('maybehuhcex'); }
            if (h1status == '' && 1 == 3) { // !parent.document.getElementById('topcanvas')) {
            //alert('yes1');
            topelem=document.getElementById('canvaselement');
            //alert('yes2');
            topielem=top.document.getElementById('ifsrc');
            //alert('yes3');
            } else {
            topelem=parent.document.getElementById('topcanvas');
            topielem=parent.document.getElementById('topiframe');
            if (h1status == '') {  topelem.style.zIndex='576';  }
            }
            topielem.style.opacity=0.5;
          if (pdfname == '' && (imurl.toLowerCase() + '~').indexOf('.pdf~') != -1) {
            //alert('[0,-1]~' + imurl);
            pdfask('PD', '[0,-1]~' + imurl);
          }
          var pdfs=parent.document.URL.split('pno=');    // PDF Book logic
          if (pdfs.length > 1) {
            pdfthispage=eval(pdfs[1].split('#')[0].split('&')[0]);
            pdfprevpage=Math.max(eval(-1 + pdfthispage), 1);
            pdfnextpage=1;
            pdflastpage=pdfthispage;
          }
          pdfs=parent.document.URL.split('&lno=');
          if (pdfs.length > 1) {
            pdfurlsuffix="&lastpage=" + pdfs[1].split('#')[0].split('&')[0];
          //if (top.document.URL.indexOf('askforit=') != -1) alert('2:' + './signature_signature.php?page=&rndno=' + Math.floor(Math.random() * 2345678) + '&pdf=' + encodeURIComponent(pdfname) + pdfurlsuffix);
            templateurl='./signature_signature.php?page=&rndno=' + Math.floor(Math.random() * 2345678) + '&pdf=' + encodeURIComponent(pdfname) + pdfurlsuffix;
            pdflastpage=eval(pdfs[1].split('#')[0].split('&')[0]);
            pdfnextpage=Math.min(eval(1 + pdfthispage), pdflastpage);
            if (pdflastpage != pdfthispage || pdfthispage != pdfprevpage || pdfthispage != pdfnextpage) {
             pdfbookdata+='<input style="display:inline;border:4px outset green;background-color:lightgray;-webkit-appearance: none;-moz-appearance:none;appearance:none;height:35px;" type="button" onclick="  document.getElementById(' + "'"  + topielem.id + "'" + ').contentWindow.checkmyask(1); " value="<<"></input>&nbsp;';
             pdfbookdata+='<input style="display:inline;border:4px outset green;background-color:lightgray;-webkit-appearance: none;-moz-appearance:none;appearance:none;height:35px;" type="button" onclick="  document.getElementById(' + "'"  + topielem.id + "'" + ').contentWindow.checkmyask(' + pdfprevpage + '); " value="<"></input>&nbsp;';
             pdfbookdata+='<input style="display:inline;border:4px outset green;background-color:lightgray;-webkit-appearance: none;-moz-appearance:none;appearance:none;height:35px;" type="button" onclick="  document.getElementById(' + "'"  + topielem.id + "'" + ').contentWindow.checkmyask(' + pdfnextpage + '); " value=">"></input>&nbsp;';
             pdfbookdata+='<input style="display:inline;border:4px outset green;background-color:lightgray;-webkit-appearance: none;-moz-appearance:none;appearance:none;height:35px;" type="button" onclick="  document.getElementById(' + "'"  + topielem.id + "'" + ').contentWindow.checkmyask(' + pdflastpage + '' + '); " value=">>"></input>&nbsp;'; //.444
             pdfbookdata+='<select style="display:inline;border:4px outset green;background-color:lightgray;-webkit-appearance: none;-moz-appearance:none;appearance:none;height:35px;" id="pdfpos" onchange="  document.getElementById(' + "'"  + topielem.id + "'" + ').contentWindow.checkmyask(this.value); "><option value=' + pdfthispage + '>Navigate PDF of ' + pdfnickname + ' [' + pdfthispage + '] to page ...</option></select><SELECT style="display:inline;border:4px outset green;background-color:lightgray;-webkit-appearance: none;-moz-appearance:none;appearance:none;height:35px;" id="pdfpos" onchange="  document.getElementById(' + "'"  + topielem.id + "'" + ').contentWindow.checkmyask(eval(this.value) + 0.444); "><option value=' + pdfthispage + '>+' + pdfthispage + '</option></SELECT><br>';
             for (var ibookpage=1; ibookpage<=pdflastpage; ibookpage++) {
               pdfbookdata=pdfbookdata.replace('</select>','<option value=' + ibookpage + '>' + ibookpage + '</option></select>');
               pdfbookdata=pdfbookdata.replace('</SELECT>','<option value=' + ibookpage + '>+' + ibookpage + '</option></SELECT>');
             } 
             //alert(templateurl);
             //alert(pdfbookdata);
            }
          }
            if (document.getElementById('showit') && document.getElementById('rest') && document.getElementById('myform')) {
              setTimeout(andrest, 2000);
              if (imurl != '') document.getElementById('myform').innerHTML+='<input type="hidden" value="' + imurl + '" name="url" id="url"></input>';
              showits=document.getElementById('showit');
              showits.innerHTML=showits.innerHTML.replace(' (as above)',' &#128179; onto canvas below');
              showits.style.border='4px outset green';
              showits.style.position='absolute';
              showits.style.display='block';
              showits.style.zIndex=19;
              showits.style.top='20px';
              showits.style.left='20px';
              sil=10;
              setTimeout(showitsmore, 4000);
            }
            if (1 == 1) {
            if (parent.document.getElementById('inthemiddleofsomething') == null) {
              var honehuhs=parent.document.getElementsByTagName('h1');
              if (honehuhs.length > 0) {
                honehuhs[0].innerHTML+="<input id='inthemiddleofsomething' value='' type='hidden'></input>";
              }
            
            } //else {
              //alert(90);
            //}
            }

            } // check

            if (pdgebi('inthemiddleofsomething')) {
            topin=parent.document.getElementById('inthemiddleofsomething');
            } //else {
            //alert(98);
            //}
            topcontext = topelem.getContext("2d");
            topcontext.fillStyle = 'white';
            topcontext.fillRect(0, 0, topelem.width, topelem.height);
            topwidth=('' + topelem.width).replace('px','');
            topheight=('' + topelem.height).replace('px','');
              pagebit=" -geometry " + topwidth + "x" + topheight + " ";
            pagebit=" -crop 100%x" + (eval(100.0 / numc)) + "% +repage "; //-repage " + topwidth + "x" + topheight + ""; // +repage ";
            nopagebit=pagebit;
            
            var but=true;
            if (document.getElementById('animage')) {
              if (document.getElementById('animage').src != '') {
                but=false;
              if (decodeURIComponent(('' + parent.document.URL).split('#')[0]).toLowerCase().indexOf('.pdf') != -1) {
              topelem.width=eval(('' + document.getElementById('animage').width).replace('px',''));
              topelem.height=eval(('' + document.getElementById('animage').height).replace('px',''));
                            //top.document.title=topelem.width + ':' + topelem.height;

              //topelem.style.width=document.getElementById('animage').style.width;
              //topelem.style.height=document.getElementById('animage').style.height;
              //topielem.style.width=topelem.style.width;
              //topielem.style.height=topelem.style.height;
            //topwidth=('' + topelem.width).replace('px','');
            //topheight=('' + topelem.height).replace('px','');
              }
              if (document.getElementById('myfirsttr') && aniurl != '' && decodeURIComponent(parent.document.URL).toLowerCase().indexOf('.pdf') != -1) {
                 aniurl=document.getElementById('animage').src;
      			 document.getElementById('rest').innerHTML='<img style=display:none; src="' + aniurl + '" id="aimage" onerror=" alert(' + "'" + 'Sorry, but could not process your PDF ' + pdfname + ' using ImageMagick via PHP exec' + "'" + '); " onload=" fixwh(this.width,this.height); topcontext.drawImage(this,0,0); "></img><img style=display:none; src="" id="bimage" onload=" newfixwh(this.width,this.height,this);  "></img>';                
                 var bgts=document.head.innerHTML.split('?numc=');
                 if (bgts.length > 1) {
                   numc=eval(bgts[1].split('&')[0].split("'")[0].split('"')[0]);
                 }
              } else {
            //alert(111);
                 topcontext.drawImage(document.getElementById('animage'),0,0);
            //alert(1111);
              }
              if (document.getElementById('animage')) document.getElementById('animage').src='';
              }
              
            }
            
            if (aniurl != '') {
                setTimeout(regularly, 1000)
                setrdone=true;
      			//document.getElementById('animage').src=aniurl.split('#')[0].split('?')[0]; // + '?rnd=' + Math.floor(Math.random() * 323897);
            //alert(11111);
      			if (document.getElementById('rest').innerHTML.indexOf('aimage') == -1) document.getElementById('rest').innerHTML='<img style=display:none; src="' + aniurl.split('#')[0].split('?')[0] + '" id="aimage" onerror=" alert(' + "'" + 'Sorry, but could not process your PDF ' + pdfname + ' using ImageMagick via PHP exec' + "'" + '); " onload=" fixwh(this.width,this.height); topcontext.drawImage(this,0,0); "></img><img style=display:none; src="" id="bimage" onload=" newfixwh(this.width,this.height,this);  "></img>';                
            //alert(111111);
    		}

            if (aniurl != '') {
              //alert(document.getElementById('animage').src);
              if (decodeURIComponent(('' + parent.document.URL).split('#')[0]).toLowerCase().indexOf('.pdf') != -1) {
              topelem.width=eval(('' + document.getElementById('aimage').width).replace('px',''));
              topelem.height=eval(('' + document.getElementById('aimage').height).replace('px',''));
                            //top.document.title=topelem.width + ';' + topelem.height;

              //topelem.style.width=document.getElementById('aimage').style.width;
              //topelem.style.height=document.getElementById('aimage').style.height;
              //topielem.style.width=topelem.style.width;
              //topielem.style.height=topelem.style.height;
            //topwidth=('' + topelem.width).replace('px','');
            //topheight=('' + topelem.height).replace('px','');
              }
            //alert('2 ... ' + ('' + document.getElementById('aimage').width).replace('px',''));
              topcontext.drawImage(document.getElementById('aimage'),0,0);
            //alert(22);
              //alert(document.getElementById('animage').src);
              snapshotcanvas();
            } else if (document.getElementById('animage')) {
              if (document.getElementById('animage').src != '') {
              if (decodeURIComponent(('' + parent.document.URL).split('#')[0]).toLowerCase().indexOf('.pdf') != -1) {
              topelem.width=eval(('' + document.getElementById('animage').width).replace('px',''));
              topelem.height=eval(('' + document.getElementById('animage').height).replace('px',''));
                            //top.document.title=topelem.width + ':' + topelem.height;

              //topelem.style.width=document.getElementById('animage').style.width;
              //topelem.style.height=document.getElementById('animage').style.height;
              //topielem.style.width=topelem.style.width;
              //topielem.style.height=topelem.style.height;
            //topwidth=('' + topelem.width).replace('px','');
            //topheight=('' + topelem.height).replace('px','');
              }
            //alert(3);
              topcontext.drawImage(document.getElementById('animage'),0,0);
            //alert(33);
              document.getElementById('animage').src='';
              }
            }
      		aniurl='';
            
            //alert('yes again');
            if (1 == 5) {
            if (topelem.title.indexOf('Ready for you to create your content above any signature panel ...') == 0) {
            topelem.title='Ready for you to create your left &#128072; canvas &#127912; content above any signature &#128179; panel ...'; //topelem.title.replace(" create your content "," create your left &#128072; canvas &#127912; content ");
            } else {
            topelem.title=topelem.title.replace(" create your content "," create your left &#128072; canvas &#127912; content ");
            topelem.title=topelem.title.replace(" signature panel "," signature &#128179; panel ");
            }
            
            if (elem.title.indexOf('Ready for you to sign away ...') == 0) {
            elem.title='Ready for you to sign &#128179; away ...'; 
            }
            }
            
            snapshotcanvas();


    if (topelem && topin && 1 == 1) {   // onclick discrete clicks section
    // Add event listener for `click` events.
    topelem.addEventListener('click', function(event) {
       if (x == 0 && y == 0 && lastx == 0 && lasty == 0) {
       if (event.pageX || event.pageY) {
       x = zmb(event.pageX) - elemLeft;
       y = zmb(event.pageY) - elemTop;
       } else {
       x = zmb(event.clientX) - elemLeft;
       y = zmb(event.clientY) - elemTop;
       }
       lastx=x;
       lasty=y;
       } else {
       lastx=x;
       lasty=y;
       if (event.pageX || event.pageY) {
       x = zmb(event.pageX) - elemLeft;
       y = zmb(event.pageY) - elemTop;
       } else {
       x = zmb(event.clientX) - elemLeft;
       y = zmb(event.clientY) - elemTop;
       }
       }
       //parent.document.title+=' here';
    
    if (topin) {
    if (topin.value == '' || (topin.value + ',').indexOf('- -1,0,0,0,0,') == 0 || (topin.value.indexOf('- -') == 0 && topin.value.indexOf(',0,0,0,0') == -1)) {
      if (topin.value == '') {
        if (eval(jsclickno % 2) == 0) {  // lower left
      jsrectbits[eval(jsclickno % 2)] = x;
      jsrectbits[eval(jsclickno % 2) + 1] = y;
        if (1 == 2) parent.document.title+=' oNclicK at x,y=' + x + ',' + y + ' ' + topin.value;
        if (pdgebi(topdcmcheck('dcm'))) {
        if (parent.document.getElementById(topdcmcheck('dcm')).value.toLowerCase().indexOf('text') == 0) {
    jsclickno = jsclickno + 1;
      jsrectbits[eval(jsclickno % 2) * 2] = x;
      jsrectbits[eval(jsclickno % 2) * 2 + 1] = y;
        }
        }
        } else {  // upper right
      jsrectbits[eval(jsclickno % 2) * 2] = x;
      jsrectbits[eval(jsclickno % 2) * 2 + 1] = y;
        if (1 == 2) parent.document.title+=' oNClicK at x,y=' + x + ',' + y + ' ' + topin.value;
        shapedraw();
        }
        topin.value = '';
      } else {
        if (eval(jsclickno % 2) != 0) {  // upper right
      jsrectbits[eval(jsclickno % 2) * 2] = x;
      jsrectbits[eval(jsclickno % 2) * 2 + 1] = y;
        if (1 == 2) parent.document.title=' oNClick at x,y=' + x + ',' + y + ' ' + topin.value;
        shapedraw();
        } else {   // lower left
      jsrectbits[eval(jsclickno % 2)] = x;
      jsrectbits[eval(jsclickno % 2) + 1] = y;
        if (1 == 2) parent.document.title=' oNclick at x,y=' + x + ',' + y + ' ' + topin.value;
        if (pdgebi(topdcmcheck('dcm'))) {
        if (parent.document.getElementById(topdcmcheck('dcm')).value.toLowerCase().indexOf('text') == 0) {
    jsclickno = jsclickno + 1;
      jsrectbits[eval(jsclickno % 2) * 2] = x;
      jsrectbits[eval(jsclickno % 2) * 2 + 1] = y;
        }
        }
        }
        topin.value = '- -';
      }
    jsclickno = jsclickno + 1;
    } else {
      if (topin.value.indexOf(',0,0,0,0') != -1) {
      //parent.document.title=topin.value;
      topin.value = '- -';
      } //else {
      //parent.document.title=topin.value;
      //}
    }
    }

    });
    }





           // }
          }
        }
      }
    }
    
    ssj_cookieVal(firstcall);
    firstcall=false;
    var isc=false;
    if (sscoords == '' && document.getElementById('longsignature')) {
    //alert(1);
      isc=true;
      sscoords=document.getElementById('longsignature').innerHTML.replace('"','').replace('"','');
      if (sscoords != '') ssx=sscoords;
    //alert('1 ' + ssx);
      var soa=sscoords.split('|');
      if (soa.length > 1) {
        //alert(85);
        for (var isoa=1; isoa<soa.length; isoa++) {
         if (presobutton.indexOf(soa[isoa].split('`')[0]) == -1 && imurl.indexOf(soa[isoa].split('`')[0]) == -1) {
         if (parent.document) {
          if (soa[isoa].split('`')[0].indexOf('/nonexistantplace/') == -1) {
            presobutton+="&nbsp;<a target=_self href='" + parent.document.URL.split('#')[0].split('?')[0] + '?url=' + soa[isoa].split('`')[0] + "' title='Call on Standing Order functionality for " + soa[isoa].split('`')[0] + "'>Standing Order for " + soa[isoa].split('`')[0] + "</a>&nbsp;";
          } else {
            listofbrowseimages+=soa[isoa].split('`')[0] + '|';
          }
         } else {
          if (soa[isoa].split('`')[0].indexOf('/nonexistantplace/') == -1) {
            presobutton+="&nbsp;<a target=_self href='" + document.URL.split('#')[0].split('?')[0] + '?url=' + soa[isoa].split('`')[0] + "' title='Call on Standing Order functionality for " + soa[isoa].split('`')[0] + "'>Standing Order for " + soa[isoa].split('`')[0] + "</a>&nbsp;";
          } else {
            listofbrowseimages+=soa[isoa].split('`')[0] + '|';
          }
         }
         }
        }
        //alert(presobutton);
      }

if (sscoords.indexOf(',') != -1 && isc) {
  if (sscoords.length > ninehundred) {
    methis='POST';
    nwpixellate(sscoords,'POST');
  //alert(21);
  } else {
    methis='POST';
    nwpixellate(sscoords,'POST');
  //alert(31);
  }
}
      document.getElementById('longsignature').innerHTML='';
    } else if (document.getElementById('longsignature')) {
    //alert(11);
      if (document.getElementById('longsignature').innerHTML != '') ssx=document.getElementById('longsignature').innerHTML.replace('"','').replace('"','');
    } //else {
    //alert(111);
    //}
    
    if (!setrdone) regularly();
    elem = document.getElementById('canvaselement');
    context = elem.getContext("2d");
    if (document.URL.indexOf('nocookies=') == -1) {
    if (document.URL.indexOf('cwidth=') == -1 || 2 == 2) {
    context.fillStyle = 'white';
    } else if (1 == 3) {
    context.fillStyle = 'transparent';
    }
    context.fillRect(0, 0, elem.width, elem.height);
    }
    
    if (topfirst) {
    topfirst=false;
    if (topelem) {
            topvswidth=('' + elem.width).replace('px','');
            topvsheight=('' + elem.height).replace('px','');
            if (eval(topheight) >= eval(topvsheight) && eval(topwidth) >= eval(topvswidth)) {
             topvswidthoff=0;
             topvsheightoff=eval(eval(topheight) - eval(topvsheight));
             if (document.getElementById('rest')) {
               document.getElementById('rest').style.display='none';
             }
            //alert('yes yes');
            } else {
            //alert(topvswidth + ' no ' + topwidth + ' ' + topvsheight + ' no ' + topheight);
            if (window.top && window.parent) { 
            //alert(563);
            if (top.document == parent.document) {  //new
             topelem=null;
             topielem=null;
             topcontext=null;
             topwidth=0;
             topheight=0;
             topvswidth=0;
             topvsheight=0;
             topvswidthoff=0;
             topvsheightoff=0;
            } else if (parent.document.getElementById(topdcmcheck('dcm'))) {
              //alert('17834');
              if (h1status == '') { top.bcanvas=topelem.toDataURL('image/png'); }
              top.ldcm=parent.document.getElementById(topdcmcheck('dcm'));
              //alert('178345');
              //alert('found dcm');
              //if (topielem) { alert('this is ifsrc iframe'); }
            } else {
              if (h1status == '') { top.bcanvas=topelem.toDataURL('image/png'); }
              lookfordcm();
            }
            } else {
             topelem=null;
             topielem=null;
             topcontext=null;
             topwidth=0;
             topheight=0;
             topvswidth=0;
             topvsheight=0;
             topvswidthoff=0;
             topvsheightoff=0;
            }
            }
    }
    }
    
    if (sscoords != '') {
       if (sscoords.indexOf('|') != -1) {
         otherthings=sscoords.replace(sscoords.split('|')[0] + '|',''); //sscoords.split('|')[1];
    if (imurl != "") {
      if (otherthings != '') {
        var huhhuhq=otherthings.split(imurl + '`');
        if (huhhuhq.length > 1) {
          sobutton=presobutton + '<input type="button" title="' + huhhuhq[1].split('|')[0] + '" value="Standing Order for ' + nonon(imurl) + '" onclick=" document.getElementById(' + "'"  + topielem.id + "'" + ').contentWindow.dostandingorder(this.title);  "></input>';
        }
      }
    }
       }
       var asscoords=sscoords.split('|')[0].split(',');
       wassscoords=sscoords;
       sscoords = '';
       sscoordsdelim='';
       context.beginPath();



       context.moveTo(Math.abs(eval(asscoords[0])),Math.abs(eval(asscoords[1])));
       if (topelem) {
        topcontext.beginPath();
        topcontext.moveTo(Math.abs(eval(asscoords[0]) + eval(topvswidthoff)),Math.abs(eval(asscoords[1]) + eval(topvsheightoff)));
        if (parent.document.getElementById('pcoords').value == '') {
        parent.document.getElementById('pcoords').value+=Math.abs(eval(asscoords[0]) + eval(topvswidthoff)) + "," + Math.abs(eval(asscoords[1]) + eval(topvsheightoff));
        if (parent.document.getElementById('toppixellate')) { parent.document.getElementById('toppixellate').style.display='block';
        parent.document.getElementById('mypform').action='../PHP/pixellate.php?lookfor=postget&r=' + Math.floor(Math.random() * 12876);
        if (window.top && window.parent) { if (top.document == parent.document && tdr.indexOf('/talk_maths.htm') == -1) { parent.document.getElementById('mypsbut').click();  } } }
        } else {
        parent.document.getElementById('pcoords').value=(parent.document.getElementById('pcoords').value + ";" + Math.abs(eval(asscoords[0]) + eval(topvswidthoff)) + "," + Math.abs(eval(asscoords[1]) + eval(topvsheightoff))).replace('|;','|').replace(');','),').replace(',;',';');
        if (parent.document.getElementById('toppixellate')) { parent.document.getElementById('toppixellate').style.display='block';
        parent.document.getElementById('mypform').action='../PHP/pixellate.php?lookfor=postget&r=' + Math.floor(Math.random() * 12876);
        if (window.top && window.parent) { if (top.document == parent.document && tdr.indexOf('/talk_maths.htm') == -1) { parent.document.getElementById('mypsbut').click();  } } }
        }
       } else if (topelem) {
        if (parent.document.getElementById('pcoords').value == '') {
        parent.document.getElementById('pcoords').value+=Math.abs(eval(asscoords[0])) + "," + Math.abs(eval(asscoords[1]));
        if (parent.document.getElementById('toppixellate')) { parent.document.getElementById('toppixellate').style.display='block';
        parent.document.getElementById('mypform').action='../PHP/pixellate.php?lookfor=postget&r=' + Math.floor(Math.random() * 12876);
        if (window.top && window.parent) { if (top.document == parent.document && tdr.indexOf('/talk_maths.htm') == -1) { parent.document.getElementById('mypsbut').click();  } } }
        } else {
        parent.document.getElementById('pcoords').value=(parent.document.getElementById('pcoords').value + ";" + Math.abs(eval(asscoords[0])) + "," + Math.abs(eval(asscoords[1]))).replace('|;','|').replace(');','),').replace(',;',';');
         if (parent.document.getElementById('toppixellate')) { parent.document.getElementById('toppixellate').style.display='block';
        parent.document.getElementById('mypform').action='../PHP/pixellate.php?lookfor=postget&r=' + Math.floor(Math.random() * 12876);
        if (window.top && window.parent) { if (top.document == parent.document && tdr.indexOf('/talk_maths.htm') == -1) { parent.document.getElementById('mypsbut').click();  } } }
        }
       }
       for (var iss=2; iss<asscoords.length; iss+=2) {
         if (eval(asscoords[iss]) < 0 || eval(asscoords[eval(1 + iss)]) < 0) {
          context.beginPath();
          context.moveTo(Math.abs(eval(asscoords[iss])),Math.abs(eval(asscoords[eval(1 + iss)])));
          if (topelem) {
           topcontext.beginPath();
           topcontext.moveTo(Math.abs(eval(asscoords[iss]) + eval(topvswidthoff)),Math.abs(eval(asscoords[eval(1 + iss)]) + eval(topvsheightoff)));
        if (parent.document.getElementById('pcoords').value == '') {
        parent.document.getElementById('pcoords').value+=Math.abs(eval(asscoords[iss]) + eval(topvswidthoff)) + "," + Math.abs(eval(asscoords[eval(1 + iss)]) + eval(topvsheightoff));
        if (parent.document.getElementById('toppixellate')) { parent.document.getElementById('toppixellate').style.display='block';
        parent.document.getElementById('mypform').action='../PHP/pixellate.php?lookfor=postget&r=' + Math.floor(Math.random() * 12876);
        if (window.top && window.parent) { if (top.document == parent.document && tdr.indexOf('/talk_maths.htm') == -1) { parent.document.getElementById('mypsbut').click();  } } }
        } else {
        parent.document.getElementById('pcoords').value=(parent.document.getElementById('pcoords').value + ";" + Math.abs(eval(asscoords[iss]) + eval(topvswidthoff)) + "," + Math.abs(eval(asscoords[eval(1 + iss)]) + eval(topvsheightoff))).replace('|;','|').replace(');','),').replace(',;',';');
        if (parent.document.getElementById('toppixellate')) { parent.document.getElementById('toppixellate').style.display='block';
        parent.document.getElementById('mypform').action='../PHP/pixellate.php?lookfor=postget&r=' + Math.floor(Math.random() * 12876);
        if (window.top && window.parent) { if (top.document == parent.document && tdr.indexOf('/talk_maths.htm') == -1) { parent.document.getElementById('mypsbut').click();  } } }
        }
          } else {
        if (parent.document.getElementById('pcoords')) {
        if (parent.document.getElementById('pcoords').value == '') {
        parent.document.getElementById('pcoords').value+=Math.abs(eval(asscoords[iss])) + "," + Math.abs(eval(asscoords[1 + iss]));
        if (parent.document.getElementById('toppixellate')) { parent.document.getElementById('toppixellate').style.display='block';
        parent.document.getElementById('mypform').action='../PHP/pixellate.php?lookfor=postget&r=' + Math.floor(Math.random() * 12876);
        if (window.top && window.parent) { if (top.document == parent.document && tdr.indexOf('/talk_maths.htm') == -1) { parent.document.getElementById('mypsbut').click();  } } }
        } else {
        parent.document.getElementById('pcoords').value=(parent.document.getElementById('pcoords').value + ";" + Math.abs(eval(asscoords[iss])) + "," + Math.abs(eval(asscoords[1 + iss]))).replace('|;','|').replace(');','),').replace(',;',';');
        if (parent.document.getElementById('toppixellate')) { parent.document.getElementById('toppixellate').style.display='block';
        parent.document.getElementById('mypform').action='../PHP/pixellate.php?lookfor=postget&r=' + Math.floor(Math.random() * 12876);
        if (window.top && window.parent) { if (top.document == parent.document && tdr.indexOf('/talk_maths.htm') == -1) { parent.document.getElementById('mypsbut').click();  } } }
        }
        }
          }
         } else {
          context.lineTo(Math.abs(eval(asscoords[iss])),Math.abs(eval(asscoords[eval(1 + iss)])));
          context.stroke();
          if (topelem) {
        if (parent.document.getElementById('pcoords')) {
        parent.document.getElementById('pcoords').value=(parent.document.getElementById('pcoords').value + "," + Math.abs(eval(asscoords[iss]) + eval(topvswidthoff)) + "," + Math.abs(eval(asscoords[eval(1 + iss)]) + eval(topvsheightoff))).replace('|;','|').replace(');','),').replace(',;',';');
        if (parent.document.getElementById('toppixellate')) { parent.document.getElementById('toppixellate').style.display='block';
        parent.document.getElementById('mypform').action='../PHP/pixellate.php?lookfor=postget&r=' + Math.floor(Math.random() * 12876);
        if (window.top && window.parent) { if (top.document == parent.document && tdr.indexOf('/talk_maths.htm') == -1) { parent.document.getElementById('mypsbut').click();  } } }
        }
           topcontext.lineTo(Math.abs(eval(asscoords[iss]) + eval(topvswidthoff)),Math.abs(eval(asscoords[eval(1 + iss)]) + eval(topvsheightoff)));
       //if (topin) {
       //  topin.value='------';
       //}
      if (pdgebi('colcf')) {
        colcf=parent.document.getElementById('colcf').value;
      }
           topcontext.strokeStyle = precolcf.split(' ')[eval(-1 + colcf.split(' ').length)];
           topcontext.stroke();
           toplthere=true;
          } else {
        if (parent.document.getElementById('pcoords')) {
        parent.document.getElementById('pcoords').value=(parent.document.getElementById('pcoords').value + "," + Math.abs(eval(asscoords[iss])) + "," + Math.abs(eval(asscoords[eval(1 + iss)]))).replace('|;','|').replace(');','),').replace(',;',';');
        if (parent.document.getElementById('toppixellate')) { parent.document.getElementById('toppixellate').style.display='block';
        parent.document.getElementById('mypform').action='../PHP/pixellate.php?lookfor=postget&r=' + Math.floor(Math.random() * 12876);
        if (window.top && window.parent) { if (top.document == parent.document && tdr.indexOf('/talk_maths.htm') == -1) { parent.document.getElementById('mypsbut').click();  } } }
        }
          }
         }
       }
       if (document.getElementById('myh4')) document.getElementById('myh4').innerHTML='You have 9 seconds to Two finger gesture or Right click Copy (or Save Image as...) Canvas signature.';
       if (document.getElementById('showi')) {
       if (document.getElementById('animage')) {
        document.getElementById('animage').src = elem.toDataURL('image/jpeg', reduction); //0.7); //"image/png");
       }
       document.getElementById('showi').style.display='inline';
       }
       
       snapshotcanvas();

       setTimeout(times_up, 9000);
    }
    
    document.body.addEventListener('keyup', function(event) {
       if (isScribble == 2 || isScribble == 1) {
        isScribble=0;
       }
    });
    
    
    

    if (isTouch || isiPad) { 
    elem.addEventListener("touchstart", touchHandler, true);
    elem.addEventListener("touchmove", touchHandler, true);
    elem.addEventListener("touchend", touchHandler, true);
    elem.addEventListener("touchcancel", touchHandler, true);  
    
    if (topelem) {
    topelem.addEventListener("touchstart", toptouchHandler, true);
    topelem.addEventListener("touchmove", toptouchHandler, true);
    topelem.addEventListener("touchend", toptouchHandler, true);
    topelem.addEventListener("touchcancel", toptouchHandler, true);  
    }  

    //elem.addEventListener('touchstart', function(event) {
    //   if (isScribble == 1) {
    //    isScribble=2;
    //   }
    //});

	} else {
    if (topelem) {
    topelem.addEventListener('mouseup', function(event) {
       if (isScribble == 2) {
       setTimeout(topinoff,300);
           threebackpmore=twobackpmore;  twobackpmore=lastpmore; lastpmore=pmore;   pmore=' pxm1 '; isScribble=1;
         snapshotcanvas();
       }
    });
    
    topelem.addEventListener('touchend', function(event) {
       if (isScribble == 2) {
          threebackpmore=twobackpmore;  twobackpmore=lastpmore; lastpmore=pmore;   pmore=' pxzm '; 
        isScribble=1;
       }
    });

    topelem.addEventListener('touchstart', function(event) {
       if (isScribble == 1) {
          threebackpmore=twobackpmore;  twobackpmore=lastpmore; lastpmore=pmore;   pmore=' pxqm '; 
        isScribble=2;
       }
    });


    topelem.addEventListener('mousedown', function(event) {
       if (topin) {
         topin.value='- -' + isScribble + ',' + lastx + ',' + lasty + ',' + x + ',' + y;
       }
       if (isScribble == 1) {
          threebackpmore=twobackpmore;  twobackpmore=lastpmore; lastpmore=pmore;   pmore=' pxam1 '; 
        isScribble=2;
       if (event.pageX || event.pageY) {
        ppx=zmb(event.pageX) - elemLeft;
        ppy=zmb(event.pageY) - elemTop;
       } else {
        ppx=zmb(event.clientX) - elemLeft;
        ppy=zmb(event.clientY) - elemTop;
       }
       if (pdgebi(topdcmcheck('dcm'))) {
       if (parent.document.getElementById(topdcmcheck('dcm')).value.indexOf('text') == 0) {
       //parent.document.title='here3 ' + tx + ',' + ty;
       if (1 == 2 && tlx < 0 && tly < 0) {
       tlx=ppx;
       tly=ppy;
       }
       if (tx >= 0 && ty >= 0) {
       prevtx=tx;
       prevty=ty;
       trotis=eval(((Math.atan2((ppy - prevty), (ppx - prevtx)) * 180.0 / Math.PI) + 360) % 360);
       if (pdgebi('trotation')) {
         if (parent.document.getElementById(topdcmcheck('dcm')).value.indexOf('textseq') == 0) {
         jsrectbits[0]=prevtx;
         jsrectbits[1]=prevty;
         jsrectbits[2]=ppx;
         jsrectbits[3]=ppy;
         if (Math.abs(prevty - ppy) > Math.abs(prevtx - ppx)) {
         trotis=eval(((Math.atan2((prevtx - ppx), (ppy - prevty)) * 180.0 / Math.PI) + 360) % 360);
         }
         }
         parent.document.getElementById('trotation').value=Math.floor(trotis);
         ppx=prevtx;
         ppy=prevty;
         prevtx=-1;
         prevty=-1;
         exceptwhen=endtrue(''); //true;
         if (parent.document.getElementById(topdcmcheck('dcm')).value.indexOf('textseq') == -1) parent.document.getElementById(topdcmcheck('dcm')).value = 'Text';
       }
       //alert(trotis);
       }
       tx=ppx;
       ty=ppy;
       } else {
       tx=ppx;
       ty=ppy;
       prevtx=-1;
       prevty=-1;
       }
       } else {
       tx=ppx;
       ty=ppy;
       prevtx=-1;
       prevty=-1;
       }
        lastx=0;  // new to scribble
        lasty=0;
        x=0;
        y=0;
       }
    });
        
    topelem.addEventListener('mousemove', function(event) {
       //if (topin) {
       //  topin.value='-------';
       //}
       if (isScribble == 2) {
       // if (isiPad) { alert('YEs'); }

       if (x == 0 && y == 0 && lastx == 0 && lasty == 0) {
       if (event.pageX || event.pageY) {
       x = zmb(event.pageX) - elemLeft;
       y = zmb(event.pageY) - elemTop;
       } else {
       x = zmb(event.clientX) - elemLeft;
       y = zmb(event.clientY) - elemTop;
       }
       if (csvv == "") {
         csvv+='' + x + ',' + y;
       } else {
         csvv+=',' + x + ',' + y;
       }
       if (ppx >= 0 && ppy >= 0) {
       lastx=ppx;
       lasty=ppy;
       ppx=-1;
       ppy=-1;
       } else {
       lastx=x;
       lasty=y;
       }
       } else {
       lastx=x;
       lasty=y;
       if (event.pageX || event.pageY) {
       x = zmb(event.pageX) - elemLeft;
       y = zmb(event.pageY) - elemTop;
       } else {
       x = zmb(event.clientX) - elemLeft;
       y = zmb(event.clientY) - elemTop;
       }
       if (csvv == "") {
         csvv+='' + x + ',' + y;
       } else {
         csvv+=',' + x + ',' + y;
       }
       }
           
    if ((x != lastx || y != lasty) && topcontext != null) {
      threebackpmore=twobackpmore;  twobackpmore=lastpmore; lastpmore=pmore;   pmore=' pmove4 '; 
      //document.getElementById('divannotation').style.display='block';
      //document.getElementById('myisubject').style.display = 'inline';
      //document.getElementById('myiemail').style.display = 'inline';
    //context.strokeStyle=document.getElementById('mycolour').value;
    topcontext.beginPath();
    topcontext.moveTo(x,y);
    var pqsd=pdgebiv(topdcmcheck('dcm'));
    //if (allowed && parent.document.getElementById(topdcmcheck('dcm')).value != 'textseq') topcontext.lineTo(lastx,lasty);
    if (allowed && pqsd != 'textseq') {
       topcontext.lineTo(lastx,lasty);

        if (parent.document.getElementById('pcoords')) {
        if (parent.document.getElementById('pcoords').value == '') {
        parent.document.getElementById('pcoords').value+=x + "," + y;
        if (parent.document.getElementById('toppixellate')) { parent.document.getElementById('toppixellate').style.display='block';
        parent.document.getElementById('mypform').action='../PHP/pixellate.php?lookfor=postget&r=' + Math.floor(Math.random() * 12876);
        if (window.top && window.parent) { if (top.document == parent.document && tdr.indexOf('/talk_maths.htm') == -1) { parent.document.getElementById('mypsbut').click();  } } }
        } else {
        parent.document.getElementById('pcoords').value=(parent.document.getElementById('pcoords').value + ";" + x + "," + y).replace('|;','|').replace(');','),').replace(',;',';');
        if (parent.document.getElementById('toppixellate')) { parent.document.getElementById('toppixellate').style.display='block';
        parent.document.getElementById('mypform').action='../PHP/pixellate.php?lookfor=postget&r=' + Math.floor(Math.random() * 12876);
        if (window.top && window.parent) { if (top.document == parent.document && tdr.indexOf('/talk_maths.htm') == -1) { parent.document.getElementById('mypsbut').click();  } } }
        }


        parent.document.getElementById('pcoords').value=(parent.document.getElementById('pcoords').value + "," + lastx + "," + lasty).replace('|;','|').replace(');','),').replace(',;',';');
        if (parent.document.getElementById('toppixellate')) { parent.document.getElementById('toppixellate').style.display='block';
        parent.document.getElementById('mypform').action='../PHP/pixellate.php?lookfor=postget&r=' + Math.floor(Math.random() * 12876);
        if (window.top && window.parent) { if (top.document == parent.document && tdr.indexOf('/talk_maths.htm') == -1) { parent.document.getElementById('mypsbut').click();  } } }
        }
    }
       if (topin) {
         if (topin.value != '') topin.value+=' --------';
       }
      if (pdgebi('colcf')) {
        colcf=parent.document.getElementById('colcf').value;
      }
    topcontext.strokeStyle = colcf.split(' ')[eval(-1 + colcf.split(' ').length)];
    topcontext.stroke();
    //document.title+=pmore + ' here';
	}


    }

    });
    }

    elem.addEventListener('mouseup', function(event) {
       if (isScribble == 2) {
           threebackpmore=twobackpmore;  twobackpmore=lastpmore; lastpmore=pmore;   pmore=' pxm2 '; isScribble=1;
         snapshotcanvas();
       }
    });
    
    elem.addEventListener('touchend', function(event) {
       if (isScribble == 2) {
          threebackpmore=twobackpmore;  twobackpmore=lastpmore; lastpmore=pmore;   pmore=' pxzm '; 
        isScribble=1;
       }
    });

    elem.addEventListener('touchstart', function(event) {
       if (isScribble == 1) {
          threebackpmore=twobackpmore;  twobackpmore=lastpmore; lastpmore=pmore;   pmore=' pxqm '; 
        isScribble=2;
       }
    });


    elem.addEventListener('mousedown', function(event) {
       if (document.URL.indexOf('cwidth=') != -1) {
       if (lastcs != '' && sscoords == '') {
         //setTimeout(clicksas, 8000);
          lastcs='';
          elem.width=elem.width;
          elem.height=elem.height;
       }
         inactivitycountdown=10;
       }       
       if (isScribble == 1) {
          threebackpmore=twobackpmore;  twobackpmore=lastpmore; lastpmore=pmore;   pmore=' pxam2 '; 
        isScribble=2;
       if (event.pageX || event.pageY) {
        ppx=zmb(event.pageX) - elemLeft;
        ppy=zmb(event.pageY) - elemTop;
       } else {
        ppx=zmb(event.clientX) - elemLeft;
        ppy=zmb(event.clientY) - elemTop;
       }
       if (pdgebi(topdcmcheck('dcm'))) {
       if (parent.document.getElementById(topdcmcheck('dcm')).value.indexOf('text') == 0) {
       //parent.document.title='here4';
       if (1 == 2 && tlx < 0 && tly < 0) {
       tlx=ppx;
       tly=ppy;
       }
       if (tx >= 0 && ty >= 0) {
       prevtx=tx;
       prevty=ty;
       trotis=eval(((Math.atan2((ppy - prevty), (ppx - prevtx)) * 180.0 / Math.PI) + 360) % 360);
       if (pdgebi('trotation')) {
         if (parent.document.getElementById(topdcmcheck('dcm')).value.indexOf('textseq') == 0) {
         jsrectbits[0]=prevtx;
         jsrectbits[1]=prevty;
         jsrectbits[2]=ppx;
         jsrectbits[3]=ppy;
         if (Math.abs(prevty - ppy) > Math.abs(prevtx - ppx)) {
         trotis=eval(((Math.atan2((prevtx - ppx), (ppy - prevty)) * 180.0 / Math.PI) + 360) % 360);
         }
         }
         parent.document.getElementById('trotation').value=Math.floor(trotis);
         ppx=prevtx;
         ppy=prevty;
         prevtx=-1;
         prevty=-1;
         exceptwhen=endtrue(''); //true;
         if (parent.document.getElementById(topdcmcheck('dcm')).value.indexOf('textseq') == -1) parent.document.getElementById(topdcmcheck('dcm')).value = 'Text';
       }
       //alert(trotis);
       }
       tx=ppx;
       ty=ppy;
       } else {
       tx=ppx;
       ty=ppy;
       prevtx=-1;
       prevty=-1;
       }
       } else {
       tx=ppx;
       ty=ppy;
       prevtx=-1;
       prevty=-1;
       }
        lastx=0;  // new to scribble
        lasty=0;
        x=0;
        y=0;
       }
    });
        
    elem.addEventListener('mousemove', function(event) {
       if (isScribble == 2) {
       // if (isiPad) { alert('YES'); }

       if (x == 0 && y == 0 && lastx == 0 && lasty == 0) {
       if (event.pageX || event.pageY) {
       x = zmb(event.pageX) - elemLeft;
       y = zmb(event.pageY) - elemTop;
       } else {
       x = zmb(event.clientX) - elemLeft;
       y = zmb(event.clientY) - elemTop;
       }
       if (csvv == "") {
         csvv+='' + x + ',' + y;
       } else {
         csvv+=',' + x + ',' + y;
       }
       if (ppx >= 0 && ppy >= 0) {
       lastx=ppx;
       lasty=ppy;
       ppx=-1;
       ppy=-1;
       } else {
       lastx=x;
       lasty=y;
       }
       } else {
       lastx=x;
       lasty=y;
       if (event.pageX || event.pageY) {
       x = zmb(event.pageX) - elemLeft;
       y = zmb(event.pageY) - elemTop;
       } else {
       x = zmb(event.clientX) - elemLeft;
       y = zmb(event.clientY) - elemTop;
       }
       if (csvv == "") {
         csvv+='' + x + ',' + y;
       } else {
         csvv+=',' + x + ',' + y;
       }
       }
           
    if (x != lastx || y != lasty) {
      threebackpmore=twobackpmore;  twobackpmore=lastpmore; lastpmore=pmore;   pmore=' pmove5 '; 
      //document.getElementById('divannotation').style.display='block';
      //document.getElementById('myisubject').style.display = 'inline';
      //document.getElementById('myiemail').style.display = 'inline';
    //context.strokeStyle=document.getElementById('mycolour').value;
    context.beginPath();

        if (parent.document.getElementById('pcoords')) {
        if (parent.document.getElementById('pcoords').value == '') {
        parent.document.getElementById('pcoords').value+=x + "," + y;
        if (parent.document.getElementById('toppixellate')) { parent.document.getElementById('toppixellate').style.display='block';
        parent.document.getElementById('mypform').action='../PHP/pixellate.php?lookfor=postget&r=' + Math.floor(Math.random() * 12876);
        if (window.top && window.parent) { if (top.document == parent.document && tdr.indexOf('/talk_maths.htm') == -1) { parent.document.getElementById('mypsbut').click();  } } }
        } else {
        parent.document.getElementById('pcoords').value=(parent.document.getElementById('pcoords').value + ";" + x + "," + y).replace('|;','|').replace(');','),').replace(',;',';');
        if (parent.document.getElementById('toppixellate')) { parent.document.getElementById('toppixellate').style.display='block';
        parent.document.getElementById('mypform').action='../PHP/pixellate.php?lookfor=postget&r=' + Math.floor(Math.random() * 12876);
        if (window.top && window.parent) { if (top.document == parent.document && tdr.indexOf('/talk_maths.htm') == -1) { parent.document.getElementById('mypsbut').click();  } } }
        }


        parent.document.getElementById('pcoords').value=(parent.document.getElementById('pcoords').value + "," + lastx + "," + lasty).replace('|;','|').replace(');','),').replace(',;',';');
        if (parent.document.getElementById('toppixellate')) { parent.document.getElementById('toppixellate').style.display='block';
        parent.document.getElementById('mypform').action='../PHP/pixellate.php?lookfor=postget&r=' + Math.floor(Math.random() * 12876);
        if (window.top && window.parent) { if (top.document == parent.document && tdr.indexOf('/talk_maths.htm') == -1) { parent.document.getElementById('mypsbut').click();  } } }
        }

    context.moveTo(x,y);
    context.lineTo(lastx,lasty);
    context.stroke();
    if (topelem) {
        topcontext.beginPath();
        topcontext.moveTo((eval(x) + eval(topvswidthoff)),(eval(y) + eval(topvsheightoff)));
        var pksd=pdgebiv(topdcmcheck('dcm'));
        //if (allowed && parent.document.getElementById(topdcmcheck('dcm')).value != 'textseq') topcontext.lineTo((eval(lastx) + eval(topvswidthoff)),(eval(lasty) + eval(topvsheightoff)));
        if (allowed && pksd != 'textseq') topcontext.lineTo((eval(lastx) + eval(topvswidthoff)),(eval(lasty) + eval(topvsheightoff)));
       if (topin) {
         topin.value='---------';
       }
      if (pdgebi('colcf')) {
        colcf=parent.document.getElementById('colcf').value;
      }
        topcontext.strokeStyle = colcf.split(' ')[eval(-1 + colcf.split(' ').length)];
        topcontext.stroke();
        toplthere=true;
    }
    if (sscoords == '') sscoordsdelim='';
    if (('*' + sscoords + '*').indexOf(lastx + ',' + lasty + '*') == -1) {
      if (sscoords.indexOf(',') != -1) savenow=sscoords.length;
      sscoords+=sscordsdelim + '-' + lastx;
      sscordsdelim=',';
      sscoords+=sscordsdelim + lasty;
      if (savenow != 0) {
        lastsavenow=savenow;
		savenow=sscoords.length;
      }
    }
    if (('*' + sscoords + '*').indexOf(x + ',' + y + '*') == -1) {
      if (sscoords.indexOf(',') != -1) savenow=sscoords.length;
      sscoords+=sscordsdelim + x;
      sscordsdelim=',';
      sscoords+=sscordsdelim + y;
      if (savenow != 0) {
        lastsavenow=savenow;
		savenow=sscoords.length;
      }
    }
    wassscoords='';
    if (document.getElementById('showit')) {
      document.getElementById('showit').style.display='inline';
      if (1 == 2 && document.getElementById('animage')) {
        document.getElementById('animage').src = elem.toDataURL('image/jpeg', reduction); //0.7); //"image/png");
      }
    }
    //document.title+=pmore + ' here';
	}


    }

    });
    }
    
    if (topielem && !toplthere) {  // no signature, so allow for one to be created
      //alert('aa visible')
      showornot();
    } else if (topielem) { // a signature, so hide iframe
      //alert('aa invisible');
      showornot();
    }
    
    if (imurl != "") {
      if (imurl.indexOf('Http') == 0) {
      imageask('Im', imurl);
      } else if (imurl.indexOf('httP') == 0) {
      imageask('im', imurl);
      } else if (imurl.indexOf('HTTP') == 0) {
      imageask('IM', imurl);
      } else if (imurl.indexOf('http') == 0) {
      imageask('IM', imurl);
      } else if (imurl.indexOf('hTTP') == 0) {
      imageask('iM', imurl);
      }
      
      if (otherthings != '') {
        var huhhuh=otherthings.split(imurl + '`');
        if (huhhuh.length > 1) {
          sobutton=presobutton + '<br><input id="so_all" style="background-color:yellow;" type="button" title="' + huhhuh[1].split('|')[0] + '" value="Ask about Standing Order for ' + nonon(imurl) + '" onclick=" document.getElementById(' + "'"  + topielem.id + "'" + ').contentWindow.dostandingorder(this.title);  "></input>';
          var ibits,bitsof=huhhuh[1].split('`'), timesbits="", tobits="";
          for (ibits=0; ibits<bitsof.length; ibits+=6) {
            //alert(ibits + ' ... ' + bitsof[ibits]);
            sobutton+='<br><input id="so_' + ibits + '" style="background-color:lightgreen;" type="button" title="' + bitsof[ibits] + '`' + bitsof[eval(1 + ibits)] + '`' + bitsof[eval(2 + ibits)] + '`' + bitsof[eval(3 + ibits)] + '`' + bitsof[eval(4 + ibits)] + '`' + bitsof[eval(5 + ibits)] + '" value="Do Standing Order for ' + bitsof[ibits] + ' bit" onclick=" document.getElementById(' + "'"  + topielem.id + "'" + ').contentWindow.dostandingorder(this.title,' + "'" + ibits + "'" + '); this.style.display=' + "'" + 'none' + "'" + ';  "></input>';
            if (bitsof[ibits].indexOf(' to ') != -1) {
              if (tobits == "") {
                tobits=bitsof[ibits] + '`' + bitsof[eval(1 + ibits)] + '`' + bitsof[eval(2 + ibits)] + '`' + bitsof[eval(3 + ibits)] + '`' + bitsof[eval(4 + ibits)] + '`' + bitsof[eval(5 + ibits)];
              } else {
                tobits+='`' + bitsof[ibits] + '`' + bitsof[eval(1 + ibits)] + '`' + bitsof[eval(2 + ibits)] + '`' + bitsof[eval(3 + ibits)] + '`' + bitsof[eval(4 + ibits)] + '`' + bitsof[eval(5 + ibits)];
              }
            }
            if (bitsof[ibits].indexOf(' x ') != -1) {
              if (timesbits == "") {
                timesbits=bitsof[ibits] + '`' + bitsof[eval(1 + ibits)] + '`' + bitsof[eval(2 + ibits)] + '`' + bitsof[eval(3 + ibits)] + '`' + bitsof[eval(4 + ibits)] + '`' + bitsof[eval(5 + ibits)];
              } else {
                timesbits+='`' + bitsof[ibits] + '`' + bitsof[eval(1 + ibits)] + '`' + bitsof[eval(2 + ibits)] + '`' + bitsof[eval(3 + ibits)] + '`' + bitsof[eval(4 + ibits)] + '`' + bitsof[eval(5 + ibits)];
              }
            }
          }
          if (timesbits != "") sobutton+='<br><input id="so_x" style="background-color:lightblue;" type="button" title="' + timesbits + '" value="Do Standing Order for All x (times)" onclick=" document.getElementById(' + "'"  + topielem.id + "'" + ').contentWindow.dostandingorder(this.title,' + "' x '" + ');  this.style.display=' + "'" + 'none' + "'" + ';  "></input>';
          if (tobits != "") sobutton+='<br><input id="so_to" style="background-color:lightblue;" type="button" title="' + tobits + '" value="Do Standing Order for All to (range incrementing/decrementing by 1)" onclick=" document.getElementById(' + "'"  + topielem.id + "'" + ').contentWindow.dostandingorder(this.title,' + "' to '" + ');  this.style.display=' + "'" + 'none' + "'" + ';  "></input>';
        }
      }
    }
   
   
    if (pdfname != '') snapshotcanvas();

   
}

function showitsmore() {
  sil=eval((sil + 5) % 70);
  showits.style.left='' + sil + '%';
  setTimeout(showitsmore, 4000);
}

function dostandingorder(details, whichones) {
   var ans=null, ansa=[];
   if (typeof whichones === "undefined") whichones="";
   var ibits,bitsof=details.split('`');
   for (ibits=0; ibits<bitsof.length; ibits+=6) {
    if (pdgebi('jscf')) {
    if (whichones != "") {
      if (bitsof[ibits] != "") {
      //alert(bitsof[ibits]);
      jscf=bitsof[eval(1 + ibits)];
      colcf=bitsof[eval(2 + ibits)];
      trotis=bitsof[eval(3 + ibits)];
      topcontext.font = jscf;
      topcontext.strokeStyle = colcf.split(' ')[eval(-1 + colcf.split(' ').length)];
      topcontext.fillStyle = colcf.split(' ')[eval(-1 + colcf.split(' ').length)];
      //rotateStrokeText(topcontext,bitsof[ibits],eval(bitsof[eval(4 + ibits)]),eval(bitsof[eval(5 + ibits)])); 
                parent.document.getElementById(topdcmcheck('dcm')).value='textseq';
            jsrectbits[0]=eval(bitsof[eval(4 + ibits)].split('.')[0]);
            jsrectbits[1]=eval(bitsof[eval(5 + ibits)].split('.')[0]);
            jsclickno=1;
            if (bitsof[ibits].indexOf(' x ') != -1 || bitsof[ibits].indexOf(' to ') != -1 || bitsof[ibits].indexOf(',') != -1) {
             if (bitsof[eval(4 + ibits)].indexOf('.') != -1 && bitsof[eval(5 + ibits)].indexOf('.') != -1) {
              jsrectbits[2]=eval(bitsof[eval(4 + ibits)].split('.')[1]);
              jsrectbits[3]=eval(bitsof[eval(5 + ibits)].split('.')[1]);
              jsclickno=2;
             }
            }
                endtrue(bitsof[ibits]);
      parent.document.getElementById('so_all').title=parent.document.getElementById('so_all').title.replace(bitsof[ibits] + '`','`');
      if (parent.document.getElementById('so_to')) parent.document.getElementById('so_to').title=parent.document.getElementById('so_to').title.replace(bitsof[ibits] + '`','`');
      if (parent.document.getElementById('so_x')) parent.document.getElementById('so_x').title=parent.document.getElementById('so_x').title.replace(bitsof[ibits] + '`','`');
      }
    } else if (bitsof[ibits] != "") {  
      ans=prompt("Do Standing Order for " + bitsof[ibits] + " bit?  Use Cancel or make blank to not do.  Just leave out co-ordinates to reclick (or retouch) immediately after this for the Sequential Text you defined otherwise.   Change something to get to reask about it.", bitsof[ibits] + '`' + bitsof[eval(1 + ibits)] + '`' + bitsof[eval(2 + ibits)] + '`' + bitsof[eval(3 + ibits)] + '`' + bitsof[eval(4 + ibits)] + '`' + bitsof[eval(5 + ibits)]);
      if (ans != null) {
        if (ans != "") {
          if (ans == bitsof[ibits] + '`' + bitsof[eval(1 + ibits)] + '`' + bitsof[eval(2 + ibits)] + '`' + bitsof[eval(3 + ibits)] + '`' + bitsof[eval(4 + ibits)] + '`' + bitsof[eval(5 + ibits)]) { 
            jsrectbits[0]=eval(bitsof[eval(4 + ibits)].split('.')[0]);
            jsrectbits[1]=eval(bitsof[eval(5 + ibits)].split('.')[0]);
            jsclickno=1;
            if (bitsof[ibits].indexOf(' x ') != -1 || bitsof[ibits].indexOf(' to ') != -1 || bitsof[ibits].indexOf(',') != -1) {
             if (bitsof[eval(4 + ibits)].indexOf('.') != -1 && bitsof[eval(5 + ibits)].indexOf('.') != -1) {
              jsrectbits[2]=eval(bitsof[eval(4 + ibits)].split('.')[1]);
              jsrectbits[3]=eval(bitsof[eval(5 + ibits)].split('.')[1]);
              jsclickno=2;
              if (ans.split('`').length == 6) {
                parent.document.getElementById('jscf').value=ans.split('`')[1];
                parent.document.getElementById('colcf').value=ans.split('`')[2];
                parent.document.getElementById('trotation').value=ans.split('`')[3];
                parent.document.getElementById(topdcmcheck('dcm')).value='textseq';
                endtrue(ans.split('`')[0]);
              }
             } else {
              parent.document.getElementById(topdcmcheck('dcm')).value='textseq';
             }
            }
          } else if (ans.indexOf(bitsof[eval(4 + ibits)] + '`' + bitsof[eval(5 + ibits)]) != -1) {
            jsrectbits[0]=eval(bitsof[eval(4 + ibits)].split('.')[0]);
            jsrectbits[1]=eval(bitsof[eval(5 + ibits)].split('.')[0]);
            jsclickno=1;
            if (bitsof[ibits].indexOf(' x ') != -1 || bitsof[ibits].indexOf(' to ') != -1 || bitsof[ibits].indexOf(',') != -1) {
             if (bitsof[eval(4 + ibits)].indexOf('.') != -1 && bitsof[eval(5 + ibits)].indexOf('.') != -1) {
              jsrectbits[2]=eval(bitsof[eval(4 + ibits)].split('.')[1]);
              jsrectbits[3]=eval(bitsof[eval(5 + ibits)].split('.')[1]);
              jsclickno=2;
              if (ans.split('`').length == 6) {
                parent.document.getElementById('jscf').value=ans.split('`')[1];
                parent.document.getElementById('colcf').value=ans.split('`')[2];
                parent.document.getElementById('trotation').value=ans.split('`')[3];
                parent.document.getElementById(topdcmcheck('dcm')).value='textseq';
                endtrue(ans.split('`')[0]);
              }
             } else {
              parent.document.getElementById(topdcmcheck('dcm')).value='textseq';
             }
            }
          } else if (ans.split('`').length == 6) {
            ansa=ans.split('`');
            jsrectbits[0]=eval(ansa[4].split('.')[0]);
            jsrectbits[1]=eval(ansa[5].split('.')[0]);
            jsclickno=1;
            if (ansa[0].indexOf(' x ') != -1 || ansa[0].indexOf(' to ') != -1 || ansa[0].indexOf(',') != -1) {
             if (ansa[4].indexOf('.') != -1 && ansa[5].indexOf('.') != -1) {
              jsrectbits[2]=eval(ansa[4].split('.')[1]);
              jsrectbits[3]=eval(ansa[5].split('.')[1]);
              jsclickno=2;
              parent.document.getElementById('jscf').value=ansa[1];
              parent.document.getElementById('colcf').value=ansa[2];
              parent.document.getElementById('trotation').value=ansa[3];
              parent.document.getElementById(topdcmcheck('dcm')).value='textseq';
              endtrue(ansa[0]);
             } else {
              parent.document.getElementById(topdcmcheck('dcm')).value='textseq';
             }
            }
          } else if (ans.split('`').length == 4) {
            ansa=ans.split('`');
            parent.document.getElementById(topdcmcheck('dcm')).value='textseq';
            jsclickno=0;
            if (ansa[0].indexOf(' x ') != -1 || ansa[0].indexOf(' to ') != -1 || ansa[0].indexOf(',') != -1) {
              parent.document.getElementById('jscf').value=ansa[1];
              parent.document.getElementById('colcf').value=ansa[2];
              parent.document.getElementById('trotation').value=ansa[3];
              globalendtrue=ansa[0];
            }
          }
          //if (ans == bitsof[ibits] + '`' + bitsof[eval(1 + ibits)] + '`' + bitsof[eval(2 + ibits)] + '`' + bitsof[eval(3 + ibits)] + '`' + bitsof[eval(4 + ibits)] + '`' + bitsof[eval(5 + ibits)]) { 
          //  alert("Can do this");
          //} else {
          //  alert("Can reask about this");
          //}
        }
      }
    }
    }
   }
   
   
   
   
   
}

function lastacclook() {
 // .drawImage
 var incanv=null, incanvc, vscw=-1, vsch=-1, dcmo=null, cifactor=1.0;
 if (document.getElementById('topcanvas')) {
   incanv=document.getElementById('topcanvas');
 } else if (parent.document.getElementById('topcanvas')) {
   incanv=parent.document.getElementById('topcanvas');
 } else if (top.document.getElementById('topcanvas')) {
   incanv=top.document.getElementById('topcanvas');
 } 
 if (document.getElementById('dcm')) {
   dcmo=document.getElementById('dcm');
 } else if (parent.document.getElementById('dcm')) {
   dcmo=parent.document.getElementById('dcm');
 } else if (top.document.getElementById('dcm')) {
   dcmo=top.document.getElementById('dcm');
 } 
 if (document.getElementById('topiframe')) {
   topif=document.getElementById('topiframe');
 } else if (parent.document.getElementById('topiframe')) {
   topif=parent.document.getElementById('topiframe');
 } else if (top.document.getElementById('topiframe')) {
   topif=top.document.getElementById('topiframe');
 } 
 if (document.getElementById('toppixellate')) {
   toppif=document.getElementById('toppixellate');
 } else if (parent.document.getElementById('toppixellate')) {
   toppif=parent.document.getElementById('toppixellate');
 } else if (top.document.getElementById('toppixellate')) {
   toppif=top.document.getElementById('toppixellate');
 } 
 
 if (lastaccw >= 0 && incanv) {
  if (lastacc == '') {
    lastacc=('' + dcmo.getAttribute('data-lastacc')).replace(/^null$/g, '').replace(/^undefined$/g, '');
    dcmo.setAttribute('data-lastacc', '');
  }
  if (dcmo) {
    dcmo.value=' ';
  }
  incanvc=incanv.getContext('2d');
  vscw=incanv.width;
  vsch=incanv.height;
  if (lastacc.substring(1) == 'ctual') {
  incanv.width=lastaccw;
  incanv.height=lastacch;
  incanvc.drawImage(lastacci, 0, 0);
  topif.style.top='' + lastacch + 'px';
  if (toppif) { toppif.style.top='' + eval(200 + lastacch) + 'px';  }
  setInterval(dotopif, 5000);
  } else if (lastacc.substring(1) == 'ontain') { // (img, sx, sy, swidth, sheight, x, y, width, height)
  if (incanv.width >= lastaccw && incanv.height >= lastacch) {
  incanvc.drawImage(lastacci, 0, 0);
  } else {
  while (incanv.width < eval(cifactor * lastaccw) || incanv.height < eval(cifactor * lastacch)) {
   cifactor-=0.01;
  }
  incanvc.drawImage(lastacci, 0, 0, lastaccw, lastacch, 0, 0, eval(cifactor * lastaccw), eval(cifactor * lastacch));
  }
  topif.style.top='' + lastacch + 'px';
  if (toppif) { toppif.style.top='' + eval(200 + lastacch) + 'px';  }
  setInterval(dotopif, 5000);
  } else if (lastacc.substring(1) == 'over') {
  incanvc.drawImage(lastacci, 0, 0, lastaccw, lastacch, 0, 0, incanv.width, incanv.height);
  topif.style.top='' + lastacch + 'px';
  if (toppif) { toppif.style.top='' + eval(200 + lastacch) + 'px';  }
  setInterval(dotopif, 5000);
  } else if (lastacc.substring(1) == 'CTUAL') {
  incanv.width=lastaccw;
  incanv.height=lastacch;
  incanvc.drawImage(jsanimg, 0, 0);
  topif.style.top='' + lastacch + 'px';
  if (toppif) { toppif.style.top='' + eval(200 + lastacch) + 'px';  }
  setInterval(dotopif, 5000);
  } else if (lastacc.substring(1) == 'OVER') {
  incanvc.drawImage(jsanimg, 0, 0, lastaccw, lastacch, 0, 0, incanv.width, incanv.height);
  topif.style.top='' + lastacch + 'px';
  if (toppif) { toppif.style.top='' + eval(200 + lastacch) + 'px';  }
  setInterval(dotopif, 5000);
  } else if (lastacc.substring(1) == 'ONTAIN') {
  if (incanv.width >= lastaccw && incanv.height >= lastacch) {
  incanvc.drawImage(lastacci, 0, 0);
  } else {
  while (incanv.width < eval(cifactor * lastaccw) || incanv.height < eval(cifactor * lastacch)) {
   cifactor-=0.01;
  }
  incanvc.drawImage(jsanimg, 0, 0, lastaccw, lastacch, 0, 0, eval(cifactor * lastaccw), eval(cifactor * lastacch));
  }
  topif.style.top='' + lastacch + 'px';
  if (toppif) { toppif.style.top='' + eval(200 + lastacch) + 'px';  }
  setInterval(dotopif, 5000);
  } 

  lastacc='';
  lastaccw=-1;
  //lastacch=-1;
 }
}

function dotopif() {
  if (lastacch >= 0) {
   topif.style.top='' + lastacch + 'px';
   if (toppif) { 
     toppif.style.top='' + eval(200 + lastacch) + 'px';  
   } else {
 if (document.getElementById('toppixellate')) {
   toppif=document.getElementById('toppixellate');
 } else if (parent.document.getElementById('toppixellate')) {
   toppif=parent.document.getElementById('toppixellate');
 } else if (top.document.getElementById('toppixellate')) {
   toppif=top.document.getElementById('toppixellate');
 } 
    if (toppif) { 
     toppif.style.top='' + eval(200 + lastacch) + 'px';  
    }
   }
  }
}

function checkonyellow() {
  var ibuta=[], jbuta=0;
  if (safariblurb != '') {
    if (document.getElementById('shareurl')) {
        //if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) { alert('0:' + document.getElementById('shareurl').outerHTML); }
      if (document.getElementById('shareurl').outerHTML.indexOf('yellow') != -1 || document.getElementById('shareurl').outerHTML.indexOf('background-col') != -1) {
        ibuta=document.getElementsByTagName('input');
        for (jbuta=0; jbuta<ibuta.length; jbuta++) {
          if (('' + ibuta[jbuta].value) == 'Share URL Link') {
        //if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) { alert('00:' + ibuta[jbuta].outerHTML + ' ... ' + document.getElementById('shareurl').outerHTML); }
            if (document.getElementById('oli')) {
              document.getElementById('oli').innerHTML+='<style> input[value="Share URL Link"] { background-color: cyan; }​ input[value="Postcard"] { background-color: cyan; }​</style>';
            }
            ibuta[jbuta].style.backgroundColor='cyan';
            ibuta[jbuta].value='Postcard';
          }
        }
      } else {
        setTimeout(checkonyellow, 3000);
      }
    } 
    if (parent.document.getElementById('shareurl')) {
        //if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) { alert('1:' + parent.document.getElementById('shareurl').outerHTML); }
      if (parent.document.getElementById('shareurl').outerHTML.indexOf('yellow') != -1 || document.getElementById('shareurl').outerHTML.indexOf('background-col') != -1) {
        ibuta=parent.document.getElementsByTagName('input');
        for (jbuta=0; jbuta<ibuta.length; jbuta++) {
          if (('' + ibuta[jbuta].value) == 'Share URL Link') {
            if (parent.document.getElementById('oli')) {
              parent.document.getElementById('oli').innerHTML+='<style> input[value="Share URL Link"] { background-color: cyan; }​ input[value="Postcard"] { background-color: cyan; }​</style>';
            }
            ibuta[jbuta].style.backgroundColor='cyan';
            ibuta[jbuta].value='Postcard';
          }
        }
      } else {
        setTimeout(checkonyellow, 3000);
      }
    } else if (top.document.getElementById('shareurl')) {
        //if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) { alert('2:' + top.document.getElementById('shareurl').outerHTML); }
      if (top.document.getElementById('shareurl').outerHTML.indexOf('yellow') != -1 || document.getElementById('shareurl').outerHTML.indexOf('background-col') != -1) {
        ibuta=top.document.getElementsByTagName('input');
        for (jbuta=0; jbuta<ibuta.length; jbuta++) {
          if (('' + ibuta[jbuta].value) == 'Share URL Link') {
            ibuta[jbuta].value='Postcard';
            ibuta[jbuta].style.backgroundColor='cyan';
          }
        }
      } else {
        setTimeout(checkonyellow, 3000);
      }
    }
  }
}

function imagestraight(topoel, actual_cover_contain_o) {
   //alert('More work for ' + actual_cover_contain_o.value);
   lastacc=actual_cover_contain_o.value;
   actual_cover_contain_o.setAttribute('data-lastacc', lastacc);
   //alert(lastacc);
   if (actual_cover_contain_o.value.substring(1) == actual_cover_contain_o.value.substring(1).toUpperCase()) {
     actual_cover_contain_o.value='im';
   } else if (actual_cover_contain_o.value.substring(1) == actual_cover_contain_o.value.substring(1).toLowerCase()) {
     actual_cover_contain_o.value='ib';
   }
   if (lastacc == 'Contain' && !advicegiven) {   // Postcard advice blurb
      advicegiven=true;
          if ((parent.document.getElementById('shareurl') || top.document.getElementById('shareurl') || document.getElementById('shareurl')) && top.document.URL.indexOf('https:') == 0) {
            safariblurb=' (as textbox below goes yellow, click email sender button to its left for easier usage)';
            setTimeout(checkonyellow, 3000);
          }
      if (1 == 6 && parent.document.getElementById('myta')) {
        if (parent.document.getElementById('myta').value == '') {
          parent.document.getElementById('myta').value='Postcard via smart device Camera advice ...' + String.fromCharCode(10) + String.fromCharCode(10) + '1. Touch browsing Choose File button that has just appeared.' + String.fromCharCode(10) + '2. Choose to Take Photo.' + String.fromCharCode(10) + '3. Consider any zooming in or selfie modes of use in Photo mode.' + String.fromCharCode(10) + '4. Take photo with Camera app white button, choosing Use Photo or Retake, as required.' + String.fromCharCode(10) + '5. Scribble any optional messaging in white area to right, or use other discreet touch functionalities.' + String.fromCharCode(10) + '6. Optionally email off to recipient' + safariblurb + '.' + String.fromCharCode(10);
        }
      } else if (8 == 9 && document.getElementById('myta')) {
          document.getElementById('myta').value='Postcard via smart device Camera advice ...' + String.fromCharCode(10) + String.fromCharCode(10) + '1. Touch browsing Choose File button that has just appeared.' + String.fromCharCode(10) + '2. Choose to Take Photo.' + String.fromCharCode(10) + '3. Consider any zooming in or selfie modes of use in Photo mode.' + String.fromCharCode(10) + '4. Take photo with Camera app white button, choosing Use Photo or Retake, as required.' + String.fromCharCode(10) + '5. Scribble any optional messaging in white area to right, or use other discreet touch functionalities.' + String.fromCharCode(10) + '6. Optionally email off to recipient' + safariblurb + '.' + String.fromCharCode(10);
      } else if (parent.document.URL.indexOf('postcard=y') != -1 && parent.document.getElementById('mode')) {
      setTimeout(function() { if (safariblurb == '') { safariblurb=' (as textbox below goes yellow, click email sender button to its left for easier usage)'; setTimeout(checkonyellow, 3000); }  parent.document.getElementById('mode').innerHTML=('Postcard via smart device Camera advice ...<br><br>1. Touch browsing Choose File button that has just appeared.<br>2. Choose to Take Photo.<br>3. Consider any zooming in or selfie modes of use in Photo mode.<br>4. Take photo with Camera app white button, choosing Use Photo or Retake, as required.<br>5. Scribble any optional messaging in white area to right, or use other discreet touch functionalities.<br>6. Optionally email off to recipient' + safariblurb + '.<br>');  setTimeout(clearmode, 20000); }, 7000);
      } else {
      setTimeout(function() { alert('Postcard via smart device Camera advice ...' + String.fromCharCode(10) + String.fromCharCode(10) + '1. Touch browsing Choose File button that has just appeared.' + String.fromCharCode(10) + '2. Choose to Take Photo.' + String.fromCharCode(10) + '3. Consider any zooming in or selfie modes of use in Photo mode.' + String.fromCharCode(10) + '4. Take photo with Camera app white button, choosing Use Photo or Retake, as required.' + String.fromCharCode(10) + '5. Scribble any optional messaging in white area to right, or use other discreet touch functionalities.' + String.fromCharCode(10) + '6. Optionally email off to recipient' + safariblurb + '.' + String.fromCharCode(10)); }, 7000);
      }
   }
}

function clearmode() {
  parent.document.getElementById('mode').innerHTML='';
}

function nonon(cnon) {
  if (cnon.indexOf('/nonexistantplace/') != -1) {
    return cnon.split('/nonexistantplace/')[1];
  }
  return cnon;
}

function andrest() {
  document.getElementById('rest').style.display='block';
}

function setdomymd5() {
    domymd5=true;
    imurl=mymd5prefix + mymd5 + mymd5suffix;
}

function colourize() {
   var huhcol=prompt('Enter canvas background colour or Cancel to ignore.', 'transparent');
   if (huhcol != null) {
     if (huhcol.trim() != '') {
      if (huhcol == 'transparent') {
      //alert(987);
        //alert('topielem.width=' + topielem.width);
        parent.document.getElementById('topcanvas').getContext('2d').fillStyle = huhcol;
        parent.document.getElementById('topcanvas').getContext('2d').clearRect(0,0,parent.document.getElementById('topcanvas').width,parent.document.getElementById('topcanvas').height);
      } else {
        parent.document.getElementById('topcanvas').getContext('2d').fillStyle = huhcol;
        parent.document.getElementById('topcanvas').getContext('2d').fillRect(0,0,parent.document.getElementById('topcanvas').width,parent.document.getElementById('topcanvas').height);
      }
     }
   }
}

function showornot() {
 //top.document.title += ' 5 ';
    if (topielem && !toplthere) {  // no signature, so allow for one to be created
 //top.document.title += ' 55 ';
      //alert('visible');
      topielem.style.display='block';
      topielem.style.zIndex='9';
      topielem.style.position='absolute';
      topielem.style.left=eval(topvswidthoff) + 'px';
      topielem.style.top=eval(topvsheightoff) + 'px';
      topielem.style.width=eval(topvswidth) + 'px';
      topielem.style.height=eval(topvsheight) + 'px';
      //alert('z visible');
      if (sobutton == '' && presobutton != '' && imurl == '') sobutton=presobutton;
      if (pdgebi('toptd')) {
        parent.document.getElementById('toptd').style.backgroundColor='#e0e0e0';
        parent.document.getElementById('toptd').style.borderLeft='3px dotted #f0f00f';
        if (parent.document.getElementById('toptd').innerHTML.indexOf('domymd5') == -1) {
          //if (parent.document.getElementById(topdcmcheck('dcm')).value.replace('iM','iB') == 'iB') {
          //parent.document.getElementById('toptd').innerHTML+="<br><div id='dmycbox'><input id=mycbox onclick=\"if (this.value.indexOf('Show ') == 0) { document.getElementById('topiframe').style.display='block'; this.value=this.value.replace('Show ','Hide '); } else { document.getElementById('topiframe').style.display='none'; this.value=this.value.replace('Hide ','Show ');  }\" type=button value='Hide Signature Panel'></input>&nbsp;Flip: <input onchange='always_horizontally_flip=this.checked;' type='checkbox' id='autoflip'></input>&nbsp;Flop: <input onchange='always_vertically_flop=this.checked;' type='checkbox' id='autoflop'></input>&nbsp;Rotation (degrees): <input style='width:80px;' type=number onblur=\"" + intocb + "\" onchange=\"" + intocb + "\" min='-360' max='360' value='0' step='1'></input><br><br>Email To (optional): <input title='Separate email to from optional email cc by (,) and from optional email bcc by (;)' id='jsemail' type='text' onblur='  jsemail=this.value;' value='" + jsemail + "'></input>&nbsp;<input id='jsemailb' style='display:none;' type='button' onclick=\"document.getElementById('jsemail').value+=' ';\" value='Email'></input><br><div id='danimation'>" + insidedanimation + "</div><br><br><select id='dcm' title='Discrete click/touch mode'><option id='odef' value=>Discrete Click/Touch Mode [Rectangle (outline)]</option><option value='lo'>Line</option><option value='im'>Image URL (sized via two clicks)</option><option value='ib'>Image Browse (sized via two clicks)</option><option value='Im'>Background Canvas Image URL (Image dimension changes)</option><option value='Ib'>Background Canvas Image Browse (Image dimension changes)</option><option value='IM'>Background Image Canvas URL (Canvas dimension changes)</option><option value='IB'>Background Image Canvas Browse (Canvas dimension changes)</option><option value='iM'>Background Canvas Image Camera (Image dimension changes) (as applicable)</option><option value='iB'>Background Image Canvas Camera (Canvas dimension changes) (as applicable)</option><option value='ro'>Rectangle (outline)</option><option value='rf'>Rectangle (filled)</option><option value='co'>Circle (outline via centre then point on circle)</option><option value='cf'>Circle (filled via centre then point on circle)</option><option value='Text'>Text (of textarea) Top Left</option><option value=' '>Discrete Click/Touch Mode (no action)</option></select><div id='divbrowse' style='display:none;'>" + cbrowse + "</div><br><br>Canvas Font: <input id='jscf' type='text' onblur='jscf=this.value;' value='" + jscf + "'></input> <input id='colcf' type='text' style='color:blue;' onblur=\"colcf=this.value; this.style.color=this.value.split(' ')[eval(-1 + this.value.split(' ').length)];\" value='" + colcf + "'></input><br><br><textarea title='What is typed here goes over to canvas to left' style='border:8px dashed yellow;' id='myta' rows=80 cols=60 value=''></textarea>" + tenimages + "</div>";
          //} else {
          if (parent.document.getElementById('toptd').innerHTML.indexOf('domymd5') == -1) {
            //alert('there 98');
            parent.document.getElementById('toptd').innerHTML+=pdfbookdata + "<div id='domymd5' style='text-decoration:underline;cursor:pointer;' onclick=\"  document.getElementById('" + topielem.id + "').contentWindow.setdomymd5();  this.innerHTML=''; \"></div>&nbsp;<div id='dmycbox'><input id=mycbox style='border:4px outset green;background-color:lightgray;-webkit-appearance: none;-moz-appearance:none;appearance:none;height:35px;text-decoration:line-through;' onclick=\"if (this.value.indexOf('Show ') == 0) { document.getElementById('topiframe').style.display='block'; this.value=this.value.replace('Show ','Hide '); this.style.textDecoration='line-through'; } else { document.getElementById('topiframe').style.display='none'; this.value=this.value.replace('Hide ','Show '); this.style.textDecoration='none';  }\" type=button value='Hide Signature Panel &#128179;'></input>&nbsp;<input id='jsdownload' style='border:4px outset green;background-color:lightgray;-webkit-appearance: none;-moz-appearance:none;appearance:none;height:35px;' type='button' value='Download &#128190;' onclick=\" document.getElementById('" + topielem.id + "').contentWindow.download(); \"></input>&nbsp;<input id='jsnewwindow' style='border:4px outset green;background-color:lightgray;-webkit-appearance: none;-moz-appearance:none;appearance:none;height:35px;' type='button' value='New Windows &#128209;' onclick=\" document.getElementById('" + topielem.id + "').contentWindow.wop(); \"></input>&nbsp;<input style='display:none;border:4px outset green;background-color:lightgray;-webkit-appearance: none;-moz-appearance:none;appearance:none;height:35px;' id='jsundo' type='button' value='Undo &#10060;' onclick=\" document.getElementById('" + topielem.id + "').contentWindow.undosnapshotcanvas(); \"></input>&nbsp;<input style='display:none;border:4px outset green;background-color:lightgray;-webkit-appearance: none;-moz-appearance:none;appearance:none;height:35px;' id='jsredo' type='button' value='Redo &#10004;' onclick=\" document.getElementById('" + topielem.id + "').contentWindow.redosnapshotcanvas(); \"></input>" + emoji_placeholder + "<br><br><input style=' width: 18px; height: 18px; position: relative; margin: 2px auto; background: #fcfff4; background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); border-radius: 25px; box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);' onchange=\" if (this.checked) { document.getElementById('"  + topielem.id + "').contentWindow.evalit('transcontent=true'); } else { document.getElementById('"  + topielem.id + "').contentWindow.evalit('transcontent=false'); } transcontent=this.checked;\" type='checkbox' id='transcontent' title='Transform left &#128072; canvas &#127912; content versus look (of it only)' checked></input> Content Flip &#8596;: <input onchange=\" if (this.checked) { document.getElementById('"  + topielem.id + "').contentWindow.evalit('always_horizontally_flip=true'); } else { document.getElementById('" + topielem.id + "').contentWindow.evalit('always_horizontally_flip=false'); } always_horizontally_flip=this.checked;\" style=' width: 18px; height: 18px; position: relative; margin: 2px auto; background: #fcfff4; background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); border-radius: 25px; box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);' type='checkbox' id='autoflip' title='Horizontally Flip left &#128072; canvas &#127912;'></input>&nbsp;Flop &#128579;: <input title='Vertically Flop left &#128072; canvas &#127912;' onchange=\" if (this.checked) { document.getElementById('"  + topielem.id + "').contentWindow.evalit('always_vertically_flop=true'); } else { document.getElementById('"  + topielem.id + "').contentWindow.evalit('always_vertically_flop=false'); } always_vertically_flop=this.checked;\" style=' width: 18px; height: 18px; position: relative; margin: 2px auto; background: #fcfff4; background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); border-radius: 25px; box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);' type='checkbox' id='autoflop'></input>&nbsp;Rotation &#127905;: <input title='Rotate (in degrees) left &#128072; canvas &#127912;' id='autorotation' style='width:35px;' type=number onblur=\" document.getElementById('" + topielem.id + "').contentWindow.evalit('rotis=' + this.value); " + intocb + "\" onchange=\" document.getElementById('"  + topielem.id + "').contentWindow.evalit('rotis=' + this.value);  " + intocb + "\" min='-360' max='360' value='0' step='1'></input>&deg;<br><br>Email &#128231; To: <input title='Separate email &#128231; to from optional email cc by (,) and from optional email bcc by (;) and suffixed, optionally by (:) followed by an email Subject' id='jsemail' type='text' onblur='  jsemail=this.value;' value='" + jsemail + "'></input>&nbsp;<input id='jsemailb' style='display:none;border:4px outset green;background-color:lightgray;-webkit-appearance: none;-moz-appearance:none;appearance:none;height:35px;' type='button' onclick=\"document.getElementById('jsemail').value=document.getElementById('jsemail').value.trim() + ' ';\" value='Email &#128231;'></input>&nbsp;&nbsp;<input id='jsemailpdf' style='display:none;border:4px outset green;background-color:lightgray;-webkit-appearance: none;-moz-appearance:none;appearance:none;height:35px;' type='button' onclick=\"document.getElementById('jsemail').value=document.getElementById('jsemail').value.trim() + '   ';\" value='Email PDF &#128196;'></input>&nbsp;&nbsp;<input id='jsemailp' style='display:none;border:4px outset green;background-color:lightgray;-webkit-appearance: none;-moz-appearance:none;appearance:none;height:35px;' type='button' onclick=\"document.getElementById('jsemail').value=document.getElementById('jsemail').value.trim() + '  ';\" value='Postcard &#9993;'></input><br><div id='danimation'>" + insidedanimation + "</div><br>" + sobutton + "<br><select onchange=\" if (this,value.toLowerCase().replace('cover','actual').replace('contain','actual') == 'actual') { imagestraight(document.getElementById('" + topielem.id + "'), this);   } document.getElementById('" + topielem.id + "').contentWindow.rezero(); \" style='width:92%; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;border: 5px solid #ccc;background-color:lightgreen;' id='dcm' title='Discrete click/touch mode'><option id='odef' value=>Discrete Canvas &#127912; Click/Touch &#128433; Mode [Rectangle (outline) &#128306; (via two clicks &#128433;&#128433;)]</option><option value='lo'>Line &#128207; (via two clicks &#128433;&#128433;)</option><option value='ACTUAL'>Image &#128444; Canvas Matches Actual URL</option><option value='COVER'>Image &#128444; Covers Canvas URL</option><option value='CONTAIN'>Image &#128444; Canvas Contains URL</option><option value='actual'>Image &#128444; Canvas Matches Actual Browse</option><option value='cover'>Image &#128444; Covers Canvas Browse</option><option id=ocontain value='contain'>Image &#128444; Canvas Contains Browse</option><option value='im'>Image &#128444; URL &#9875; (sized via two clicks &#128433;&#128433;)</option><option value='ib'>Image &#128444; Browse &#128194; (sized via two clicks &#128433;&#128433;)</option>" + pdfideas + "<option value='Im'>Background &#127782; Canvas Image &#128444; URL &#9875; (Image dimension changes) (can do Standing Orders	&#128198;, as below)</option><option value='Ib'>Background &#127782; Canvas Image &#128444; Browse &#128194; (Image dimension changes)</option><option value='IM'>Background &#127782; Image &#128444; Canvas URL &#9875; (Canvas dimension changes) (can do Standing Orders &#128198;, as below)</option><option value='IB'>Background &#127782; Image &#128444; Canvas Browse &#128194; (Canvas dimension changes)</option><option value='iM'>Background &#127782; Canvas Image &#128444; Camera &#128247; (Image dimension changes) (as applicable)</option><option value='iB'>Background &#127782; Image &#128444; Canvas Camera &#128247; (Canvas dimension changes) (as applicable)</option><option value='ro'>Rectangle (outline) &#128306; (via two clicks &#128433;&#128433;)</option><option value='rx'>Rectangle (clear) &#11036; (via two clicks &#128433;&#128433;)</option><option value='rf'>Rectangle (filled) &#11035; (via two clicks &#128433;&#128433;)</option><option value='co'>Circle (outline via centre then point on circle)	&#11093; (via two clicks &#128433;&#128433;)</option><option value='cf'>Circle (filled via centre then point on circle) &#128309; (via two clicks &#128433;&#128433;)</option><option value='Text'>Text &#9000; (of textarea) Top Left &#128433;</option><option value='text'>Text &#9000; (of textarea) Top Left and Top Right &#128433;&#128433;</option><option value='textseq'>Sequential Text &#128198; Centre Left 1 and Centre Left 2 &#128433;&#128433;</option><option value=' '>Discrete Canvas &#127912; Click/Touch &#128433; Mode (no action) &#9997;</option></select><div id='divbrowse' style='display:none;'>" + cbrowse_nocapture + "</div><br><br><button onclick=colourize(); title='Canvas background colour'>&#128072;</button> Canvas&#127912; Font&#11015;<input style='width:70px;' id='jscf' type='text' onblur='jscf=this.value;' value='" + jscf + "'></input> <input id='colcf' type='text' style='color:blue;width:120px;' onblur=\"colcf=this.value; this.style.color=this.value.split(' ')[eval(-1 + this.value.split(' ').length)];\" value='" + colcf + "'></input>&nbsp;<input title='Text rotation &#127905; (in degrees) for left &#128072; canvas &#127912;' id='trotation' style='width:35px;' type=number onblur=\" document.getElementById('"  + topielem.id + "').contentWindow.evalit('trotis=' + this.value);  trotis=this.value;\" onchange=\" document.getElementById('"  + topielem.id + "').contentWindow.evalit('trotis=' + this.value); trotis=this.value;\" min='-360' max='360' value='0' step='1'></input>&deg;<br><br><textarea title='What is typed here goes over to left &#128072; canvas &#127912;' style='border:8px dashed yellow;' id='myta' rows=" + eighty + " cols=60 value=''></textarea>" + tenimages + "</div>";
            if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i) && parent.document.getElementById('ocontain')) { 
               togglemobilecontain();
            }
          }
          //}
          topprocessb=parent.document.getElementById('processb');
        } else {
          //alert(9887);
          if (qqcnt == 0 && parent.document.getElementById('dmycbox').innerHTML.indexOf('Download') == -1) {
            parent.document.getElementById('dmycbox').innerHTML="<input style='position: absolute; top:200px; left:860px; float:right;border:4px outset green;background-color:lightgray;-webkit-appearance: none;-moz-appearance:none;appearance:none;height:35px;text-decoration:line-through;' id=mycbox onclick=\"if (this.value.indexOf('Show ') == 0) { document.getElementById('topiframe').style.display='block'; this.value=this.value.replace('Show ','Hide ');  this.style.textDecoration='line-through'; } else { document.getElementById('topiframe').style.display='none'; this.value=this.value.replace('Hide ','Show '); this.style.textDecoration='none';  }\" type=button value='Hide Signature Panel &#128179;'></input>&nbsp;<input id='jsdownload' style='border:4px outset green;background-color:lightgray;-webkit-appearance: none;-moz-appearance:none;appearance:none;height:35px;' type='button' value='Download &#128190;' onclick=\" document.getElementById('" + topielem.id + "').contentWindow.download(); \"></input>&nbsp;<input id='jsnewwindow' style='border:4px outset green;background-color:lightgray;-webkit-appearance: none;-moz-appearance:none;appearance:none;height:35px;' type='button' value='New Windows &#128209;' onclick=\" document.getElementById('" + topielem.id + "').contentWindow.wop(); \"></input>&nbsp;<input style='display:none;border:4px outset green;background-color:lightgray;-webkit-appearance: none;-moz-appearance:none;appearance:none;height:35px;' id='jsundo' type='button' value='Undo &#10060;' onclick=\" document.getElementById('" + topielem.id + "').contentWindow.undosnapshotcanvas(); \"></input>&nbsp;<input style='display:none;border:4px outset green;background-color:lightgray;-webkit-appearance: none;-moz-appearance:none;appearance:none;height:35px;' id='jsredo' type='button' value='Redo &#10004;' onclick=\" document.getElementById('" + topielem.id + "').contentWindow.redosnapshotcanvas(); \"></input>";
            qqcnt=1;
          }
          topprocessb=parent.document.getElementById('processb');
        }
        if (6 == 7 && (isTouch || isiPad)) { 
          parent.document.getElementById(topdcmcheck('dcm')).value=' ';
        }
      }
    } else if (topielem) { // a signature, so hide iframe
 //top.document.title += ' 555 ';
      //alert('invisible');
      topielem.style.display='none';
      topielem.style.zIndex='9';
      topielem.style.position='absolute';
      topielem.style.left=eval(topvswidthoff) + 'px';
      topielem.style.top=eval(topvsheightoff) + 'px';
      topielem.style.width=eval(topvswidth) + 'px';
      topielem.style.height=eval(topvsheight) + 'px';
      if (sobutton == '' && presobutton != '' && imurl == '') sobutton=presobutton;
      if (pdgebi('toptd')) {
        parent.document.getElementById('toptd').style.backgroundColor='#e0e0e0';
        parent.document.getElementById('toptd').style.borderLeft='3px dotted #f0f00f';
        if (1 == 1 || parent.document.getElementById('toptd').innerHTML.indexOf('domymd5') == -1) {
          //if (parent.document.getElementById(topdcmcheck('dcm')).value.replace('iM','iB') == 'iB') {
          //parent.document.getElementById('toptd').innerHTML+="<br><div id='dmycbox'><input id=mycbox onclick=\"if (this.value.indexOf('Show ') == 0) { document.getElementById('topiframe').style.display='block'; this.value=this.value.replace('Show ','Hide '); } else { document.getElementById('topiframe').style.display='none'; this.value=this.value.replace('Hide ','Show ');  }\" type=button value='Show Signature Panel'></input>&nbsp;Flip: <input onchange='always_horizontally_flip=this.checked;' type='checkbox' id='autoflip'></input>&nbsp;Flop: <input onchange='always_vertically_flop=this.checked;' type='checkbox' id='autoflop'></input>&nbsp;Rotation (degrees): <input style='width:80px;' type=number onblur=\"" + intocb + "\" onchange=\"" + intocb + "\" min='-360' max='360' value='0' step='1'></input><br><br>Email To (optional): <input title='Separate email to from optional email cc by (,) and from optional email bcc by (;)' id='jsemail' type='text' onblur='  jsemail=this.value;' value='" + jsemail + "'></input>&nbsp;<input id='jsemailb' style='display:none;' type='button' onclick=\"document.getElementById('jsemail').value+=' ';\" value='Email'></input><br><br><select id='dcm' title='Discrete click/touch mode'><option id='odef' value=>Discrete Click/Touch Mode [Rectangle (outline)]</option><option value='lo'>Line</option><option value='im'>Image URL (sized via two clicks)</option><option value='ib'>Image Browse (sized via two clicks)</option><option value='Im'>Background Canvas Image URL (Image dimension changes)</option><option value='Ib'>Background Canvas Image Browse (Image dimension changes)</option><option value='IM'>Background Image Canvas URL (Canvas dimension changes)</option><option value='IB'>Background Image Canvas Browse (Canvas dimension changes)</option><option value='IM'>Background Image Canvas URL (Canvas dimension changes)</option><option value='iM'>Background Canvas Image Camera (Image dimension changes) (as applicable)</option><option value='iB'>Background Image Canvas Camera (Canvas dimension changes) (as applicable)</option><option value='ro'>Rectangle (outline)</option><option value='rf'>Rectangle (filled)</option><option value='co'>Circle (outline via centre then point on circle)</option><option value='cf'>Circle (filled via centre then point on circle)</option><option value='Text'>Text (of textarea) Top Left</option><option value=' '>Discrete Click/Touch Mode (no action)</option></select><div id='divbrowse' style='display:none;'>" + cbrowse + "</div><br><br>Canvas Font: <input id='jscf' type='text' onblur='jscf=this.value;' value='" + jscf + "'></input> <input id='colcf' type='text' style='color:blue;' onblur=\"colcf=this.value; this.style.color=this.value.split(' ')[eval(-1 + this.value.split(' ').length)];\" value='" + colcf + "'></input><br><br><textarea title='What is typed here goes over to canvas to left' style='border:8px dashed yellow;' id='myta' rows=80 cols=60 value=''></textarea>" + tenimages + "</div>";
          //} else {
          if (parent.document.getElementById('toptd').innerHTML.indexOf('domymd5') == -1) {
            //alert('here 98');
            parent.document.getElementById('toptd').innerHTML+=pdfbookdata + "<div id='domymd5' style='text-decoration:underline;cursor:pointer;' onclick=\"   document.getElementById('" + topielem.id + "').contentWindow.setdomymd5();  this.innerHTML=''; \"></div>&nbsp;<div id='dmycbox'><input id=mycbox style='border:4px outset green;background-color:lightgray;-webkit-appearance: none;-moz-appearance:none;appearance:none;height:35px;' onclick=\"if (this.value.indexOf('Show ') == 0) { document.getElementById('topiframe').style.display='block'; this.value=this.value.replace('Show ','Hide ');  this.style.textDecoration='line-through'; } else { document.getElementById('topiframe').style.display='none'; this.value=this.value.replace('Hide ','Show ');  this.style.textDecoration='none';  }\" type=button value='Show Signature Panel &#128179;'></input>&nbsp;<input id='jsdownload' style='border:4px outset green;background-color:lightgray;-webkit-appearance: none;-moz-appearance:none;appearance:none;height:35px;' type='button' value='Download &#128190;' onclick=\" document.getElementById('" + topielem.id + "').contentWindow.download(); \"></input>&nbsp;<input id='jsnewwindow' style='border:4px outset green;background-color:lightgray;-webkit-appearance: none;-moz-appearance:none;appearance:none;height:35px;' type='button' value='New Windows &#128209;' onclick=\" document.getElementById('" + topielem.id + "').contentWindow.wop(); \"></input>&nbsp;<input style='display:none;border:4px outset green;background-color:lightgray;-webkit-appearance: none;-moz-appearance:none;appearance:none;height:35px;' id='jsundo' type='button' value='Undo &#10060;' onclick=\" document.getElementById('" + topielem.id + "').contentWindow.undosnapshotcanvas(); \"></input>&nbsp;<input style='display:none;border:4px outset green;background-color:lightgray;-webkit-appearance: none;-moz-appearance:none;appearance:none;height:35px;' id='jsredo' type='button' value='Redo &#10004;' onclick=\" document.getElementById('" + topielem.id + "').contentWindow.redosnapshotcanvas(); \"></input>" + emoji_placeholder + "<br><br><input onchange=\" if (this.checked) { document.getElementById('"  + topielem.id + "').contentWindow.evalit('transcontent=true'); } else { document.getElementById('"  + topielem.id + "').contentWindow.evalit('transcontent=false'); } transcontent=this.checked;\" style=' width: 18px; height: 18px; position: relative; margin: 2px auto; background: #fcfff4; background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); border-radius: 25px; box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);' type='checkbox' id='transcontent' title='Transform left &#128072; canvas &#127912; content versus look (of it only)' checked></input> Content Flip &#8596;: <input onchange=\" if (this.checked) { document.getElementById('"  + topielem.id + "').contentWindow.evalit('always_horizontally_flip=true'); } else { document.getElementById('"  + topielem.id + "').contentWindow.evalit('always_horizontally_flip=false'); } always_horizontally_flip=this.checked;\" style=' width: 18px; height: 18px; position: relative; margin: 2px auto; background: #fcfff4; background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); border-radius: 25px; box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);' type='checkbox' id='autoflip' title='Horizontally Flip left &#128072; canvas &#127912;'></input>&nbsp;Flop &#128579;: <input title='Vertically Flop left &#128072; canvas &#127912;' onchange=\" if (this.checked) { document.getElementById('"  + topielem.id + "').contentWindow.evalit('always_vertically_flop=true'); } else { document.getElementById('"  + topielem.id + "').contentWindow.evalit('always_vertically_flop=false'); } always_vertically_flop=this.checked;\" style=' width: 18px; height: 18px; position: relative; margin: 2px auto; background: #fcfff4; background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); border-radius: 25px; box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);' type='checkbox' id='autoflop'></input>&nbsp;Rotation &#127905;: <input title='Rotate (in degrees) left &#128072; canvas &#127912;' id='autorotation' style='width:35px;' type=number onblur=\" document.getElementById('"  + topielem.id + "').contentWindow.evalit('rotis=' + this.value);  " + intocb + "\" onchange=\" document.getElementById('"  + topielem.id + "').contentWindow.evalit('rotis=' + this.value);  " + intocb + "\" min='-360' max='360' value='0' step='1'></input>&deg;<br><br>Email &#128231; To: <input title='Separate email &#128231; to from optional email cc by (,) and from optional email bcc by (;) and suffixed, optionally by (:) followed by an email Subject' id='jsemail' type='text' onblur='  jsemail=this.value;' value='" + jsemail + "'></input>&nbsp;<input id='jsemailb' style='display:none;border:4px outset green;background-color:lightgray;-webkit-appearance: none;-moz-appearance:none;appearance:none;height:35px;' type='button' onclick=\"document.getElementById('jsemail').value=document.getElementById('jsemail').value.trim() + ' ';\" value='Email &#128231;'></input>&nbsp;&nbsp;<input id='jsemailpdf' style='display:none;border:4px outset green;background-color:lightgray;-webkit-appearance: none;-moz-appearance:none;appearance:none;height:35px;' type='button' onclick=\"document.getElementById('jsemail').value=document.getElementById('jsemail').value.trim() + '   ';\" value='Email PDF &#128196;'></input>&nbsp;&nbsp;<input id='jsemailp' style='display:none;border:4px outset green;background-color:lightgray;-webkit-appearance: none;-moz-appearance:none;appearance:none;height:35px;' type='button' onclick=\"document.getElementById('jsemail').value=document.getElementById('jsemail').value.trim() + '  ';\" value='Postcard &#9993;'></input><br><div id='danimation'>" + insidedanimation + "</div><br>" + sobutton + "<br><select onchange=\" if (this,value.toLowerCase().replace('cover','actual').replace('contain','actual') == 'actual') { imagestraight(document.getElementById('" + topielem.id + "'), this);   }  document.getElementById('" + topielem.id + "').contentWindow.rezero(); \" style='width:92%; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;border: 5px solid #ccc;background-color:lightgreen;' id='dcm' title='Discrete click/touch mode'><option id='odef' value=>Discrete Canvas &#127912; Click/Touch &#128433; Mode [Rectangle (outline) &#128306; (via two clicks &#128433;&#128433;)]</option><option value='lo'>Line &#128207; (via two clicks &#128433;&#128433;)</option><option value='ACTUAL'>Image &#128444; Canvas Matches Actual URL</option><option value='COVER'>Image &#128444; Covers Canvas URL</option><option value='CONTAIN'>Image &#128444; Canvas Contains URL</option><option value='actual'>Image &#128444; Canvas Matches Actual Browse</option><option value='cover'>Image &#128444; Covers Canvas Browse</option><option id=ocontain value='contain'>Image &#128444; Canvas Contains Browse</option><option value='im'>Image &#128444; URL &#9875; (sized via two clicks &#128433;&#128433;)</option>" + pdfideas + "<option value='ib'>Image &#128444; Browse &#128194; (sized via two clicks &#128433;&#128433;)</option>" + pdfideas + "<option value='Im'>Background &#127782; Canvas Image &#128444; URL &#9875; (Image dimension changes) (can do Standing Orders &#128198;, as below)</option><option value='Ib'>Background &#127782; Canvas Image &#128444; Browse &#128194; (Image dimension changes)</option>" + pdfideas + "<option value='IM'>Background &#127782; Image &#128444; Canvas URL &#9875; (Canvas dimension changes) (can do Standing Orders &#128198;, as below)</option><option value='IB'>Background &#127782; Image &#128444; Canvas Browse &#128194; (Canvas dimension changes)</option>" + pdfideas + "<option value='IM'>Background &#127782; Image &#128444; Canvas URL &#9875; (Canvas dimension changes) (can do Standing Orders &#128198;, as below)</option><option value='iM'>Background &#127782; Canvas Image &#128444; Camera &#128247; (Image dimension changes) (as applicable)</option><option value='iB'>Background &#127782; Image &#128444; Canvas Camera &#128247; (Canvas dimension changes) (as applicable)</option><option value='ro'>Rectangle (outline) &#128306; (via two clicks &#128433;&#128433;)</option><option value='rx'>Rectangle (clear) &#11036; (via two clicks &#128433;&#128433;)</option><option value='rf'>Rectangle (filled) &#11035; (via two clicks &#128433;&#128433;)</option><option value='co'>Circle (outline via centre then point on circle) &#11093; (via two clicks &#128433;&#128433;)</option><option value='cf'>Circle (filled via centre then point on circle) &#128309; (via two clicks &#128433;&#128433;)</option><option value='Text'>Text &#9000; (of textarea) Top Left &#128433;</option><option value='text'>Text &#9000; (of textarea) Top Left and Top Right &#128433;&#128433;</option><option value='textseq'>Sequential Text &#128198; Centre Left 1 and Centre Left 2 &#128433;&#128433;</option><option value=' '>Discrete Canvas &#127912; Click/Touch &#128433; Mode (no action) &#9997;</option></select><div id='divbrowse' style='display:none;'>" + cbrowse_nocapture + "</div><br><br><button onclick=colourize(); title='Canvas background colour'>&#128072;</button> Canvas&#127912; Font&#11015;<input style='width:70px;' id='jscf' type='text' onblur='jscf=this.value;' value='" + jscf + "'></input> <input id='colcf' type='text' style='color:blue;width:120px;' onblur=\"colcf=this.value; this.style.color=this.value.split(' ')[eval(-1 + this.value.split(' ').length)];\" value='" + colcf + "'></input>&nbsp;<input title='Text rotation &#127905; (in degrees) for left &#128072; canvas &#127912;' id='trotation' style='width:35px;' type=number onblur=\" document.getElementById('"  + topielem.id + "').contentWindow.evalit('trotis=' + this.value);  trotis=this.value;\" onchange=\" document.getElementById('"  + topielem.id + "').contentWindow.evalit('trotis=' + this.value);  trotis=this.value;\" min='-360' max='360' value='0' step='1'></input>&deg;<br><br><textarea title='What is typed here goes over to left &#128072; canvas &#127912;' style='border:8px dashed yellow;' id='myta' rows=" + eighty + " cols=60 value=''></textarea>" + tenimages + "</div>";
            if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i) && parent.document.getElementById('ocontain')) { 
               togglemobilecontain();
            }
          }
          //}
          topprocessb=parent.document.getElementById('processb');
        } else {
          if (parent.document.getElementById('divbrowse')) parent.document.getElementById('divbrowse').style.display='inline';
          //alert(987);
          if (parent.document.getElementById('dmycbox').innerHTML.indexOf('Download') == -1) parent.document.getElementById('dmycbox').innerHTML="<input style='position: absolute; top:200px; left:860px; float: right;border:4px outset green;background-color:lightgray;-webkit-appearance: none;-moz-appearance:none;appearance:none;height:35px;' id=mycbox onclick=\"if (this.value.indexOf('Show ') == 0) { document.getElementById('topiframe').style.display='block'; this.value=this.value.replace('Show ','Hide '); this.style.textDecoration='line-through'; } else { document.getElementById('topiframe').style.display='none'; this.value=this.value.replace('Hide ','Show '); this.style.textDecoration='none';  }\" type=button value='Show Signature Panel &#128179;'></input>&nbsp;<input id='jsdownload' style='border:4px outset green;background-color:lightgray;-webkit-appearance: none;-moz-appearance:none;appearance:none;height:35px;' type='button' value='Download &#128190;' onclick=\" document.getElementById('" + topielem.id + "').contentWindow.download(); \"></input>&nbsp;<input id='jsnewwindow' style='border:4px outset green;background-color:lightgray;-webkit-appearance: none;-moz-appearance:none;appearance:none;height:35px;' type='button' value='New Windows &#128209;' onclick=\" document.getElementById('" + topielem.id + "').contentWindow.wop(); \"></input>&nbsp;<input style='display:none;border:4px outset green;background-color:lightgray;-webkit-appearance: none;-moz-appearance:none;appearance:none;height:35px;' id='jsundo' type='button' value='Undo &#10060;' onclick=\" document.getElementById('" + topielem.id + "').contentWindow.undosnapshotcanvas(); \"></input>&nbsp;<input style='display:none;border:4px outset green;background-color:lightgray;-webkit-appearance: none;-moz-appearance:none;appearance:none;height:35px;' id='jsredo' type='button' value='Redo &#10004;' onclick=\" document.getElementById('" + topielem.id + "').contentWindow.redosnapshotcanvas(); \"></input>" + emoji_placeholder + "";
          topprocessb=parent.document.getElementById('processb');
        }
        if (6 == 7 && (isTouch || isiPad)) { 
          parent.document.getElementById(topdcmcheck('dcm')).value=' ';
        }
      }
    }
}

function dojsemail(tva) {
  jsemail=tva;
  if (tva.toLowerCase().indexOf("rmetcalfe15@gmail.com") != -1) reduction=0.7; //2;
}

function reinstatecolcf() {
    if (wascolcf != "") {
      if (pdgebi('colcf')) {
      parent.document.getElementById('colcf').value=wascolcf;
      }
      isScribble=1;
      jsclickno=0;
    }
    wascolcf="";
}

function wop(canvas, filename) { // thanks to https://www.html5rocks.com/en/tutorials/canvas/integrating/
    if (typeof canvas === "undefined") canvas=topelem;
        var pbs=pagebit.split("repag");
        if (pbs.length > 1) {
            pagebit=" -crop 100%x" + (eval(100.0 / numc)) + "%" + pbs[0].split("%")[eval(-1 + pbs[0].split("%").length)] + "repag" + pbs[1]; //jsimgw + "x" + jsimgh + ""; // +repage ";
            nopagebit=pagebit;
        }
    window.open(canvas.toDataURL("image/png"), "_blank", "top=50,left=50,width=400,height=300");
    window.open(canvas.toDataURL("image/jpeg", 0.7), "_blank", "top=400,left=50,width=400,height=300");
    var prevet=etreplace;
    var prevno=nopagebit;
    var prevem='';
    if (pdgebi('jsemail')) {
      parent.document.getElementById('jsemail').value;
    }
    if (pdgebi('jsemail') && prevem.indexOf("@") == -1) {
      parent.document.getElementById('jsemail').value='fillin@email.to:PDF Attachment made up of ' + numc + ' slides';
    } else if (pdgebi('jsemail') && prevem.indexOf(":") == -1) {
      parent.document.getElementById('jsemail').value+=':PDF Attachment made up of ' + numc + ' slides';
    }
    etreplace="@";
    nopagebit="youllneverfindthis";
    sendtheemail("");
    nopagebit=prevno;
    etreplace=prevet;
    if (prevem == '') prevem='fill.in@email.to';
    if (pdgebi('jsemail')) {
    parent.document.getElementById('jsemail').value=prevem;
    }
}

function download(canvas, filename) { // thanks to https://stackoverflow.com/questions/18480474/how-to-save-an-image-from-canvas
    if (typeof canvas === "undefined") canvas=topelem;
    if (typeof filename === "undefined") filename = 'topelem.png';
    
    var okaytotry=true;
    
    if (pdgebi('jsundo')) {
      if (parent.document.getElementById('jsundo').style.display.toLowerCase() != 'inline') okaytotry=false;
    } else {
      okaytotry=false;
    }

    if (!okaytotry) {
    if (pdgebi(topdcmcheck('dcm'))) {
      parent.document.getElementById(topdcmcheck('dcm')).value='';
      jsclickno=0;
      isScribble=1;
    }
    alert("Please, instead, use right-click or two finger gesture Copy commands to copy canvas contents to the left.  Please do this within 8 seconds if you intend to proceed.");
    if (pdgebi('colcf')) {
      wascolcf=parent.document.getElementById('colcf').value;
      parent.document.getElementById('colcf').value='transparent';
      if (document.URL.indexOf('nocookies=') != -1) {
      setTimeout(reinstatecolcf,68000);
      } else {
            setTimeout(reinstatecolcf, 8000);
            }
    }
    jsclickno=0;
    isScribble=1;
    } else {
    /// create an "off-screen" anchor tag
    var lnk = parent.document.createElement('a'),
        e;

    /// the key here is to set the download attribute of the a tag
    lnk.download = filename;

    /// convert canvas content to data-uri for link. When download
    /// attribute is set the content pointed to by link will be
    /// pushed as "download" in HTML5 capable browsers
    lnk.href = canvas.toDataURL();

    /// create a "fake" click-event to trigger the download
    if (parent.document.createEvent) {

        e = parent.document.createEvent("MouseEvents");
        e.initMouseEvent("click", true, true, window,
                         0, 0, 0, 0, 0, false, false, false,
                         false, 0, null);

        lnk.dispatchEvent(e);

    } else if (lnk.fireEvent) {

        lnk.fireEvent("onclick");
    }
    }
}

  function checkip(iois) {
    var aconto = (iois.contentWindow || iois.contentDocument);
    if (aconto != null) {
       if (aconto.document) { aconto = aconto.document; }
       myipad=aconto.body.innerHTML.split('</p>')[0].split('>')[eval(-1 + aconto.body.innerHTML.split('</p>')[0].split('>').length)];
       //alert(myipad);
    }
  }
  
  function trydbi() {
  document.body.innerHTML+='<iframe src="./signature_signature.php?getmeipaddress=y" style=display:none; onload="checkip(this);"></iframe>';
  }

//setTimeout(trydbi, 1500);
setTimeout(canvas_events, 2000); 
setTimeout(ipf, 2500);