<div class="actionPanelLeft">
	<div class="actionPanelRight p16">
		<div id="actionTop" class="right">
			<div class="button actionNext">
				<div class="buttonRight">
					<div class="buttonMiddle">{rs:NEXT}</div>
				</div>
			</div>
			<div class="br"><img src="{global:PATH}img/spacer.gif" width="1" height="1" border="0" /></div>
		</div>
	</div>
</div>
<div class="middleLeft">
	<div class="middleRight p16">
		{ERROR}
		<form method="post" enctype="multipart/form-data" id="editForm">
		<table width="100%" cellspacing="0" cellpadding="5" border="0">
		<tr class="line">
		<td><input type="checkbox" checked disabled></td>
		<td><div class="labelBox">{rs:NAME}</div></td>
		</tr>

		<tr class="line">
		<td><input type="checkbox" checked disabled></td>
		<td><div class="labelBox">{rs:MAIL}</div></td>
		</tr>

		<tr class="line">
		<td><input type="checkbox" name="r[format]" value="1" {if:format}checked{/if}></td>
		<td><div class="labelBox">{rs:FORMAT}</div></td>
		</tr>

		<tr class="line">
		<td><input type="checkbox" name="r[encoding]" value="1" {if:encoding}checked{/if}></td>
		<td><div class="labelBox">{rs:ENCODING}</div></td>
		</tr>

		<tr class="line">
		<td><img src="{global:PATH}img/spacer.gif" width="1" height="1" border="0" alt=""></td>
		<td>
			<div class="labelBox">{rs:MAILING_GROUPS}<span class="red">*</span>:</div>
			<div><img src="{global:PATH}img/spacer.gif" width="1" height="10" border="0" alt=""></div>
			<div class="checkBoxItem">
				<div class="checkBox"><input type="checkbox" name="all_groups" id="all_groups" value=""></div>
				<div class="label"><label for="all_groups"><b>{rs:SELECT_ALL}</b></label></div>
			</div>
			{row:GROUPS_SELECT}
			<div class="checkBoxItem">
				<div class="checkBox"><input type="checkbox" name="r[group_id][]" id="group_{id}" value="{id}"{if:selected} checked{/if}></div>
				<div class="label"><label for="group_{id}">{title}</label></div>
			</div>
			{/row}
			<div class="br"><img src="{global:PATH}img/spacer.gif" width="1" height="1" border="0"></div>
		</td>
		</tr>

		{row:CUSTOM_FIELDS_SELECT}
		<tr class="line">
		<td><input type="checkbox" name="r[cf][{id}]" value="{id}"{checked}{if:not_null} disabled{/if}></td>
		<td><div class="labelBox">{title}</div></td>
		</tr>
		{/row}

		<tr>
		<td><img src="{global:PATH}img/spacer.gif" width="20" height="1" border="0" alt=""></td>
		<td width="100%"><img src="{global:PATH}img/spacer.gif" width="100" height="1" border="0" alt=""></td>
		</tr>
		</table>
		<input type="hidden" name="save" value="1" class="hidden">
		</form>
	</div>
</div>
<div class="actionPanelLeft">
	<div class="actionPanelRight">
		<div class="actionPanelBottom">
			<div class="actionPanelBottomLeft">
				<div class="actionPanelBottomRight p16">
					<div id="actionBottom" class="right">
						<div class="button actionNext">
							<div class="buttonRight">
								<div class="buttonMiddle">{rs:NEXT}</div>
							</div>
						</div>
						<div class="br"><img src="{global:PATH}img/spacer.gif" width="1" height="1" border="0" /></div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<script language="JavaScript">
	$(".actionNext").click(function() {
		$("#editForm").submit();
	});
	$("input[name='all_groups']").click(function() {
		$("input[name*='r[group_id]']").attr('checked', this.checked);
	});
	$("#editForm").keydown(function(event) {
  		if (event.keyCode == '13' && event.target.nodeName!='TEXTAREA') $(".actionNext").triggerHandler('click');
	});
</script>