13,15d12
< var pnum=0;
< var ieach=0, jeach=0;
< var lasta=null, lasto=null;
178,189d174
< function preanother() {
<   var brb="";
<   for (var ij=jeach; ij>2; ij--) {
<      brb+="<br>";
<   }
<   if (brb != "") {
<      document.getElementById('p' + pnum).innerHTML=document.getElementById('p' + pnum).innerHTML + brb + '&#9917;';
<      jeach--;
<      setTimeout(preanother,ieach);
<   }
< }
< 
191a177
>   var pnum=0;
208c194
<     if (stopplace == eval(moff + 99)) {
---
>     if (stopplace == eval(moff + 100)) {
210,216d195
<      jeach=12;
<      ieach=Math.floor(eval(eval(moff + 100) / 10));
<      document.getElementById('myballdivtwo').style.display='none';
<      lasto.style.display='none'; 
<      setTimeout(preanother,ieach);
<     } else if (stopplace == eval(moff + 100)) {
<      document.getElementById('myballdivtwo').style.display='none';
385,393d363
<     var ccl=Math.floor(eval(eval(-rad + (eval('' + twenty)) + rect.left) + eval(eval(2 * rad - (eval('' + thirtyeight))) / 2)));
<     var cct=Math.floor(eval(eval(eval('' + fs) * 2 + (eval('' + four)) + eval('' + rect.top)) + eval(eval(2 * rad - (eval('' + thirtyeight))) / 2)));
<     lasta=document.getElementById('myballdivtwo');
<     animateonorbit('myballdivtwo', ccl, cct, 150, 6);
<     var toccl=eval(180 + ccl);
<     var tocct=eval(180 + cct);
<     lasta=document.getElementById('myballdiv');
<     //animateonline('myballdiv', ccl, cct, toccl, tocct, 6);
< 
398,436d367
< function animateonorbit(bid, ccl, cct, anrad, fhl) { // thanks to https://www.useragentman.com/blog/2013/03/03/animating-circular-paths-using-css3-transitions/
<     var dba='<style> #' + bid + ' { display:block;  top:' + cct + 'px; ';
<     dba+=' left:' + ccl + 'px; position:absolute; -moz-border-radius: 12px; border-radius: 12px;  ';
<     dba+=' filter: alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; transform: rotate(45deg) translateX(' + anrad + 'px) rotate(-45deg); ';
<     dba+=' animation:animateonorbit  ' + fhl + 's linear infinite; -webkit-animation:animateonorbit ' + fhl + 's linear infinite; z-index:79; } ';
<     dba+=' @keyframes animateonorbit {  from   { 	transform: rotate(0deg) translateX(' + anrad + 'px) rotate(0deg);    } ';
<     dba+='  to     { transform: rotate(360deg) translateX(' + anrad + 'px) rotate(-360deg);    } ';
<     dba+=' @-webkit-keyframes animateonorbit {  from   { 	-webkit-transform: rotate(0deg) translateX(' + anrad + 'px) rotate(0deg);    } ';
<     dba+='  to     { -webkit-transform: rotate(360deg) translateX(' + anrad + 'px) rotate(-360deg);    } </style> ';
< 
<     document.body.innerHTML+=dba;
<     lasto=document.getElementById(bid);
<     document.getElementById(bid).style.display='block';
<     //setTimeout(endanimateonline, eval(eval('' + fhl) * 1000));
< }
< 
< function animateonline(bid, ccl, cct, toccl, tocct, fhl) {
<     var dba='<style> #' + bid + ' { display:block;  top:' + cct + 'px; ';
<     dba+=' left:' + ccl + 'px; position:absolute; -moz-border-radius: 12px; border-radius: 12px;  ';
<     dba+=' filter: alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; ';
<     dba+=' animation:animateonline  ' + fhl + 's; -webkit-animation:animateonline ' + fhl + 's; z-index:79; } ';
<     dba+=' @keyframes animateonline {  from   { top:' + cct + 'px;  left:' + ccl + 'px;   opacity:1.00; background:orange;   } ';
<     dba+='  to     {top:' + tocct + 'px;  left:' + toccl + 'px;   opacity:0.80; background:orange;   } ';
<     dba+=' @-webkit-keyframes animateonline {  from   { top:' + cct + 'px;  left:' + ccl + 'px;   opacity:1.00; background:orange;   } ';
<     dba+='  to     { top:' + tocct + 'px;  left:' + toccl + 'px;   opacity:0.80; background:orange;   } </style> ';
< 
<     document.body.innerHTML+=dba;
<     lasta=document.getElementById(bid);
<     document.getElementById(bid).style.display='block';
<     setTimeout(endanimateonline, eval(eval('' + fhl) * 1000));
<     //alert(dba);
< }
< 
< function endanimateonline() {
<     lasta.style.display='none'; //lasta.style.zIndex='0';
<     var rectx=lasta.getBoundingClientRect();
<     //alert('end ' + rectx.left + ',' + rectx.top + ' ... ' + rectx.width + ',' + rectx.height);
< }
< 
504,508d434
< <div id=myballdiv style='display:none;'>&#9917;</div>
< <div id=myballdivtwo style='display:none;'>&#9917;</div>
< <div id=myballdivthree style='display:none;'>&#9917;</div>
< 
<