
	<form method="post" action="index.php?Step=5" onsubmit="return CheckStep4()">
	<table id="Table5" cellSpacing="0" cellPadding="0" width="95%" align="center">
		<tr>
			<td class="Heading1">Step 4 of 4: Super Administrator</td>
		</tr>
		<tr>
			<td class="intro">
				<div>
					Please provide the details of the primary/super administrator in the form below.
				</div>
				<div style="display: %%GLOBAL_HideErrorPanel%%">
				<table width="100%" border="0" cellspacing="0" cellpadding="0" class="Message">
				<tr>
					<td width="20"><img src="images/error.gif" width="18" height="18" hspace="10" vspace="5" align="middle"></td>
					<td>An error occured while creating your super admin account: %%GLOBAL_Error%%<br></td>
				</tr>
				</table>
				</div>
			</td>
		</tr>
		<tr>
			<td>
				<table class="Panel" id="Table7" width="98%">
					<tr>
						<td class="Heading2" colSpan="2">Super Administrator Details</TD>
					</tr>
					<tr>
						<td class="FieldLabel">
							<span class="Required">*</span>&nbsp;Username:
						</td>
						<td>
							<input type="text" name="username" id="username" class="Field250" value="admin">
							<img onMouseOut="HideHelp(this)" onMouseOver="ShowHelp(this, 'Username', 'The username used by the super administrator to login to the control panel.')" src="images/help.gif" width="24" height="16" border="0">
						</td>
					</tr>
					<tr>
						<td class="FieldLabel">
							<span class="Required">*</span>&nbsp;Password:
						</td>
						<td>
							<input type="password" name="password" id="password" class="Field250" value="">
							<img onMouseOut="HideHelp(this)" onMouseOver="ShowHelp(this, 'Password', 'The password used by the super administrator to login to the control panel.')" src="images/help.gif" width="24" height="16" border="0">
						</td>
					</tr>
					<tr>
						<td class="FieldLabel">
							<span class="Required">*</span>&nbsp;Password (confirm):
						</td>
						<td>
							<input type="password" name="password1" id="password1" class="Field250" value="">
							<img onMouseOut="HideHelp(this)" onMouseOver="ShowHelp(this, 'Password (confirm)', 'Please re-type the super administrator password to ensure you entered it correctly.')" src="images/help.gif" width="24" height="16" border="0">
						</td>
					</tr>
					<tr>
						<td class="FieldLabel">
							<span class="Required">*</span>&nbsp;Email:
						</td>
						<td>
							<input type="text" name="email" id="email" class="Field250" value="">
							<img onMouseOut="HideHelp(this)" onMouseOver="ShowHelp(this, 'Email', 'The email address of the super administrator.')" src="images/help.gif" width="24" height="16" border="0">
						</td>
					</tr>
					<tr>
						<td class="FieldLabel">
							&nbsp;&nbsp; First Name:
						</td>
						<td>
							<input type="text" name="firstname" class="Field250" value="">
							<img onMouseOut="HideHelp(this)" onMouseOver="ShowHelp(this, 'First Name', 'The first name of the super administrator.')" src="images/help.gif" width="24" height="16" border="0">
						</td>
					</tr>
					<tr>
						<td class="FieldLabel">
							&nbsp;&nbsp; Last Name:
						</td>
						<td>
							<input type="text" name="lastname" class="Field250" value="">
							<img onMouseOut="HideHelp(this)" onMouseOver="ShowHelp(this, 'Last Name', 'The last name of the super administrator.')" src="images/help.gif" width="24" height="16" border="0">
						</td>
					</tr>
					<TR>
						<TD class="Gap" colSpan="2"></TD>
					</TR>
					<TR>
						<TD class="FieldLabel"></TD>
						<TD>
							<input type="submit" name="Step1NextButton" value="Next >>" class="FormButton">&nbsp;<INPUT class="FormButton" id="Step1FinishButton" disabled type="button" value="Finish"
								name="Step1FinishButton">&nbsp;
							</TD>
					</TR>
					<TR>
						<TD class="Gap" colSpan="2"></TD>
					</TR>
				</TABLE>
			</TD>
		</TR>
	</TABLE>
	</form>

	<script>

		function CheckStep4()
		{
			if (document.getElementById("username").value == "") {
				alert("Please enter a username.");
				document.getElementById("username").focus();
				return false;
			}

			if (document.getElementById("password").value == "") {
				alert("Please enter a password.");
				document.getElementById("password").focus();
				return false;
			}

			if (document.getElementById("password1").value != document.getElementById("password").value) {
				alert("Passwords don't match.");
				document.getElementById("password1").focus();
				document.getElementById("password1").select();
				return false;
			}

			if (document.getElementById("email").value == "") {
				alert("Please enter an email address.");
				document.getElementById("email").focus();
				return false;
			}

			return true;
		}

	</script>
