<script type="text/javascript">
	
	function change_display(formData)
	{
		var st = document.getElementById('share_groups_cell').style;
		var ut = document.getElementById('share_users_cell').style;
		if(formData.enable_sharing.checked)
		{
			st.display = 'block';
			ut.display = 'block';
		} else {
			
			st.display = 'none';
			ut.display = 'none';
		}
	}
</script>
<form action="{SELF}" method="post" name="create">

<table align="center" cellspacing="0">
<tr>
	<td class="input_header">{SUMMARY}</td>
	<td class="input_item"><input type="text" name="summary" value="{SUMMARY_TEXT}" size="40"></td>
</tr>
	<td class="input_header">{CATEGORY}</td>
	<td class="input_item">{CATEGORY_SELECT}</td>
	<td class="input_header">
	<input type="checkbox" name="enable_sharing" value="share" onClick="change_display(this.form)" {SHARE_ENABLED}>{SHARING}</td>
<tr>
	<td class="input_header" style="vertical-align:top">{DESCRIPTION}</td>
	<td class="input_item"><textarea name="description" rows="10" cols="50">{DESC_TEXT}</textarea>
	
	<td class="input type=" style="vertical-align:top;{DISPLAY}" id="share_groups_cell">{SHARE_SELECT}</td>
	<td class="input type=" style="vertical-align:top;{DISPLAY}" id="share_users_cell">{USER_SELECT}</td>
</tr>
<tr>
	<td class="input_header">{DUE_DATE}</td>
	<td class="input_item">{DUE_SELECT_BOXES}</td>
	
</tr>
<tr>
	<td class="input_header">{PRIORITY}</td>
	<td class="input_item">{PRIORITY_SELECT}</td>
</tr>
<tr>
	<td class="input_header">{COMPLETE}</td>
	<td class="input_item">{COMPLETE_SELECT}%</td>
</tr>
<tr>
	<td class="input_header">{STATUS}</td>
	<td class="input_item">{STATUS_SELECT}</td>
</tr>


<tr>
	<td colspan="5">
		<input type="submit" class="button1" name="save" value="{SAVE}">
		<input type="submit" class="button1" name="save_add" value="{SAVE_AND_ADD}">
		<input type="submit" class="button1" name="cancel" value="{CANCEL}">
	</td>
</tr>

</table>
</form>