22c22
<   var okdclick=true, askwo=null, ansrem='', impossible=false;
---
>   var okdclick=true, askwo=null, ansrem='';
40,50d39
<     } else if (4 == 4) {
<       setTimeout(function(){
<        document.getElementById('previewif').style.display='block';
<        document.getElementById('previewif').style.width='100%';
<        document.getElementById('previewif').style.height='800px';
<        document.getElementById('previewif').srcdoc=innards;
<        document.getElementById('btt').style.display='inline';
<        setTimeout(function(){
<          window.scrollTo(0,eval('' + document.getElementById('btt').getBoundingClientRect().top)); //location.href='#btt'; //document.getElementById('btt').scrollIntoView();
<        }, 4000);
<       }, 3000);
52c41
<       wo=window.open('', '_blank', 'top=10,left=10,width=1250,height=850');
---
>       wo=window.open('', '_blank', 'top=10,left=10,width=950,height=850');
59c48
<     var usuffix='', ustart=0, uend=0, emt='', classbit=' class=badge ', no='', repwith='';
---
>     var usuffix='', ustart=0, uend=0, emt='', classbit=' class=badge ', no='';
61d49
<     if (!impossible) {
63,65d50
<     if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) {
<       repwith='Audio Card';
<     }
67c52
<     var ctxtinnardsidea="function ctxtcheck() { if (document.getElementById('ctxt') && document.getElementById('myspan')) { if (document.getElementById('ctxt').title == ' ') { document.getElementById('ctxt').title=''; var rectis=document.getElementById('myspan').getBoundingClientRect();  document.getElementById('ctxt').style.display='block'; document.getElementById('ctxt').style.position='absolute'; document.getElementById('ctxt').style.left='' + eval(-200 + rectis.left) + 'px';  document.getElementById('ctxt').style.top='' + eval(30 + rectis.top) + 'px'; document.getElementById('myspan').innerHTML=document.getElementById('myspan').innerHTML.replace(document.getElementById('myspan').innerHTML.substring(0," + document.getElementById('wording').value.split('...')[0].length + "),'" + repwith + "');  document.body.innerHTML+='<style> span {  position: absolute !important; left: ' + eval(0.5 * screen.width) + 'px !important; top: 50% !important; } </style>';  }  }  }";
---
>     var ctxtinnardsidea="function ctxtcheck() { if (document.getElementById('ctxt') && document.getElementById('myspan')) { if (document.getElementById('ctxt').title == ' ') { document.getElementById('ctxt').title=''; var rectis=document.getElementById('myspan').getBoundingClientRect();  document.getElementById('ctxt').style.display='block'; document.getElementById('ctxt').style.position='absolute'; document.getElementById('ctxt').style.left='' + eval(-200 + rectis.left) + 'px';  document.getElementById('ctxt').style.top='' + eval(30 + rectis.top) + 'px'; document.getElementById('myspan').innerHTML=document.getElementById('myspan').innerHTML.replace(document.getElementById('myspan').innerHTML.substring(0," + document.getElementById('wording').value.split('...')[0].length + "),'Audio Card');  document.body.innerHTML+='<style> span {  position: absolute !important; left: ' + eval(0.5 * screen.width) + 'px !important; top: 50% !important; } </style>';  }  }  }";
139d123
<     }
143,190d126
<   function reduceimsize() {
< if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) {
<    //alert(0);
< }
<     var imgl=new Image();
<         
<     imgl.onload = function() {
< if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) {
<      // alert(1);
< }
<       var c = document.getElementById('canvaselement'); //querySelector('canvas'), // see Example 4
<       var factor=1.0;
<       var propw=eval('' + imgl.width);
<       var proph=eval('' + imgl.height);
< if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) {
<    //   alert(11);
< }
<       while (propw > 1000 || proph > 1000) {
<         propw=eval(0.9 * propw);
<         proph=eval(0.9 * proph);
<       }
< if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) {
<      // alert(111);
< }
<       c.width = propw;
<       c.height = proph;
< if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) {
<     //  alert('' + c.width + 'x' + c.height);
< }
<       var ctx = c.getContext('2d');
<       if (propw == eval('' + imgl.width) && proph == eval('' + imgl.height)) {
< if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) {
<     //  alert(1111);
< }
<       ctx.drawImage(imgl, 0, 0);
<       } else {
< if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) {
<     //  alert('2222 ' + propw + ',' + proph);
< }
<       ctx.drawImage(imgl, 0, 0, eval('' + imgl.width), eval('' + imgl.height), 0, 0, propw, proph);
<       }
<       twocontocont=c.toDataURL('image/jpeg',0.5).replace(";base64,",";charset=utf-8;base64,").replace(/^daXta:image\/(png|jpg|jpeg);base64,/, "");
<       document.getElementById('background').value=twocontocont;
<     };
<   
<     imgl.src = twocontocont;
<   }
<   
197,201d132
<          if (twocontocont.replace('/gif','.gif') == -1 || (twocontocont.indexOf('data:') == 0 || twocontocont.slice(-5).indexOf('.') != -1)) {
<            setTimeout(reduceimsize, 100);
<          } else {
<            console.log('why? ' + twocontocont.substring(0,200));
<          }
676d606
<     if (eval('' + document.getElementById('youtubeid').value.length) != 11) {
678,700d607
<     } //else if (document.getElementById('wording').value.trim() != '' && document.getElementById('wording').value.trim().indexOf('...') == -1) {
<      //document.getElementById('youtubeid').focus(); //document.getElementById('wording').focus();
<     //}
<   }
<   
<   function askabout() {
<      impossible=true;
<      var askab=prompt(document.getElementById('wording').placeholder, document.getElementById('wording').value);
<      if (askab != null) {
<        document.getElementById('wording').value=askab;
<      } 
<      setTimeout(function(){ impossible=false; }, 2000);
<   }
<   
<   function checkdiv() {
<     var trrect=document.getElementById('oversee').getBoundingClientRect();
<     var mrrect=document.getElementById('cbi').getBoundingClientRect();
<     var bbrect=document.getElementById('bab').getBoundingClientRect();
<     document.getElementById('divyellow').style.position='absolute';
<     document.getElementById('divyellow').style.top='' + eval(-3 + trrect.top) + 'px';
<     document.getElementById('divyellow').style.left='' + eval(-3 + trrect.left) + 'px';
<     document.getElementById('divyellow').style.width='' + eval(6 + mrrect.width) + 'px';
<     document.getElementById('divyellow').style.height='' + eval(6 + eval(bbrect.bottom - trrect.top)) + 'px';
705c612
< <body onload='checkdiv(); setInterval(checkdiv,10000);'>
---
> <body>
711,713c618,620
< <div id=oversee style='display:inline-block;width:173px;height:25px;overflow:hidden;'><iframe id=kai frameborder=0 onload=checkka(this); style="display:inline-block;" src="/HTMLCSS/karaoke_youtube_api.htm?youtubeid=&audiocard=yes&minimJUNKize=y&youtube_duration=&email=&emoji=on&ir=140972061"></iframe></div> / <input style="width:45%;margin-bottom:5px;" type=text onblur=setTimeout(refocus,500); id=youtubeid name=youtubeid value='' placeholder="Please enter Audio Card YouTube 11 character video (for audio stream) ID"></input>&nbsp;<input style="width:9%;" type=text name=start id=start placeholder="Start [0] seconds" value=""></input>&nbsp;<input style="width:9%;" type=text name=end id=end placeholder="End [End] seconds" value=""></input><br>
< <iframe id=cbi scrolling=no frameborder=0 onload=checkit(this); style="background-color:transparent;width:173px;height:228px;margin-top:-204px;display:inline-block;" src="/HTMLCSS/client_browsing.htm?d=312160562686&amp;wording=Allimages%20images%2E%20"></iframe> / <input style=width:75%;margin-bottom:5px; type=text id=background name=background value='' onblur=setTimeout(refocus,500); placeholder="Optional background image URL for Audio Card"></input><br>
< <button id=bab style=width:173px;z-index:345;text-align:left; onclick=askabout();>Ask about ...</button> / <input style=width:75%;margin-bottom:5px; type=text onblur=setTimeout(refocus,500); onkeydown="okd=true;" id=wording name=wording value='' placeholder="Please enter wording for your Audio Card message (optional ... (ie. three dots delimits underlined part and gets you to circular text wording))"></input><br><br>
---
> <input style=width:98%;margin-bottom:5px; type=text onblur=setTimeout(refocus,500); onkeydown="okd=true;" id=wording name=wording value='' placeholder="Please enter wording for your Audio Card message (optional ... (ie. three dots delimits underlined part and gets you to circular text wording))"></input><br>
> <div id=oversee style='display:inline-block;width:173px;height:25px;overflow:hidden;'><iframe id=kai frameborder=0 onload=checkka(this); style="display:inline-block;" src="/HTMLCSS/karaoke_youtube_api.htm?youtubeid=&audiocard=yes&minimJUNKize=y&youtube_duration=&email=&emoji=on&ir=140972061"></iframe></div> / <input style="width:65%;margin-bottom:5px;" type=text onblur=setTimeout(refocus,500); id=youtubeid name=youtubeid value='' placeholder="Please enter Audio Card YouTube 11 character video (for audio stream) ID"></input>&nbsp;<input style="width:9%;" type=text name=start id=start placeholder="Start [0] seconds" value=""></input>&nbsp;<input style="width:9%;" type=text name=end id=end placeholder="End [End] seconds" value=""></input><br>
> <iframe id=cbi scrolling=no frameborder=0 onload=checkit(this); style="background-color:transparent;width:173px;height:218px;margin-top:-204px;display:inline-block;" src="/HTMLCSS/client_browsing.htm?d=312160562686&amp;wording=Allimages%20images%2E%20"></iframe> / <input style=width:85%; type=text id=background name=background value='' onblur=setTimeout(refocus,500); placeholder="Optional  Audio Card background image URL"></input><br><br>
726,727d632
< <canvas id=canvaselement style=display:none;></canvas>
< <div id=divyellow style=z-index:-456;background-color:yellow;></div>