You are going to write the client-side code for a web-site that
allows a person to vote
for their favorite color. It does three things:
<ol>
<li> When the page is loaded, it reads the colorballot.xml file on the
	server and updates all the labels for the radio buttons to the
	appropriate vote counts.
<li> Every 10 seconds it reads the color relation on the server
	and updates the vote counts.
<li> Whenever the user presses a radio button, it updates the color relation
	on the server and updates the vote count for that color.
</ol>
<p>
The files you need can be found in <tt>/home/bvanderz/webhome/cgi-bin/colorBallot_db</tt>. 
Once you are finished you can either use different browsers or use different tabs to vote in different windows and make sure that each window gets appropriately updated every 10 seconds. 
<p>
  The files perform the following tasks:
  <ol>
   <li> color.html: The main html page that shows the color ballot
   <li> colorballot.sql: Sets up the color relation in the students database
        and enters sample data for each tuple.
   <li> countballot.js: Contains event handlers for the onload and radio button
       press events and callback functions for handling the response from
       the server. The students should complete this file in class.
   <li> getCounts.php: called when the page is loaded and every 10 seconds
       thereafter to get the vote counts for the different colors
   <li> ballotcount.php: called in response to the onload event. It updates
       the vote count for the selected color and returns the new vote count.
       If other people have voted in the last 10 seconds,
       then the vote count might increase by more than 1.
  </ol>
  <p>
<h2> Steps For You To Complete </h2>
  <p>
    You should complete these steps in the following order:
    <ol>
      <li> Load <tt>colorballot.sql</tt> in the mysql interpreter to create
	the Colors relation in your database.
      <li> Add your username, sql password, and sql database name to the
	getCounts.php and ballotcount.php files. If you want to see what
	their json output looks like, then you can run them as follows:
	<pre>
	  php-cgi getCounts.php
	  php-cgi ballotcount.php color='red'
	</pre>
	You can of course use any of the 5 colors that are inserted into the
	Colors relation.
      <li> Complete <tt>countballot.js</tt>.
    </ol>