ansforms_cpu1();
		}
	});
</script>


<p>Second image:
<div class="cpu" id="cpu2">
	<img src="http://gabarro.org/img/lenak.png">
</div>
<script>
	// get unique cpu element
	const cpu2 = document.getElementById("cpu2");

	// initialize state of this cpu element
	for (const c of [cpu2])
	{
		c.tabIndex = 0;
		c.dataset.active = "false";
		c.dataset.isPanning = "false";
		viewport_reset_cpu2();
		console.log(`initialized cpu cpu2 ${cpu2}`);
	}

	function viewport_reset_cpu2() {
		const c = cpu2;
		c.dataset.of