<div class="actionPanelLeft">
	<div class="actionPanelRight p16">
		<div id="actionTop" class="right">
			<div class="button actionSave">
				<div class="buttonRight">
					<div class="buttonMiddle">{rs:ACTION_SAVE}</div>
				</div>
			</div>

			<div class="button actionCancel">
				<div class="buttonRight">
					<div class="buttonMiddle">{rs:ACTION_CANCEL}</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" id="editForm">
		<table width="100%" cellspacing="0" cellpadding="5" border="0">
		<tr class="line">
		<td><div class="labelBox">{rs:TITLE}<span class="red">*</span>:</div></td>
		<td><div class="inputBox"><input type="text" name="r[title]" value="{title}"></div></td>
		</tr>

		<tr class="line">
		<td><div class="labelBox">{rs:LOGIN}<span class="red">*</span>:</div></td>
		<td><div class="inputBox"><input type="text" name="r[login]" value="{login}"></div></td>
		</tr>

		<tr class="line">
		<td><div class="labelBox">{rs:PASSWORD}{if:!id}<span class="red">*</span>{/if}:</div></td>
		<td><div class="inputBox"><input type="password" name="r[password]" value=""></div></td>
		</tr>

		<tr class="line">
		<td><div class="labelBox">{rs:POP3_SERVER}<span class="red">*</span>:</div></td>
		<td><div class="inputBox"><input type="text" name="r[host]" value="{host}"></div></td>
		</tr>

		<tr class="line">
		<td><div class="labelBox">{rs:PORT}<span class="red">*</span>:</div></td>
		<td><div class="inputBox small"><input type="text" name="r[port]" value="{port}"></div></td>
		</tr>

		<tr class="line">
		<td><div class="labelBox">{rs:BOUNCE_HANDLER}:</div></td>
		<td>
			<table cellspacing="0" cellpadding="0" border="0">
			<tr class="noline">
			<td>	<select name="r[bounce_type]">
				{row:BOUNCE_TYPE_SELECT}
				<option value="{id}"{selected}>{title}</option>
				{/row}
				</select>
			</td>
			<td><img src="{global:PATH}img/spacer.gif" width="10" height="1" border="0"></td>
			<td>{rs:AFTER}</td>
			<td><img src="{global:PATH}img/spacer.gif" width="10" height="1" border="0"></td>
			<td><div class="inputBox small"><input type="text" name="r[bounce_count]" value="{bounce_count}"></div></td>
			<td><img src="{global:PATH}img/spacer.gif" width="10" height="1" border="0"></td>
			<td>{rs:BOUNCE_COUNT}</td>
			</tr>
			</table>
		</td>
		</tr>

		<tr>
		<td><img src="{global:PATH}img/spacer.gif" width="200" height="1" border="0" alt=""></td>
		<td align="right" width="100%"><img src="{global:PATH}img/spacer.gif" width="1" height="1" border="0" alt=""></td>
		</tr>
		</table>
		<input type="hidden" name="save" value="1" class="hidden">
		</form>

		<div class="info"><span class="red">*</span> {rs:MSG_REQUIRED_FILL}</div>
	</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 actionSave">
							<div class="buttonRight">
								<div class="buttonMiddle">{rs:ACTION_SAVE}</div>
							</div>
						</div>

						<div class="button actionCancel">
							<div class="buttonRight">
								<div class="buttonMiddle">{rs:ACTION_CANCEL}</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>
	$(".actionSave").click(function() {
		$("#editForm").submit();
	});
	$(".actionCancel").click(function() {
		if (confirm("{rs:SURE_CANCEL_EDIT}")) window.location.href="{global:BACK_LINK}";
	});
	$("#editForm").keydown(function(event) {
  		if (event.keyCode == '13' && event.target.nodeName!='TEXTAREA') $(".actionSave").triggerHandler('click');
  		if (event.keyCode == '27') {
			$(".actionCancel").triggerHandler('click');
		}
	});
</script>

