Miscellany

<html>
<head><title = "Gear Ratio Calculator"></head>
<style type="text/css">
table.top {border-spacing: 4px;}
table.top td {
	border-width: 1px;
	border-style: solid;
	border-color: #000;
	padding: 4px;
}
</style>
<script language="javascript" type="text/javascript">
	function check(){
		var src, arr;
		src = document.getElementById("frac-to-dec").value;
		arr = src.split("/");
		if(arr.length < 2){
			document.getElementById('text1').innerHTML = src;
		}
		else{
			if(!(isNaN(arr[0]) || isNaN(arr[1]))){
				document.getElementById('text1').innerHTML=Math.round((arr[0] / arr[1])*10000)/10000;
			}else{
				document.getElementById('text1').innerHTML = "Bad Input!";
			}
		}
	}
</script>
<body>

<table width="700" align = "center" class="top">
	<tr valign = "top" align = "center">
		<td><form><input type="checkbox" name ="b0">Worm Gear<br><img src="worm.png"></form></td>
		<td><form><input type="checkbox" name ="b1">8z <br><img src="8z.png"></form></td>
		<td><form><input type="checkbox" name ="b3">12z <br><img src="12z.png"></form></td>
		<td><form><input type="checkbox" name ="b4">16z <br><img src="16z.png"></form></td>
		<td><form><input type="checkbox" name ="b5">20z <br><img src="20z.png"></form></td>
		<td><form><input type="checkbox" name ="b6">24z <br><img src="24z.png"></form></td>
		<td><form><input type="checkbox" name ="b7">36z <br><img src="36z.gif"></form></td>
		<td><form><input type="checkbox" name ="b8">40z <br><img src="40z.png"></form></td>
	</tr>
	<tr>
		<td colspan="9" width="100%"><form name="form1">
		
		<br><input onKeyUp="check()" id="frac-to-dec" type="text" size="6">
		<font id="text1" color="#888888"></font>

		<select name="pairs">
		<option value="1">1</option>
		<option value="2">2</option>
		<option value="3">3</option>
		<option value="4">4</option>
		</select>

		<input type="button" value="Calculate" onclick="">
		</form>
		</td>
	</tr>
</table>

</body>
</html>