{template header}
<div class="nav"><a href="$indexname">$bbname</a> &raquo; {lang member_login}</div>
<form method="post" name="login" action="logging.php?action=login&amp;">
<input type="hidden" name="formhash" value="{FORMHASH}" />
<input type="hidden" name="referer" value="$referer" />
<div class="container">
	<h1><span>{faq login}</span>{lang member_login}</h1>
	<div summary="{lang member_login}">
		<!--{if $seccodecheck}-->
			<div class="foxsd">
				<li class="s1 left lh"><label for="seccodeverify">{lang seccode}</label></li>
				<li class="s0"><strong class="lh">{lang seccode_click}</strong> <!--{if $seccodedata['animator'] == 2}-->{lang seccode_animator_flashrefresh}<!--{elseif $seccodedata['animator'] == 1}-->{lang seccode_animator_refresh}<!--{else}-->{lang seccode_refresh}<!--{/if}--><div id="seccodeimage"></div></li>
				<li class="s7 lh">
					<input type="text" onfocus="updateseccode();this.onfocus = null" id="seccodeverify" name="seccodeverify" class="text_input" maxlength="4" tabindex="1" />
				</li>
			</div>
			<script type="text/javascript">
				var seccodedata = [{$seccodedata['width']}, {$seccodedata['height']}, {$seccodedata['type']}];
			</script>
		<!--{/if}-->
		<div class="maxspeed">
			<li class="s1 left"><label onclick="document.login.username.focus();"><input class="radio" type="radio" name="loginfield" value="username" tabindex="2" checked="checked" />{lang username}&nbsp;<input class="radio" type="radio" name="loginfield" value="uid" tabindex="3" />{lang uid}</label></li>
			<li class="s0"><a href="$regname">{lang register_now}</a></li>
			<li class="s7"><input type="text" id="username" name="username" class="text_input" maxlength="40" tabindex="4" /></li>
		</div>
		<div class="maxspeed">
			<li class="s1 left"><label for="password">{lang password}</label></li>
			<li class="s0"><a href="member.php?action=lostpasswd">{lang lostpassword}</a></li>
			<li class="s7"><input type="password" id="password" name="password" class="text_input" tabindex="5" /></li>
		</div>
		<div class="maxspeed">
			<li class="s1 left"><label for="questionid">{lang security_question}</label></li>
			<li class="s5">
				<select id="questionid" name="questionid" tabindex="6">
					<option value="0">{lang security_question_0}</option>
					<option value="1">{lang security_question_1}</option>
					<option value="2">{lang security_question_2}</option>
					<option value="3">{lang security_question_3}</option>
					<option value="4">{lang security_question_4}</option>
					<option value="5">{lang security_question_5}</option>
					<option value="6">{lang security_question_6}</option>
					<option value="7">{lang security_question_7}</option>
				</select>
			</li>
		</div>
		<div class="maxspeed">
			<li class="s1 left"><label for="answer">{lang security_answer}</label></li>
			<li class="s0">{lang login_secques_comment}</li>
			<li class="s7"><input type="text" id="answer" name="answer" class="text_input" tabindex="7" /></li>
		</div>
		<div class="maxspeed">
			<li class="s1 left"><label>{lang login_cookie_time}</label></li>
			<li class="s5">
				<label><input class="radio" type="radio" name="cookietime" value="315360000" tabindex="8" $cookietimecheck[315360000] /> {lang login_permanent}</label>
				<label><input class="radio" type="radio" name="cookietime" value="2592000" tabindex="9" $cookietimecheck[2592000] /> {lang login_one_month}</label>
				<label><input class="radio" type="radio" name="cookietime" value="86400" tabindex="10" $cookietimecheck[86400] /> {lang login_one_day}</label>
				<label><input class="radio" type="radio" name="cookietime" value="3600" tabindex="11" $cookietimecheck[3600] /> {lang login_one_hour}</label>
				<label><input class="radio" type="radio" name="cookietime" value="0" tabindex="12" $cookietimecheck[0] /> {lang login_this_task}</label>
			</li>
		</div>
		<div class="maxspeed">
			<li class="s1 left"><label for="loginmode">{lang login_invisible}</label></li>
			<li class="s5">
				<select id="loginmode" name="loginmode" tabindex="13">
					<option value="">{lang use_default}</option>
					<option value="normal"> {lang login_normal_mode}</option>
					<option value="invisible"> {lang login_invisible_mode}</option>
				</select>
			</li>
		</div>
		<div class="maxspeed">
			<li class="s1 left"><label for="styleid">{lang style}</label></li>
			<li class="s5">
				<select id="styleid" name="styleid" tabindex="14">
					<option value="">{lang use_default}</option>
					$styleselect
				</select>
			</li>
		</div>
		<div class="maxspeed"><button class="submit" type="submit" name="loginsubmit" value="true" tabindex="100">{lang submit}</button></div>
	</div>
</div>
</form>

<script type="text/javascript">
document.login.username.focus();

var mydate = new Date();
var mytimestamp = parseInt(mydate.valueOf() / 1000);
if(Math.abs(mytimestamp - $timestamp) > 86400) {
	window.alert('{lang login_timeoffset}');
}
</script>
{template footer}