<!doctype html>
<html>
<head>
<style>
table { border: 3px solid orange; display: block; }
</style>
<title>Building a Window into the Night Sky - RJM Programming - December, 2017</title>
<script type='text/javascript'>
var numcells=1, cnt=0, threehundred=300;
var x=1, y=1;
var myw=-1;
var myh=-1;
var oc=false;
function maketable() {
//document.title='' + eval(cnt / 1000.0);
if (eval(eval('' + cnt) / 1000.0) > eval('180.0')) {
if (1 == 1) {
oc=false;
var ko=prompt("Click Cancel to continue else OK.", "");
if (ko == null) {
cnt=0;
oc=false;
} else {
oc=true;
}
}
}
if (!oc) {
cnt+=threehundred;
var huh="<tbody id=mtbody><tr id='tr1'><td id='td1_1'></td><td id='td1_2'></td><td id='td1_3'></td></tr></tbody>";
if (myw < 0) myw=eval(window.getComputedStyle(document.body, null).getPropertyValue('width').replace('px',''));
if (myh < 0) myh=eval(window.getComputedStyle(document.getElementById('mytable'), null).getPropertyValue('height').replace('px',''));
var size1=eval(1 + Math.floor(Math.random() * 12));
var size2=eval(1 + Math.floor(Math.random() * 12));
var size3=eval(1 + Math.floor(Math.random() * 12));
var wsize1=Math.min(Math.floor(myw / 2), eval(0 + Math.floor(Math.random() * eval(myw - 20))));
var wsize2=Math.min(Math.floor(myw / 2), eval(0 + Math.floor(Math.random() * eval(myw - 20 - wsize1))));
var wsize3=Math.floor(eval(myw - wsize1 - wsize2 + 1));
//document.title='' + myw + ' = ' + wsize1 + ' + ' + wsize2 + ' + ' + wsize3;
document.getElementById('mytable').innerHTML=huh.replace("<table id=mytable style='width:100%;height:100vh;margin: 0 0 0 0;' cellspacing=0 cellpadding=0>","").replace("</table>","");
document.getElementById('myiframe1').src='./pixellate.php?mode=backgroundtd1_1&height=' + myh + '&width=' + wsize1 + '&size=' + size1 + '&zeroes=1';
document.getElementById('myiframe2').src='./pixellate.php?mode=backgroundtd1_2&height=' + myh + '&width=' + wsize2 + '&size=' + size2 + '&zeroes=1';
document.getElementById('myiframe3').src='./pixellate.php?mode=backgroundtd1_3&height=' + myh + '&width=' + wsize3 + '&size=' + size3 + '&zeroes=1';
}
setTimeout(maketable,threehundred);
}
</script>
</head>
<body onload='maketable();' style='background-color:black;'>
<table onclick='oc=!oc;' id=mytable style='width:100%;height:100vh;margin: 0 0 0 0;' cellspacing=0 cellpadding=0 title='You are zooming through space ... Click to stop or start'>
<tbody id=mtbody>
<tr id='tr1'><td id='td1_1'></td></tr>
</tbody>
</table>
<iframe style='display:none;' id='myiframe1' src=''></iframe>
<iframe style='display:none;' id='myiframe2' src=''></iframe>
<iframe style='display:none;' id='myiframe3' src=''></iframe>
<iframe style='display:none;' id='myiframe4' src=''></iframe>
<iframe style='display:none;' id='myiframe5' src=''></iframe>
<iframe style='display:none;' id='myiframe6' src=''></iframe>
<iframe style='display:none;' id='myiframe7' src=''></iframe>
<iframe style='display:none;' id='myiframe8' src=''></iframe>
<iframe style='display:none;' id='myiframe9' src=''></iframe>
</body>
</html>