<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
	<head>
		<title>Example 13-5. The page to request data to dynamically build a bar graph</title>
		<script type="text/javascript" src="../js/prototype.js"> </script>
		<!-- Load the Vector Graphics JavaScript Library -->
		<script type="text/javascript" src="../js/wz_jsgraphics.js"> </script>
		<!-- Load the functions needed to make this page 'go' -->
		<script type="text/javascript" src="fa_stats.js"> </script>
		<!-- Make the page look nice for everyone to see -->
		<link type="text/css" rel="stylesheet" media="all" href="fa_stats.css" />
	</head>
	<body onload="body_onload();">
		<div id="bodyContainer">
			<h1>FA Barclay Premiership 2005-2006 Statistics</h1>
			<div>
			<form id="premierForm" action="self" method="post">
				<label for="stat">Choose Statistic: </label>
				<select id="stat">
					<option value="totWins">Total Wins</option>
					<option value="awayWins">Away Wins</option>
					<option value="homeWins">Home Wins</option>
					<option value="totLosses">Total Losses</option>
					<option value="awayLosses">Away Losses</option>
					<option value="homeLosses">Home Losses</option>
					<option value="totGoals">Total Goals For</option>
					<option value="awayGoals">Away Goals For</option>
					<option value="homeGoals">Home Goals For</option>
					<option value="totAgainst">Total Goals Against</option>
					<option value="awayAgainst">Away Goals Against</option>
					<option value="homeAgainst">Home Goals Against</option>
				</select>
				<input type="button" value="Get Top 10 Chart" onclick="return getChart();" />
			</form>
			</div>
			<!-- This is the global canvas for drawing bar graphs on -->
			<div id="chartCanvas"></div>
		</div>
	</body>
</html>