{include file='Header' sandbox=false}

<div id="ColumnLeft">
{if $errorField}
	<p class="error">Bitte überprüfen Sie Ihre Eingaben in den markierten Eingabefeldern!</p>
{/if}

{if $errorField == 'Username'}
	<p class="error">
		{if $errorType == 'notValid'}Mit diesem <strong>Benutzernamen</strong> oder mit dieser <strong>E-Mailadresse</strong> existiert bereits ein Account{/if}
		{if $errorType == 'onBlacklist'}Der Benutzername <strong>{$Username}</strong> befindet sich auf der Blacklist{/if}
	</p>
{/if}
<form action="{SITEURL}index.php?form=Register" method="post">

	{action name='RegisterFormTop'}
	
	<fieldset>
		<legend><img src="{SITEURL}images/icon/keySmall.png" alt="" />Registrierung</legend>
		<div class="formElement" id="UsernameDiv">
			<div class="formFieldLabel">
				<label for="Username">Benutzername: <span class="required">*</span></label>
			</div>
			<div class="formField">
				<input class="inputText" type="text" id="Username" name="Username" value="{$Username}" />
				{if $errorField == 'Username'}
					<p class="innerError">
						{if $errorType == 'empty'}Bitte füllen Sie dieses Eingabefeld aus{/if}
						{if $errorType == 'notValid'}Bitte überprüfen Sie Ihre Eingaben{/if}
						{if $errorType == 'onBlacklist'}Dieser Benutzername befindet sich auf der Blacklist{/if}
					</p>
				{/if}
			</div>
			<div class="formFieldDesc hidden" id="UsernameHelpMessage">
				<p>Ihr Benutzername muss min. 6 und darf max. 20 Zeichen lang sein.</p>
			</div>
		</div>
		<div class="formElement">
			<div class="formFieldLabel">
				<label for="Sex">Anrede: <span class="required">*</span></label>
			</div>
			<div class="formField">
				{htmlOptions name="Sex" id="Sex" options=$SexSelect selected=$Sex}
			</div>
		</div>
		<div class="formElement" id="FirstnameDiv">
			<div class="formFieldLabel">
				<label for="Firstname">Vorname: <span class="required">*</span></label>
			</div>
			<div class="formField">
				<input class="inputText" type="text" id="Firstname" name="Firstname" value="{$Firstname}" />
				{if $errorField == 'Firstname'}
					<p class="innerError">
						{if $errorType == 'empty'}Bitte füllen Sie dieses Eingabefeld aus{/if}
					</p>
				{/if}
			</div>
			<div class="formFieldDesc hidden" id="FirstnameHelpMessage">
				<p>Tragen Sie hier bitte Ihren Vornamen ein</p>
			</div>
		</div>
		
		<div class="formElement" id="LastnameDiv">
			<div class="formFieldLabel">
				<label for="Lastname">Nachname: <span class="required">*</span></label>
			</div>
			<div class="formField">
				<input class="inputText"type="text" id="Lastname" name="Lastname" value="{$Lastname}" />
				{if $errorField == 'Lastname'}
					<p class="innerError">
						{if $errorType == 'empty'}Bitte füllen Sie dieses Eingabefeld aus{/if}
					</p>
				{/if}
			</div>
			<div class="formFieldDesc hidden" id="LastnameHelpMessage">
				<p>Tragen Sie hier bitte Ihren Nachnamen ein</p>
			</div>
		</div>
		
		<div class="formElement" id="EmailDiv">
			<div class="formFieldLabel">
				<label for="Email">E-Mail: <span class="required">*</span></label>
			</div>
			<div class="formField">
				<input class="inputText" type="text" id="Email" name="Email" value="{$Email}" />
				{if $errorField == 'Email'}
					<p class="innerError">
						{if $errorType == 'empty'}Bitte füllen Sie dieses Eingabefeld aus{/if}
						{if $errorType == 'notValid'}Bitte überprüfen Sie Ihre E-Mail Adresse{/if}
						{if $errorType == 'onBlacklist'}Ihre E-Mail Adresse befindet sich auf der Blacklist{/if}
					</p>
				{/if}
			</div>
			<div class="formFieldDesc hidden" id="EmailHelpMessage">
				<p>Tragen Sie bitte Ihre E-Mail Adresse ein</p>
			</div>
		</div>
	</fieldset>
	
	<fieldset>
	<legend><img src="{SITEURL}images/icon/lockSmall.png" alt="" />Passwort</legend>
	<div class="formElement" id="PasswordDiv">
			<div class="formFieldLabel">
				<label for="Password">Passwort: <span class="required">*</span></label>
			</div>
			<div class="formField">
				<input class="inputText" onkeyup="AjaxCheckPwSecure();" onblur="AjaxCheckPwSecure();" type="password" id="Password" name="Password" value="" />
				{if $errorField == 'Password'}
					<p class="innerError">
						{if $errorType == 'empty'}Bitte füllen Sie dieses Eingabefeld aus{/if}
					</p>
				{/if}
			</div>
			<div class="formFieldDesc hidden" id="PasswordHelpMessage">
				<p>Vergeben Sie zum Schutz Ihrer persönlichen Daten nun noch ein Passwort.</p>
			</div>
		</div>
		
		<div class="formElement" id="Password2Div">
			<div class="formFieldLabel">
				<label for="Password2">... wiederholen: <span class="required">*</span></label>
			</div>
			<div class="formField">
				<input class="inputText" type="password" id="Password2" name="Password2" value="" />
				{if $errorField == 'Password2'}
					<p class="innerError">
						{if $errorType == 'empty'}Bitte füllen Sie dieses Eingabefeld aus{/if}
						{if $errorType == 'notValid'}Die Passwörter stimmen nicht überein{/if}
					</p>
				{/if}
			</div>
			<div class="formFieldDesc">
				<div id="PasswordSecArea">
					<div id="PasswordSecLevel"><img style="margin:0px 0px 0px -3px;" id="PwIndicator" src="{SITEURL}images/misc/PwIndicator.gif" alt="" border="0" /></div>
					<div id="PasswordSecRange">&nbsp;</div>
				</div>
			</div>
			<div class="formFieldDesc" style="font-size:95%;">
				<p>In dieser Skala können Sie ablesen, wie sicher das von Ihnen gewählte Passwort ist.</p>
			</div>
		</div>
	</fieldset>
		
	{if $reCaptchaHTML != ''}
		{include file='ReCaptcha'}
	{/if}
	
	<p class="formSubmit"><input class="inputButton" type="submit" name="save" value="Anmeldung absenden &raquo;" /></p>
		
	</form>
</div>

<script type="text/javascript">
//<![CDATA[
	inlineHelp.register('Username');
	inlineHelp.register('Firstname');
	inlineHelp.register('Lastname');
	inlineHelp.register('Email');
	inlineHelp.register('Password');
//]]>
</script>

{include file='SidebarIndex'}

{include file='Footer'}