<head>
<meta charset="utf-8">
<meta name="theme-color" content="#000000">
<link rel="preconnect" href="https://js.1ink.us">
<link rel="preconnect" href="https://css.1ink.us">
<link rel="preconnect" href="https://img.1ink.us">
<link rel="preconnect" href="https://wasm.noahcohn.com">
<link rel="stylesheet" charset="utf-8" href="https://css.1ink.us/b3hd16.css"/>
<link charset=utf-8 crossorigin rel='stylesheet' href='https://css.1ink.us/sh1.1iss'/>

<meta http-equiv="Cache-Control" content="no-cache">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<title>Visual 6502 in JavaScript</title>
<style type="text/css">@import "kiosk.css";</style>

<script type="text/javascript">
function handleOnload() {
/MSIE (\d+\.\d+);/.test(navigator.appVersion);
IEVersion=Number(RegExp.$1);
if((navigator.appName == 'Microsoft Internet Explorer') && (IEVersion<9)){
document.getElementById('browsertrouble').innerHTML=
'<p>Sorry, '+navigator.appName+' not supported - showing you a picture instead!</p>';
document.getElementById('frame').innerHTML='<a href="browsertrouble.html"><img src="images/jssim2.png" style="border:10px"></a>';
}else{
var suffix=location.search;
var path=location.pathname;
path=path.replace("index.html","").replace(/\/?$/,"/");
if (suffix != "") {
var prefix=location.protocol+"//"+location.host+path;
window.location.replace(prefix+"expert.html"+suffix);
return;
} else {
setTimeout(setup,200);
}}}
</script>
</head>
<body onload="handleOnload();">
<script>
function opn(){
setTimeout(
function(){
var $md=Math.round(window.innerWidth*0.5)-(window.innerHeight*0.5);
document.getElementById('shut').innerHTML=2;
document.getElementById("ihig").innerHTML=window.innerHeight;
document.getElementById("iwid").innerHTML=window.innerHeight;
for (i=0;i<5;i++){
document.getElementsByClassName("chip")[i].style.height=window.innerHeight;
document.getElementsByClassName("chip")[i].style.width=window.innerHeight;
document.getElementsByClassName("chip")[i].style.left=$md;
document.getElementsByClassName("chip")[i].style.top=$md;
}
document.getElementById("bz").width=window.innerWidth;
document.getElementById("wrap").height=window.innerHeight;
document.getElementById("frame").height=window.innerHeight;
document.getElementById("bz").height=window.innerHeight;
document.getElementById("di").click();
},800)}
</script>
<iframe src="./bezz.htm" style="pointer-events:none;border-width:0px;position:absolute;top:0px;left:0px;right:0px;bottom:0px;overflow: hidden;z-index:999996;display:block;overflow-y:hidden;overflow-x:hidden;" id="bz" onload="opn();" title="Circular mask"></iframe>
<input type="button" id="btn1" style="background-color:black;position:absolute;display:block;left:5%;top:50%;z-index:999997;border:5px solid #e7e7e7;border-radius:50%;"></input>
<div class="frame" id="frame">
<input type="checkbox" id="di" hidden/>
<input type="checkbox" id="dis" hidden/>
<div id="iwid" hidden></div>
<div id="ihig" hidden></div>
<div id="wid" hidden></div>
<div id="hig" hidden></div>
<div id="ihid" hidden></div>
<div id="frate" hidden></div>
<div id="tim" hidden>4000</div>
<div id="shut" hidden>1</div>
<div id="wrap" style="position:absolute;bottom:0vh;height:100vh;width:100vh;right:0vh;">
<div class="chip" id="chip">
<canvas class="chip" id="chipbg"></canvas>
<canvas class="chip" id="overlay"></canvas>
<canvas class="chip" id="hilite"></canvas>
<canvas class="chip" id="hitbuffer"></canvas>
</div>
</div>
<div class="buttons">
<div style="position:relative;float:left;">
<a href ="javascript:stopChip()" id="stop"><img class="navstop" src="images/stop.png" title="stop" style="background-color:black;display:block;z-index:999997;border:5px solid #e7e7e7;border-radius:50%;"></a>
<a href ="javascript:runChip()" id="start"><img class="navplay" src="images/play.png" title="start" style="background-color:black;display:block;z-index:999997;border:5px solid #e7e7e7;border-radius:50%;"></a>
</div>
<div style="float:left;">
<a href ="javascript:resetChip()"><img class="navbutton" src="images/up.png" title="reset"></a>
<a href ="javascript:stepBack()"><img class="navbutton" src="images/prev.png" title="back"></a>
<a href ="javascript:stepForward()"><img class="navbutton" src="images/next.png" title="step"><a>
</div>
</div>
<p class="status" id="status">x: 0<br>y: 0</p>
<table class="memtable" id="memtable"></table>
</div>
<div id="updateShow">
</div>

<script>

let scr1=document.createElement("script");
scr1.async=false;
scr1.charset='utf-8';
scr1.type='text/javascript';
scr1.defer=true;
scr1.src="./segdefs.js";
document.body.appendChild(scr1);

let scr2=document.createElement("script");
scr2.async=false;
scr2.charset='utf-8';
scr2.type='text/javascript';
scr2.defer=true;
scr2.src="./transdefs.js";
document.body.appendChild(scr2);

let scr3=document.createElement("script");
scr3.async=false;
scr3.charset='utf-8';
scr3.type='text/javascript';
scr3.defer=true;
scr3.src="./nodenames.js";
document.body.appendChild(scr3);

let scr4=document.createElement("script");
scr4.async=false;
scr4.charset='utf-8';
scr4.type='text/javascript';
scr4.defer=true;
scr4.src="./kioskWires.js";
document.body.appendChild(scr4);

let scr5=document.createElement("script");
scr5.async=false;
scr5.charset='utf-8';
scr5.type='text/javascript';
scr5.defer=true;
scr5.src="./wires.js";
document.body.appendChild(scr5);

let scr6=document.createElement("script");
scr6.async=false;
scr6.charset='utf-8';
scr6.type='text/javascript';
scr6.defer=true;
scr6.src="./chipsim.js";
document.body.appendChild(scr6);

let scr7=document.createElement("script");
scr7.async=false;
scr7.charset='utf-8';
scr7.type='text/javascript';
scr7.defer=true;
scr7.src="./memtable.js";
document.body.appendChild(scr7);

let scr8=document.createElement("script");
scr8.async=false;
scr8.charset='utf-8';
scr8.type='text/javascript';
scr8.defer=true;
scr8.src="./macros.js";
document.body.appendChild(scr8);

let scr9=document.createElement("script");
scr9.async=false;
scr9.charset='utf-8';
scr9.type='text/javascript';
scr9.defer=true;
scr9.src="./testprogram.js";
document.body.appendChild(scr9);
</script>
</body>