%%SNIPPET_Trail%%

<div class="PageForms">
	<h1>%%LNG_authBecome%%</h1>
	<span id="RegisterPanel" style="display: %%GLOBAL_HideRegister%%">
			<div class="Message" style="display: %%GLOBAL_ShowMessage%%">
				%%GLOBAL_Message%%
			</div>
			<br />
			<form enctype="multipart/form-data" action="%%GLOBAL_siteURL%%/%%LNG_urlAuthors%%/%%LNG_urlRegister%%/%%LNG_urlDo%%" method="post" onSubmit="return CheckAuthorForm()">
			  <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <th> %%LNG_authBecomeAnAuthorIntro%% </th>
                </tr>
                <tr>
                  <td><table cellspacing="0" cellpadding="0" width="100%">
                    <col width="150" />
                    <tr>
                      <td ><span class="Required">*</span> %%LNG_authUsernameLabel%%:</td>
                      <td ><input type="text" tabindex="1" class="keyfield" id="Username" name="Username" value="%%GLOBAL_Username%%" onblur="javascript:CheckUsernameExists();" style="width: 200px;" />
                        </td>
                    </tr>
                    <tr>
                      <td >&nbsp;</td>
                      <td >(<a href="#" onclick="javascript:CheckUsernameExists();" tabindex="0">Check Availability</a>)
 <div id="UsernameCheck"></div> </td>
                    </tr>
                    <tr>
                      <td><span class="Required">*</span> %%LNG_authPasswordLabel%%:</td>
                      <td ><input type="password" class="keyfield" id="Password" name="Password" tabindex="2" style="width: 200px;" /></td>
                    </tr>
                    <tr>
                      <td><span class="Required">*</span> %%LNG_authPasswordConfirmLabel%%:</td>
                      <td><input type="password" class="keyfield" id="PasswordConfirm" name="PasswordConfirm"  tabindex="3" style="width: 200px;"></td>
                    </tr>
                    <tr>
                      <td class="Gap" colspan="2"></td>
                    </tr>
                    <tr>
                      <td ><span class="Required">*</span> %%LNG_authFirstNameLabel%%:</td>
                      <td ><input type="text" class="keyfield" id="FirstName" name="FirstName" value="%%GLOBAL_FirstName%%" tabindex="4" style="width: 200px;" /></td>
                    </tr>
                    <tr>
                      <td ><span class="Required">*</span> %%LNG_authLastNameLabel%%:</td>
                      <td ><input type="text" id="LastName" class="keyfield" name="LastName" value="%%GLOBAL_LastName%%" tabindex="5" style="width: 200px;" /></td>
                    </tr>
                    <tr>
                      <td ><span class="Required">*</span> %%LNG_authEmailLabel%%:</td>
                      <td ><input type="text" class="keyfield" id="Email2" name="Email" value="%%GLOBAL_Email%%"  tabindex="5" style="width: 200px;" /></td>
                    </tr>
                    <tr>
                      <td class="Gap" colspan="2"></td>
                    </tr>
                    <tr>
                      <td valign="top" ><span class="Required">*</span> %%LNG_authBiographyLabelLabel%%:</td>
                      <td valign="top" ><!-- Changed for v2005.2 //-->
                      <small id="biolength">%%LNG_authBioTypeAnother%% 500 %%LNG_authBioTypeAnotherCharacters%%</small></td>
                    </tr>
                    <tr>
                      <td valign="top" >&nbsp;</td>
                      <td valign="top" ><textarea id="Biography" name="Biography" rows="8" cols="40" onkeyup="javascript: CheckLength(this);" tabindex="7">%%GLOBAL_Biography%%</textarea></td>
                    </tr>
                    <tr>
                      <td>&nbsp;&nbsp;&nbsp;%%LNG_authPictureLabel%%:</td>
                      <td><input id="Picture" name="Picture" type="file" name="Picture" tabindex="8"></td>
                    </tr>
                    <tr  style=" display: %%GLOBAL_ShowCaptcha%%">
                      <td valign="top" class="FieldLabel"><span class="Required">* Security Code</span>&nbsp;%%LNG_CaptchaImg%%:</td>
                      <td valign="top"> %%GLOBAL_AL_CAPTCHA%% %%LNG_copyCaptchaAuthor%%                        </td>
                    </tr>
                    <tr  style=" display: %%GLOBAL_ShowCaptcha%%">
                      <td valign="top" class="FieldLabel">&nbsp;</td>
                      <td valign="top"><input type="text" class="keyfield" name="captcha" id="captcha" value=""   tabindex="9" /></td>
                    </tr>
                    <tr>
                      <td class="Gap" colspan="2"></td>
                    </tr>
                    <tr>
                      <td></td>
                      <td><input name="submit" type="submit" class="Button" id="SaveButton" tabindex="10" value='%%LNG_authRegister%%' />
                        &nbsp; <span class="SmallText" style="display: %%GLOBAL_HideLogin%%"> %%LNG_authAlreadyAuthor%% <a href="%%GLOBAL_siteURL%%/authors/login">%%LNG_authLogin%%</a> </span> </td>
                    </tr>
                  </table></td>
                </tr>
              </table>
  </form>
   </span>
</div>
	

<div class="Post">
	<span id="DonePanel" style="display: %%GLOBAL_HideDone%%">
		<div class="Message">
			%%LNG_authThankyouForRegistering%%. %%LNG_authRequestSent%% %%GLOBAL_AdditionalMessage%%
		</div>
		<br />
		<div class="Content">
			%%LNG_authToContinuePleaseSelect%%
			<ul>
				<li><A href="%%GLOBAL_siteURL%%">%%LNG_hpHome%%</A></li>
				<li><A href="%%GLOBAL_siteURL%%/sitemap.php">%%LNG_hpSiteMap%%</A></li>
			</ul>		
		</div>
	</span>
<script>

%%GLOBAL_Script%%

function CheckUsernameExists(){
	if(document.getElementById('Username').value.length > 0){
		what = "CheckUsernameReturn(req.responseXML)";
		DoCallback("w=CheckUsername" + "&Username=" + document.getElementById('Username').value	);
		return true;
	}
}

function CheckUsernameReturn(returned){
		
		// get the status of the ajax response
		// our getXMLData function relies on a global variable called 'xml'
		// so we just put the response into that.
		xml = returned.documentElement;
		var status = getXMLData('status');

		if(status == 1){
			// user account was successfully create
			document.getElementById("UsernameCheck").innerHTML =  getXMLData('message');
			return true;
			
		}else{
			document.getElementById("UsernameCheck").innerHTML = '%%LNG_UsernameError%%';
			return false;
		}

}
		function CheckUsername(){

		}
		// Added for v2005.2
		function CheckLength(textarea) {
			var MaxLength = 500;

			biolen = textarea.value.length;

			if (biolen > MaxLength) {
				textarea.value = textarea.value.substr(0, MaxLength);
				return;
			}

			var RemainingLength = (MaxLength - biolen);
			limitcheck = '%%LNG_authBioTypeAnother%%' + RemainingLength + '%%LNG_authBioTypeAnotherCharacters%%';
			document.getElementById('biolength').innerHTML = limitcheck;
		}

	</script>
</div>