8d7
<   var andthenthereis="  Or comma (and/or semicolon ; pen up) separated x1,y1,x2,y2 co-ordinate set or comma (and/or semicolon ; pen up) separated x1,y1,bearing-distance set or justification code from ... to ... justification code to ( eg. the default tltobr )... where ... tl ... top left tc  ... top centre tr  ... top right cl  ... centre left cc  ... centre centre cr  ... centre right bl  ... bottom left bc  ... bottom centre br  ... bottom right  ... relative to the SVG window width x height dimensions, comma (and/or semicolon ; pen up) separated";
12,13c11
<   var equalsr='y';
<   var thimageextras='&nbsp;Width:&nbsp;<input onblur=fixv(this); onchange=fixv(this); type=number id=imagew value=' + ifw + ' step=1 min=0 style=width:60px;></input>&nbsp;x&nbsp;<input style=width:60px; onblur=fixv(this); onchange=fixv(this); type=number id=imageh value=' + ifh + ' step=1 min=0></input>&nbsp;<select onchange=fixv(this); id=selimageoverlay><option value="">Height</option><option value="overlay">Height ... Overlayed</option></select>&nbsp;<br><select onchange=fixv(this); id=imageself><option id=imageoptf value=" ">Fill</option><option id=imageotherf value="transparent">Transparent Fill</option><option id=imagenonef value="">Fill None</option></select><input onblur=fixv(this); id=imagecpfo type=text value="" style=width:60px; placeholder=":" title="Optional fill colour opacity 0.0 to [1.0]' + andthenthereis + '"></input>&nbsp;<input onblur=fixv(this); onchange=fixv(this); id=imagecpf type=color title="Fill" data-last="#00ff00" value="#00ff00"></input>&nbsp;<select onchange=fixv(this); id=imagesels><option id=imageopts value=" ">Stroke</option><option id=imageothers value="transparent">Transparent Stroke</option><option id=imagenones value="">Stroke None</option></select><input onblur=fixv(this); id=imagecpso type=text value="" style=width:60px; placeholder=":" title="Optional stroke colour opacity 0.0 to [1.0]' + andthenthereis + '"></input>&nbsp;<input onblur=fixv(this); onchange=fixv(this); id=imagecps type=color title="Stroke" data-last="#000000" value="#000000"></input>';
---
>   var thimageextras='&nbsp;Width:&nbsp;<input onblur=fixv(this); onchange=fixv(this); type=number id=imagew value=' + ifw + ' step=1 min=0 style=width:80px;></input>&nbsp;x&nbsp;<input style=width:80px; onblur=fixv(this); onchange=fixv(this); type=number id=imageh value=' + ifh + ' step=1 min=0></input>&nbsp;<select onchange=fixv(this); id=selimageoverlay><option value="">Height</option><option value="overlay">Height ... Overlayed</option></select>&nbsp;<br><select onchange=fixv(this); id=imageself><option id=imageoptf value=" ">Fill</option><option id=imageotherf value="transparent">Transparent Fill</option><option id=imagenonef value="">Fill None</option></select><input onblur=fixv(this); id=imagecpfo type=text value="" style=width:80px; placeholder=":" title="Optional fill colour opacity 0.0 to [1.0]"></input>&nbsp;<input onblur=fixv(this); onchange=fixv(this); id=imagecpf type=color title="Fill" data-last="#00ff00" value="#00ff00"></input>&nbsp;<select onchange=fixv(this); id=imagesels><option id=imageopts value=" ">Stroke</option><option id=imageothers value="transparent">Transparent Stroke</option><option id=imagenones value="">Stroke None</option></select><input onblur=fixv(this); id=imagecpso type=text value="" style=width:80px; placeholder=":" title="Optional stroke colour opacity 0.0 to [1.0]"></input>&nbsp;<input onblur=fixv(this); onchange=fixv(this); id=imagecps type=color title="Stroke" data-last="#000000" value="#000000"></input>';
36c34
<         document.getElementById('doverlay').innerHTML+='<img title="Click for new window version or right click showing overlays" oncontextmenu="windowopen(this.src,' + "'_blank'" + ');" onclick="window.open(this.src,' + "'_blank'" + ');" style=' + "'width:" + imifw + "px;height:" + imifh + "px;left:" + imagerect[0].left + "px;top:" + imagerect[0].top + "px;position:absolute;'" + ' id=myimage' + imagelasts + ' src="' + inurl.split('=')[0] + '=' + equalsr + '"></img>';
---
>         document.getElementById('doverlay').innerHTML+='<img title="Click for new window version or right click showing overlays" oncontextmenu="windowopen(this.src,' + "'_blank'" + ');" onclick="window.open(this.src,' + "'_blank'" + ');" style=' + "'width:" + imifw + "px;height:" + imifh + "px;left:" + imagerect[0].left + "px;top:" + imagerect[0].top + "px;position:absolute;'" + ' id=myimage' + imagelasts + ' src="' + inurl + '"></img>';
43c41
<      return inurl.split('=')[0] + '=' + equalsr;
---
>      return inurl;
52c50
<        document.getElementById('doverlay').innerHTML+='<iframe title="Click for new window version or right click showing overlays" oncontextmenu="windowopen(this.src,' + "'_blank'" + ');" onclick="window.open(this.src,' + "'_blank'" + ');" frameborder=0 style=' + "'width:" + ififw + "px;height:" + ififh + "px;left:" + iframerect[0].left + "px;top:" + iframerect[0].top + "px;position:absolute;'" + ' id=myiframe' + iframelasts + ' src="' + inurl.split('=')[0] + '=' + equalsr + '"></iframe>';
---
>        document.getElementById('doverlay').innerHTML+='<iframe title="Click for new window version or right click showing overlays" oncontextmenu="windowopen(this.src,' + "'_blank'" + ');" onclick="window.open(this.src,' + "'_blank'" + ');" frameborder=0 style=' + "'width:" + ififw + "px;height:" + ififh + "px;left:" + iframerect[0].left + "px;top:" + iframerect[0].top + "px;position:absolute;'" + ' id=myiframe' + iframelasts + ' src="' + inurl + '"></iframe>';
59c57
<      return inurl.split('=')[0] + '=' + equalsr;
---
>      return inurl;
94,195d91
<   function equalsrcheck(ioo) {
<     var thisval=ioo.value;
<     var justs=['tl','tc','tm','tr','bl','bc','bm','br','cl','cc','cm','cr','ml','mc','mm','mr'];
<     var jusxw=[0.00,0.50,0.50,1.00,0.00,0.50,0.50,1.00,0.00,0.50,0.50,1.00,0.00,0.50,0.50,1.00];
<     var jusyh=[0.00,0.00,0.00,0.00,1.00,1.00,1.00,1.00,0.50,0.50,0.50,0.50,0.50,0.50,0.50,0.50];
<     var xfofarc='', iix, xtoflds=[], jjx;
<     if (thisval.trim() == '' || thisval.indexOf(',') == -1) { equalsr='y'; }
<     if (thisval.indexOf(',') != -1) {
<        var cflds=thisval.split(',');
<        for (var inm=0; inm<cflds.length; inm++) {
<          if (cflds[inm].split('#')[0].toLowerCase().indexOf('to') == 2 && eval('' + cflds[inm].split('#')[0].length) == 6) {
<        xfofarc='';
<        xtoflds=cflds[inm].split('#')[0].toLowerCase().split('to');
<        for (iix=0; iix<justs.length; iix++) {
<          if (xtoflds[0] == justs[iix] || xtoflds[0] == (justs[iix].substring(1) + justs[iix].substring(0,1))) {
<            if (ioo.id.indexOf('mage') != -1) { 
<             xfofarc='' + eval(jusxw[iix] * imifw) + ',' + eval(jusyh[iix] * imifh) + ',';
<            } else if (ioo.id.indexOf('frame') != -1) { 
<             xfofarc='' + eval(jusxw[iix] * ififw) + ',' + eval(jusyh[iix] * ififh) + ',';
<            }
<          }
<        }
<        if (xfofarc != '') {
<        for (jjx=0; jjx<justs.length; jjx++) {
<          if (xtoflds[1] == justs[jjx] || xtoflds[1] == (justs[iix].substring(1) + justs[iix].substring(0,1))) {
<            if (ioo.id.indexOf('mage') != -1) { 
<             xfofarc+='' + eval(jusxw[jjx] * imifw) + ',' + eval(jusyh[jjx] * imifh) + '';
<            } else if (ioo.id.indexOf('frame') != -1) { 
<             xfofarc+='' + eval(jusxw[jjx] * ififw) + ',' + eval(jusyh[jjx] * ififh) + '';
<            }
<          }
<        }
<        }
<        if (eval('' + xfofarc.split(',').length) == 4) {
<            thisval=thisval.replace(cflds[inm].split('#')[0], xfofarc);
<        }
<          }
<          cflds=thisval.split(',');
<        }
<        if (eval('' + cflds.length) >= 3) {
<          if (eval('' + cflds.length) >= 4 && (cflds[2] + ' ').substring(1).indexOf('-') == -1) {
<            equalsr=encodeURIComponent(thisval);
<            if (ioo.id.replace('cp','sel').indexOf('sel') != -1) { ioo.value=''; }
<            thisval='';
<          } else if ((cflds[2] + ' ').substring(1).indexOf('-') > 0) {
<            var pcx=eval('' + cflds[0].split('#')[0]);
<            var pcy=eval('' + cflds[1].split('#')[0]);
<            var radialssofar='', fdel='';
<            for (var jj=2; jj<cflds.length; jj++) {
<            if ((cflds[jj] + ' ').substring(1).indexOf('-') > 0) {
<            pcx=eval(pcx + Math.sin(Math.PI * eval('' + cflds[jj].split('#')[0].split('-')[0]) / 180.0) * eval('' + cflds[jj].split('#')[0].split('-')[1]));
<            pcy=eval(pcy + Math.cos(Math.PI * eval('' + cflds[jj].split('#')[0].split('-')[0]) / 180.0) * eval('' + cflds[jj].split('#')[0].split('-')[1]));
<            radialssofar+=fdel + cflds[0] + ',' + cflds[1] + ',' + pcx + ',' + pcy;
<            pcx=eval('' + cflds[0].split('#')[0]);
<            pcy=eval('' + cflds[1].split('#')[0]);
<            fdel=';';
<            } else {
<            radialssofar+=',' + cflds[jj].split('#')[0];
<            }
<            }
<            equalsr=encodeURIComponent(radialssofar);
<            if (ioo.id.replace('cp','sel').indexOf('sel') != -1) { ioo.value=''; }
<            thisval='';
<          } else {
<            equalsr='y';
<            thisval='' + cflds[0].split('#')[0];
<          }
<        }
<     } else if (thisval.split('#')[0].toLowerCase().indexOf('to') == 2 && eval('' + thisval.split('#')[0].length) == 6) {
<        var toflds=thisval.toLowerCase().split('to');
<        var combit='';
<        if (thisval.indexOf('#') != -1) { combit='#' + thisval.split('#')[1].split(',')[0].split(';')[0]; }
<        var fofarc='';
<        for (var ii=0; ii<justs.length; ii++) {
<          if (toflds[0].split('#')[0] == justs[ii] || toflds[0].split('#')[0] == (justs[ii].substring(1) + justs[ii].substring(0,1))) {
<            if (ioo.id.indexOf('mage') != -1) { 
<             fofarc='' + eval(jusxw[ii] * imifw) + ',' + eval(jusyh[ii] * imifh) + ',';
<            } else if (ioo.id.indexOf('frame') != -1) { 
<             fofarc='' + eval(jusxw[ii] * ififw) + ',' + eval(jusyh[ii] * ififh) + ',';
<            }
<          }
<        }
<        if (fofarc != '') {
<        for (var jj=0; jj<justs.length; jj++) {
<          if (toflds[1].split('#')[0] == justs[jj] || toflds[1].split('#')[0] == (justs[jj].substring(1) + justs[jj].substring(0,1))) {
<            if (ioo.id.indexOf('mage') != -1) { 
<             fofarc+='' + eval(jusxw[jj] * imifw) + ',' + eval(jusyh[jj] * imifh) + '';
<            } else if (ioo.id.indexOf('frame') != -1) { 
<             fofarc+='' + eval(jusxw[jj] * ififw) + ',' + eval(jusyh[jj] * ififh) + '';
<            }
<          }
<        }
<        }
<        if (eval('' + fofarc.split(',').length) == 4) {
<            equalsr=encodeURIComponent(fofarc + combit);
<            if (ioo.id.replace('cp','sel').indexOf('sel') != -1) { ioo.value=''; }
<            thisval='';
<        }
<     }
<     return thisval;
<   }
<   
197c93
<     var theval=equalsrcheck(oselinvo);
---
>     var theval=oselinvo.value;
488c384
< <h1 ondblclick="windowopen(this.innerHTML,'_blank');">Show Some Shapes</h1>
---
> <h1>Show Some Shapes</h1>
490a387
> <tr><th id=thimage style="width:50%;">Image</th><th id=thiframe>Iframe</th></tr>
494c391
< <td oncontextmenu="window.open(document.getElementById('myiframe' + iframelasts).src,'_blank');" onclick="window.open(document.getElementById('myiframe' + iframelasts).src,'_blank');">
---
> <td>
497d393
< <tr><th id=thimage style="width:50%;">Image</th><th id=thiframe>Iframe</th></tr>