6c6
< var toplastta='',topfirst=true,toplthere=false, topelem=null, topielem=null, topcontext=null, topwidth=0, topheight=0, topvswidth=0, topvsheight=0, topvswidthoff=0, topvsheightoff=0;
---
> var topfirst=true,toplthere=false, topelem=null, topielem=null, topcontext=null, topwidth=0, topheight=0, topvswidth=0, topvsheight=0, topvswidthoff=0, topvsheightoff=0;
8,12d7
< var prevlines=[], lines=[];
< var eighteen=18;
< var jsemail = "";
< var jscf = "18px Verdana", lastjscf=jscf;
< var colcf = "black";
27,29c22,24
<    } else {
<    ssj_deleteCookie();
<    }
---
>    } //else {
>    //alert("length=" + thisg.length);
>    //}
201,204d195
<       if (parent.document.getElementById('colcf')) {
<         colcf=parent.document.getElementById('colcf').value;
<       }
<         topcontext.strokeStyle = colcf;
249,360d239
< 
< 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 (isScribble == 1) { isScribble=2;
<        if (event.pageX || event.pageY) {
<         ppx=event.pageX - elemLeft;
<         ppy=event.pageY - elemTop;
<        } else {
<         ppx=event.clientX - elemLeft;
<         ppy=event.clientY - elemTop;
<        }
<         lastx=0;  // new to scribble
<         lasty=0;
<         x=0;
<         y=0;
<  } 
<  break;
<         case "mousemove": if (isScribble == 2) {
< 
<        if (x == 0 && y == 0 && lastx == 0 && lasty == 0) {
<        if (event.pageX || event.pageY) {
<        x = event.pageX - elemLeft;
<        y = event.pageY - elemTop;
<        } else {
<        x = event.clientX - elemLeft;
<        y = event.clientY - elemTop;
<        }
<        lastx=x;
<        lasty=y;
<        } else {
<        lastx=x;
<        lasty=y;
<        if (event.pageX || event.pageY) {
<        x = event.pageX - elemLeft;
<        y = event.pageY - elemTop;
<        } else {
<        x = event.clientX - elemLeft;
<        y = event.clientY - elemTop;
<        }
<        }
<        
<        
<        
<     
<     if (x != lastx || y != lasty) {
<       //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);
<     topcontext.lineTo(lastx,lasty);
<       if (parent.document.getElementById('colcf')) {
<         colcf=parent.document.getElementById('colcf').value;
<       }
<     topcontext.strokeStyle = colcf;
<     topcontext.stroke();
< 	}
< 
< 
<     }
<     break;        
<         case "mouseup":  if (isScribble == 2) { pmore=' pm '; isScribble=1; } break;
<         default: return;
<     }
<     
<     //}
< 
< }
< 
< 
< function sendtheemail() {
<   if (document.getElementById('myform')) {
<     if (document.getElementById('myform').innerHTML.indexOf('email' + 'to') == -1) {
<       document.getElementById('myform').enctype='application/x-www-urlencoded';
<       document.getElementById('myform').innerHTML+='<input type="hidden" value="' + parent.document.getElementById('jsemail').value + '" title="Email to" id="emailto" name="emailto"></input>';
<       document.getElementById('myform').innerHTML+='<input type="hidden" value="' + topelem.toDataURL('image/png') + '" title="Content" id="contentto" name="contentto"></input>';
<       document.getElementById('mysbut').click();
<     }
<   }
< }
< 
362,418d240
<   if (parent.document.getElementById('jsemail') && parent.document.getElementById('jsemailb')) {
<     if (parent.document.getElementById('jsemail').value.indexOf('@') > 0) {
<       if (parent.document.getElementById('jsemail').value.indexOf(' ') != -1) {
<         parent.document.getElementById('jsemail').value=parent.document.getElementById('jsemail').value.replace(/\ /g,'');
<         parent.document.getElementById('jsemailb').style.display='none';
<         sendtheemail();
<       } else {
<         parent.document.getElementById('jsemailb').style.display='inline';
<       }
<     }
<   }
<   if (parent.document.getElementById('myta')) {
<     if (parent.document.getElementById('myta').value != '') {
<      if (toplastta != parent.document.getElementById('myta').value) {
<       var starth=20, izero=0, fstarth=20;
<       //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;
<       topcontext.fillStyle = colcf;
<       lines=parent.document.getElementById('myta').value.split(String.fromCharCode(10));
<       for (var ilines=0; ilines<lines.length; ilines++) {
<         //topcontext.clearRect(0, 0, eval(topwidth.replace('px','')), eval(topvsheightoff));
<         if (prevlines.length > ilines) {
<         if (prevlines[ilines] != lines[ilines]) {
<         izero=0;
<         if (1 == 1 && 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));
<           topcontext.clearRect(izero, Math.max(0,eval(fstarth - 15) / 1), eval(eval(topwidth.replace('px','')) - izero), eval(starth * 0 + 20) / 1);
<           topcontext.strokeText(lines[ilines].substring(prevlines[ilines].length),eval(eval('' + izero) + 5),starth);
<         } else {
<           topcontext.clearRect(izero, Math.max(0,eval(fstarth - 15)), eval(eval(topwidth.replace('px','')) - izero), eval(starth * 0 + 20));
<           topcontext.strokeText(lines[ilines],5,starth);
<         }
<         }
<         } else {
<         topcontext.clearRect(0, Math.max(0,eval(fstarth - 15)), eval(topwidth.replace('px','')), eval(starth * 0 + 20));
<         topcontext.strokeText(lines[ilines],5,starth);
<         }
<         starth+=20;
<         fstarth=starth;
<         prevlines[ilines]=lines[ilines];
<       }
<       toplastta=parent.document.getElementById('myta').value;
<       lastjscf=jscf;
<      }
<     }
<   }
515,518d336
<       if (parent.document.getElementById('colcf')) {
<         colcf=parent.document.getElementById('colcf').value;
<       }
<            topcontext.strokeStyle = colcf;
544,551c362
<     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("touchcancel", touchHandler, true);    
560,652d370
<     if (topelem) {
<     topelem.addEventListener('mouseup', function(event) {
<        if (isScribble == 2) {
<          pmore=' pxm '; isScribble=1;
<        }
<     });
<     
<     topelem.addEventListener('touchend', function(event) {
<        if (isScribble == 2) {
<         pmore=' pxzm '; 
<         isScribble=1;
<        }
<     });
< 
<     topelem.addEventListener('touchstart', function(event) {
<        if (isScribble == 1) {
<         pmore=' pxqm '; 
<         isScribble=2;
<        }
<     });
< 
< 
<     topelem.addEventListener('mousedown', function(event) {
<        if (isScribble == 1) {
<         pmore=' pxam '; 
<         isScribble=2;
<        if (event.pageX || event.pageY) {
<         ppx=event.pageX - elemLeft;
<         ppy=event.pageY - elemTop;
<        } else {
<         ppx=event.clientX - elemLeft;
<         ppy=event.clientY - elemTop;
<        }
<         lastx=0;  // new to scribble
<         lasty=0;
<         x=0;
<         y=0;
<        }
<     });
<         
<     topelem.addEventListener('mousemove', function(event) {
<        if (isScribble == 2) {
< 
<        if (x == 0 && y == 0 && lastx == 0 && lasty == 0) {
<        if (event.pageX || event.pageY) {
<        x = event.pageX - elemLeft;
<        y = event.pageY - elemTop;
<        } else {
<        x = event.clientX - elemLeft;
<        y = event.clientY - elemTop;
<        }
<        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 = event.pageX - elemLeft;
<        y = event.pageY - elemTop;
<        } else {
<        x = event.clientX - elemLeft;
<        y = event.clientY - elemTop;
<        }
<        }
<            
<     if (x != lastx || y != lasty) {
<       //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);
<     topcontext.lineTo(lastx,lasty);
<       if (parent.document.getElementById('colcf')) {
<         colcf=parent.document.getElementById('colcf').value;
<       }
<     topcontext.strokeStyle = colcf;
<     topcontext.stroke();
<     //document.title+=pmore + ' here';
< 	}
< 
< 
<     }
< 
<     });
<     }
738,741d455
<       if (parent.document.getElementById('colcf')) {
<         colcf=parent.document.getElementById('colcf').value;
<       }
<         topcontext.strokeStyle = colcf;
783,784c497,498
<       //alert('a visible')
<       showornot();
---
>       //alert('visible')
>       showornot;
786c500
<       //alert('a invisible');
---
>       //alert('invisible');
802d515
<       //alert('z visible');
805c518
<           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>Canvas Font: <input id='jscf' type='text' onblur='jscf=this.value;' value='" + jscf + "'></input> <input id='colcf' type='text' onblur='colcf=this.value; this.style.color=this.value;' 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('toptd').innerHTML+="<br><div style='position: absolute; top:200px; left:860px; float:right;' id='dmycbox'><input style='position: absolute; top:200px; left:860px; float:right;' 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></div>";
821c534
<           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>Canvas Font: <input id='jscf' type='text' onblur='jscf=this.value;' value='" + jscf + "'></input> <input id='colcf' type='text' onblur='colcf=this.value; this.style.color=this.value;' 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('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></div>";