<?xml version="1.0" encoding="UTF-8" ?> 
<Module>
<ModulePrefs title="Flood it" height="400">
    <Require feature="wave-preview" /> 
  </ModulePrefs>
<Content type="html">
<![CDATA[ 
<div id="content_div" style="height: 0px;"></div>
  
	<script type="text/javascript" src="http://gadget.wave.to/floodit/floodit.js?r=1265701321.61.0.420110149073"></script>
	<link rel="stylesheet" type="text/css" href="http://gadget.wave.to/floodit/floodit.css" />
	
	
  	<input type=button value="Add Player 1" id="butAddP1" onClick="addP1Clicked()">
  	<input type="text" id="textP1" size="20" disabled="true">
  	<label for="p1Score">Score:</label>
  	<input type="text" id="p1Score" size="5" disabled="true">
  	
  	<br>
  	<input type=button value="Add Player 2" id="butAddP2" onClick="addP2Clicked()">
  	<input type="text" id="textP2" size="20" disabled="true">
  	<label for="p2Score">Score:</label>
  	<input type="text" id="p2Score" size="5" disabled="true">
  	
  	<br>
  	<input type=button value="Reset" id="butReset" onClick="resetClicked()">
  
  
	<table border="1" width=200px height=200px>
	<tr>
		<td id = "c00"></td>
		<td id = "c10"></td>
		<td id = "c20"></td>
		<td id = "c30"></td>
		<td id = "c40"></td>
		<td id = "c50"></td>
		<td id = "c60"></td>
		<td id = "c70"></td>
		<td id = "c80"></td>
		<td id = "c90"></td>
	</tr>
	<tr>
		<td id = "c01"></td>
		<td id = "c11"></td>
		<td id = "c21"></td>
		<td id = "c31"></td>
		<td id = "c41"></td>
		<td id = "c51"></td>
		<td id = "c61"></td>
		<td id = "c71"></td>
		<td id = "c81"></td>
		<td id = "c91"></td>
	</tr>
	<tr>
		<td id = "c02"></td>
		<td id = "c12"></td>
		<td id = "c22"></td>
		<td id = "c32"></td>
		<td id = "c42"></td>
		<td id = "c52"></td>
		<td id = "c62"></td>
		<td id = "c72"></td>
		<td id = "c82"></td>
		<td id = "c92"></td>
	</tr>
	<tr>
		<td id = "c03"></td>
		<td id = "c13"></td>
		<td id = "c23"></td>
		<td id = "c33"></td>
		<td id = "c43"></td>
		<td id = "c53"></td>
		<td id = "c63"></td>
		<td id = "c73"></td>
		<td id = "c83"></td>
		<td id = "c93"></td>
	</tr>
	<tr>
		<td id = "c04"></td>
		<td id = "c14"></td>
		<td id = "c24"></td>
		<td id = "c34"></td>
		<td id = "c44"></td>
		<td id = "c54"></td>
		<td id = "c64"></td>
		<td id = "c74"></td>
		<td id = "c84"></td>
		<td id = "c94"></td>
	</tr>
		<tr>
		<td id = "c05"></td>
		<td id = "c15"></td>
		<td id = "c25"></td>
		<td id = "c35"></td>
		<td id = "c45"></td>
		<td id = "c55"></td>
		<td id = "c65"></td>
		<td id = "c75"></td>
		<td id = "c85"></td>
		<td id = "c95"></td>
	</tr>
	<tr>
		<td id = "c06"></td>
		<td id = "c16"></td>
		<td id = "c26"></td>
		<td id = "c36"></td>
		<td id = "c46"></td>
		<td id = "c56"></td>
		<td id = "c66"></td>
		<td id = "c76"></td>
		<td id = "c86"></td>
		<td id = "c96"></td>
	</tr>
	<tr>
		<td id = "c07"></td>
		<td id = "c17"></td>
		<td id = "c27"></td>
		<td id = "c37"></td>
		<td id = "c47"></td>
		<td id = "c57"></td>
		<td id = "c67"></td>
		<td id = "c77"></td>
		<td id = "c87"></td>
		<td id = "c97"></td>
	</tr>
	<tr>
		<td id = "c08"></td>
		<td id = "c18"></td>
		<td id = "c28"></td>
		<td id = "c38"></td>
		<td id = "c48"></td>
		<td id = "c58"></td>
		<td id = "c68"></td>
		<td id = "c78"></td>
		<td id = "c88"></td>
		<td id = "c98"></td>
	</tr>
	<tr>
		<td id = "c09"></td>
		<td id = "c19"></td>
		<td id = "c29"></td>
		<td id = "c39"></td>
		<td id = "c49"></td>
		<td id = "c59"></td>
		<td id = "c69"></td>
		<td id = "c79"></td>
		<td id = "c89"></td>
		<td id = "c99"></td>
	</tr>
	</table>
   
   
   
   
   
   
   	
    
    <input type=button value="Red" id="butRed" onClick="redClicked()">
    <input type=button value="Green" id="butGreen" onClick="greenClicked()">
    <input type=button value="Blue" id="butBlue" onClick="blueClicked()">
    <input type=button value="Yellow" id="butYellow" onClick="yellowClicked()">
    
    
    <br>
    <input type="text" id="instructions" size="50" disabled="true"></p>
    
    <!-- Can be used for testing the gadget with a virtual robot
    <input type=button value="RobotSetup" id="butRSetup" onClick="robotSetup()">
    <input type=button value="RobotRed" id="butRRed" onClick="robotRed()">
    <input type=button value="RobotGreen" id="butRGreen" onClick="robotGreen()">
    <input type=button value="RobotBlue" id="butRBlue" onClick="robotBlue()">
    <input type=button value="RobotYellow" id="butRYellow" onClick="robotYellow()">
    -->
    
    <p><b>How to play?</b> Add two players, then flood more squares than your opponent. The game starts at the top left corner. Choose a colour and you will notice all adjacent squares with the same colour change. You are awarded 1 point for each square that changes colour!</p>
    
  ]]> 
  </Content>
</Module>