<?xml version="1.0" encoding="ISO-8859-1" standalone="no"?>

<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
    "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
    
<svg xmlns="http://www.w3.org/2000/svg"
	xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve">

<script xlink:href="impl.js" type="text/ecmascript" />
<style type="text/css">
<![CDATA[
	[class~="circ_control"]:hover {stroke:black; stroke-width:2; fill-opacity:0.2;}
]]>
</style>

  <svg viewBox="0 0 500 500" style="height:100%;width:100%">
    <circle id="sga_big_circ" r="2in" cx="2in" cy="2in"
				      style="fill:none; stroke:none;" />
    <g width="700" height="42">
	    <rect class="circ_control" title = "go" id="circ_go" width="30" height="30" y="4.5in" x="0" style="fill:lightgreen;"/>
	    <rect class="circ_control" title="single step" id="circ_step" width="30" height="30" y="4.5in" x="30" style="fill:yellow;"/>
	    <rect class="circ_control" title = "stop" id="circ_stop" width="30" height="30" y="4.5in" x="60" style="fill:red;"/>
    </g>
    <g id="canvas" width="700" height="500" y="100"></g>
  </svg>

</svg>

