<script language="JavaScript">
function checkForm() {
	formErrors = false;
	if (document.edit.new_cat.value.length < 2) {
		formErrors = "You must enter a title for your category";
	}
	if (formErrors) {
		alert(formErrors);
		return false;
	} else {
		return true;
	}
}
</script>

<h1>{L_ALBUM_MANAGER_TITLE}</h1>

<p>{L_ALBUM_MANAGER_EXPLAIN}</p>

<form name="edit" action="{S_CAT_ACTION}" method="post" onSubmit="return checkForm()">
<table width="100%" cellpadding="2" cellspacing="1" border="0" class="forumline">
	<tr>
		<th class="thHead" height="25" valign="middle" nowrap="nowrap" colspan="4">{L_ALBUM} {L_CATEGORY}</th>
	</tr>
	<!-- BEGIN catrow -->
	<tr>
		<td class="{catrow.COLOR}" width="70%" valign="middle" height="28"><span class="gen">{catrow.TITLE}</span></td>
		<td class="{catrow.COLOR}" align="center" valign="middle" height="28"><span 
		class="gen"><a href="{catrow.S_LOCK_ACTION}">{catrow.S_LOCK}</a></span></td>
		<td class="{catrow.COLOR}" align="center" valign="middle" height="28"><span 
		class="gen"><a href="{catrow.S_EDIT_ACTION}">{L_EDIT}</a></span></td>
		<td class="{catrow.COLOR}" align="center" valign="middle" height="28"><span 
		class="gen"><a href="{catrow.S_DELETE_ACTION}">{L_DELETE}</a></span></td>
	</tr>
	<!-- END catrow -->
	<tr>
		<td class="row3" valign="middle" height="28" colspan="4"><span class="gen"><input class="post" type="text" name="new_cat" size="35" maxlength="50">&nbsp;{L_STATUS}&nbsp;<select name="cat_lock"><option value="0" selected>Unlocked</option><option value="1">Locked</option></select>&nbsp;<input type="submit" value="{L_CREATE_CATEGORY}" class="liteoption"></span></td>
	</tr>
</table>
</form>

<br />