<script type="text/javascript">
	function customAmount(custom)
	{
		var elem1 = document.getElementById("donate_other_id");
		var elem2 = document.getElementById("donate_other_amount_id");

		if(elem1 != null && elem2 != null)
		{
			elem2.disabled = (!custom.checked);

			if(elem1.checked)
				elem2.focus();
		}
	}
</script>


<fieldset>
	<form action="" method="post" name="donate">
		<table cellpadding="5px">
			<tr><td><input type="radio" name="amount" value="5" /><label>$5</label></td><td><input type="radio" name="amount" value="5" /><label>$50</label></td></tr>
			<tr><td><input type="radio" name="amount" value="10" /><label>$10</label></td><td><input type="radio" name="amount" value="5" /><label>$100</label></td></tr>
			<tr><td><input type="radio" name="amount" value="20" /><label>$20</label></td><td><input type="radio" name="amount" id="donate_other_id" value="0" onchange="customAmount(this);" /><label>Other: (Between $5 and $500)</label></td></tr>
			<tr><td></td><td>Amount : $<input type="text" name="amount" size="5" id="donate_other_amount_id" disabled="true" /></td></tr>
		</table>
	</form>
</fieldset>