﻿<?xml version="1.0"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0//EN"
		"http://www.w3.org/TR/MathML2/dtd/xhtml-math11-f.dtd">

<?xml-stylesheet href="xbl-shape-bindings.css" type="text/css"?>

<html	xmlns="http://www.w3.org/1999/xhtml"
		xmlns:svg="http://www.w3.org/2000/svg"
		xmlns:xlink="http://www.w3.org/1999/xlink"
		xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">

<script src="graded_triang_data.js" type="text/javascript" />
<script src="impl.js" type="text/javascript" />
<style>
	[class~="circ_control"]:hover {stroke:black; stroke-width:2; fill-opacity:0.2;}
</style>

<head>
	<title>The Greedy Algorithm for `epsilon`-Nets</title>
</head>

<body>
	<svg:svg id="canvas_enet" 
    style="width:100%; height:100%;" viewBox="0 0 600 500">
		<svg:circle id="enet_big_circ" r="2in" cx="2in" cy="2in"
					style="fill:red; fill-opacity:0.1; stroke:none;" />
		<svg:g width="700" height="42">
			<svg:rect class="circ_control" title = "go" id="circ_go" width="30" height="30" y="4.5in" x="0" style="fill:lightgreen;"/>
			<svg:rect class="circ_control" title="single step" id="circ_step" width="30" height="30" y="4.5in" x="30" style="fill:yellow;"/>
			<svg:rect class="circ_control" title = "stop" id="circ_stop" width="30" height="30" y="4.5in" x="60" style="fill:red;"/>
		</svg:g>
	</svg:svg>
</body>
</html>
