<?xml version="1.0" encoding="UTF-8"?>
<mdoxml version="1.0">

	<br />
	<br />
		<div id="controls">
	<button id="newProblem">New Problem</button>
			<button id="check">Check</button>
		<div id="correct">(not checked)</div>
	</div>
	
	<!-- tables inside this DIV can have draggable content -->
	<div id="drag">

		<table id="table1">
			<tbody>
				<tr>
					<td id="label8" ></td>
					<td id="slot8" class="only measurement"></td>
					<td id="unitslot8" class="only unit"></td>
				</tr>
				<tr>
					<td id="label7" ></td>
					<td id="slot7" class="only measurement"></td>
					<td id="unitslot7" class="only unit"></td>
				</tr>
				<tr>
					<td id="label6" ></td>
					<td id="slot6" class="only measurement"></td>
					<td id="unitslot6" class="only unit"></td>
				</tr>
				<tr>
					<td id="label5" ></td>
					<td id="slot5" class="only measurement"></td>
					<td id="unitslot5" class="only unit"></td>
				</tr>
				<tr>
					<td id="label4" ></td>
					<td id="slot4" class="only measurement"></td>
					<td id="unitslot4" class="only unit"></td>
				</tr>
				<tr>
					<td id="label3" ></td>
					<td id="slot3" class="only measurement"></td>
					<td id="unitslot3" class="only unit"></td>
				</tr>
				<tr>
					<td id="label2" ></td>
					<td id="slot2" class="only measurement"></td>
					<td id="unitslot2" class="only unit"></td>
				</tr>
				<tr>
					<td id="label1"></td>
					<td id="slot1" class="only measurement"></td>
					<td id="unitslot1" class="only unit"></td>
				</tr>
				<tr>
					<td id="label0" ></td>
					<td id="slot0" class="only measurement"></td>
					<td id="unitslot0" class="only unit"></td>
				</tr>
				
			</tbody>
		</table>
	
	</div><!-- drag container -->
	<!-- pull in the REDIPS drag library -->
	<script src="http://nrich.maths.org/javascript/redips-drag-min.js" type="text/javascript"></script>
	
	<!-- pull in the javascript that generates this problem --> 
	<script src="olympicordering.js" type="text/javascript"></script>
	
</mdoxml>