7c7
< 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 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;
11,25c11
< var njk=0
< var imgmode="y";
< var omyh1;
< var lastimis="";
< var fcont="";
< var bigi=0;
< var bigj=0;
< 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 jsrectbits=[0,0,0,0,0,0];
38,278d23
< //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 type="file" id="file" name="file" title="Image file please" accept="image/*" capture>     <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;" id="processb">Process</button></span><img onload=" jsimgw = this.width; jsimgh = this.height;  " id="imglist" style="display:none;" src=""></img>';
< var cbrowse_nocapture=cbrowse.replace(' capture','');
<    
<  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 = parent.document.getElementById("myh1");
<     
< 
<     
<     var 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";
<      } else if (imgmode == " ") {
<        imgmode = "";
<      }
< 
< 
< 
<       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)) {
<       // 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);
<       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 {
<         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) + ";");
< 
<         parent.document.getElementById("z" + dno + "data").value = e.target.result;
<         parent.document.getElementById("bzip" + dno).click();  
<         setTimeout(zclick, 5000); 
<       } 
<       }
<           } else {
< 
< 
<           // Render thumbnail.
<           if (parent.document.body.innerHTML.indexOf('" title="' + escape(theFile.name) + '' ) == -1) {
<           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 (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 (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 (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 (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 {
<             span.innerHTML = ['<img onclick=parent.document.getElementById("' + vid + '").style.display="block"; class="thumb" src="', e.target.result,
<                             '" title="', escape(theFile.name), '"/>'].join('');
< 		  }
<           //parent.document.getElementById('imglist').insertBefore(span, null);
<           parent.document.getElementById('imglist').src=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;
<           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);
<           parent.document.getElementById('imglist').src=e.target.result;
<           //parent.document.getElementById('imglist').style.display='block';
<           }
<           }
<           }
<         };
<       })(file);
< 
<            reader.readAsDataURL(file);
<            
<       } else if (imgmode == "y") {
<       // 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;
<           parent.document.getElementById('imglist').insertBefore(span1, null);
<         };
<       })(file);
< 
<            reader.readAsDataURL(file);
< 
<       } else {
<       
< 
< 
<     // If we use onloadend, we need to check the readyState.
<    
<     reader.onloadend = function(evt) {
<       if (evt.target.readyState == FileReader.DONE) { // DONE == 2
<         parent.document.getElementById("byte_content").textContent = evt.target.result;
<         parent.document.getElementById("byte_range").textContent = 
<             ["Read bytes: ", start + 1, " - ", stop + 1,
<              " of ", file.size, " byte file"].join("");
<     
<         process(evt.target.result);
<       }
<     };
< 			var blob = file.slice(start, stop + 1);
<     		reader.readAsBinaryString(blob);
<     }
<     
< 
<   }
<   
281c26
<   if (tv.toLowerCase() == 'im' && lastim != tv && lastimis != 'iM') {
---
>   if (tv == 'im' && lastim != tv) {
290,293d34
<     if (parent.document.getElementById('dcm').value != parent.document.getElementById('dcm').value.toLowerCase() && parent.document.getElementById('dcm').value.trim() != "") {
<       //alert("js values=" + jsimgw + "," + jsimgh);
<       setTimeout(shapedraw,1000);
<     }
303c44
<   } 
---
>   }
314,372c55
<     if (dcmv.replace('iM','iB').toLowerCase() == 'ib' || (dcmv == '' && jsanimg != null)) {
<         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','')));
<           parent.document.getElementById('dcm').value=parent.document.getElementById('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]));
<         }
<         if (parent.document.getElementById('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)','Image Browse (sized via two clicks)');
<         parent.document.getElementById('dcm').value='';
<     } else if (dcmv == 'ro' || dcmv == '') {
---
>     if (dcmv == 'ro' || dcmv == '') {
377c60
<     } else if (dcmv.toLowerCase() == 'im') {
---
>     } else if (dcmv == 'im') {
413d95
<         lastimis="";
882,885d563
< function prereadblob() {
<   readBlob(0,0);
< }
< 
888,935c566
<     if (parent.document.getElementById('dcm').value == 'iM') lastimis=parent.document.getElementById('dcm').value;
<     if (parent.document.getElementById('dcm').value.replace('iM','iB').toLowerCase() =='im') imageask(parent.document.getElementById('dcm').value);
<     if (parent.document.getElementById('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;
<       bigf[bigf.length] = parent.document.getElementById('file').value; 
<       readBlob(0,0);
<     if (parent.document.getElementById('dcm').value != parent.document.getElementById('dcm').value.toLowerCase() && parent.document.getElementById('dcm').value.trim() != "") {
<       setTimeout(shapedraw,2000);
<     }
<     }
<     } else {
<     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('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 Creator'></input><br><br>Email To (optional): <input 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 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></div>";
<     parent.document.getElementById('myta').value=taval;
<     }
<     } else {
<     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 Creator'></input><br><br>Email To (optional): <input 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 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></div>";
<     parent.document.getElementById('myta').value=taval;
<     }
<     }
<     parent.document.getElementById('divbrowse').style.display='block';
<     }
<     //parent.document.getElementById("file").click();
<     //alert(1111);
<     //}
<     }
---
>     if (parent.document.getElementById('dcm').value =='im') imageask('im');
972d602
<       var fifteen=eighteen, five=5;
982,983c612,613
<           if (ii == istart && ii == iend) 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) topcontext.strokeText(lines[ilines].substring(prevlines[ilines].length),eval(eval('' + izero) + five),starth);
---
>           if (ii == istart) topcontext.clearRect(izero, Math.max(0,eval(fstarth - 15) / 1), eval(eval(topwidth.replace('px','')) - izero), eval(starth * 0 + 20) / 1);
>           if (ii == iend) topcontext.strokeText(lines[ilines].substring(prevlines[ilines].length),eval(eval('' + izero) + 5),starth);
985,986c615,616
<           if (ii == istart && ii == iend) topcontext.clearRect(izero, Math.max(0,eval(fstarth - fifteen)), eval(eval(topwidth.replace('px','')) - izero), eval(starth * 0 + eval('' + eighteen) + 2));
<           if (ii == iend) topcontext.strokeText(lines[ilines],eval(eval('' + izero) + five),starth);
---
>           if (ii == istart) topcontext.clearRect(izero, Math.max(0,eval(fstarth - 15)), eval(eval(topwidth.replace('px','')) - izero), eval(starth * 0 + 20));
>           if (ii == iend) topcontext.strokeText(lines[ilines],eval(eval('' + izero) + 5),starth);
990,991c620,621
<         if (ii == istart && ii == iend) topcontext.clearRect(0, Math.max(0,eval(fstarth - fifteen)), eval(topwidth.replace('px','')), eval(starth * 0 + eval('' + eighteen) + 2));
<         if (ii == iend) topcontext.strokeText(lines[ilines],eval(eval('' + izero) + five),starth);
---
>         if (ii == istart) topcontext.clearRect(0, Math.max(0,eval(fstarth - 15)), eval(topwidth.replace('px','')), eval(starth * 0 + 20));
>         if (ii == iend) topcontext.strokeText(lines[ilines],eval(eval('' + izero) + 5),starth);
993,994c623
<         //if (ii == istart && ii == iend) fifteen=1;
<         starth+=eval(eval('' + eighteen) + 2);
---
>         starth+=20;
1006,1007d634
<            fifteen=eval('' + eighteen);
<            five=0;
1009c636
<            fstarth=eval(y + fifteen);
---
>            fstarth=eval(y + 15);
1011c638
<            fstarth=eval(ppy + fifteen);
---
>            fstarth=eval(ppy + 15);
1535,1540c1162
<           //if (parent.document.getElementById('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 Creator'></input><br><br>Email To (optional): <input 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 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></div>";
<           //} else {
<           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 Creator'></input><br><br>Email To (optional): <input 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 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></div>";
<           //}
<           topprocessb=parent.document.getElementById('processb');
---
>           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 Creator'></input><br><br>Email To (optional): <input 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 value=>Discrete Click/Touch Mode [Rectangle (outline)]</option><option value='lo'>Line</option><option value='im'>Image (sized via two clicks)</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><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></div>";
1543d1164
<           topprocessb=parent.document.getElementById('processb');
1560,1565c1181
<           //if (parent.document.getElementById('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 Creator'></input><br><br>Email To (optional): <input 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></div>";
<           //} else {
<           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 Creator'></input><br><br>Email To (optional): <input 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_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></div>";
<           //}
<           topprocessb=parent.document.getElementById('processb');
---
>           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 Creator'></input><br><br>Email To (optional): <input 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 value=>Discrete Click/Touch Mode [Rectangle (outline)]</option><option value='lo'>Line</option><option value='im'>Image (sized via two clicks)</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><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></div>";
1568d1183
<           topprocessb=parent.document.getElementById('processb');