{header}

<div id="main2">
	<div id="main-in2">
		<div id="main-out2">
<div class="wrapper-wide">
<div class="userinfo-c-wide">
	<div class="userinfo smallphoto clearfix">


			<script language="JavaScript" type="text/javascript">
			  function onValidateJoinForm() {
			    var form = document.forms['JoinForm'];

                if (!(validateUserName(form['join_handle'], '{l_username}', '{username_length_min}', '{username_length}'))) {
			      return false;
			    }

			    if (!(validateRequiredField(form['join_password'], '{l_password}'))) {
			      return false;
			    }
			    if (!(validateMinLength(form['join_password'], '{l_password}','{password_length_min}'))) {
			      return false;
			    }
			    if (!(validateMaxLength(form['join_password'], '{l_password}','{password_length_max}'))) {
			      return false;
			    }
			    if (!(validateAlphaNumeric(form['join_password'], '{l_password}'))) {
			      return false;
			    }

			    if (!(validateRequiredField(form['email'], '{l_email_address}'))) {
			      return false;
			    }
			    if (!(validateMaxLength(form['email'], '{l_email_address}','{mail_length_max}'))) {
			      return false;
			    }
			    if (!(validateEmailField(form['email'], '{l_email_address}'))) {
			      return false;
			    }
                <!-- begin_field_orientation_js -->
			    if (!(validateRequiredSelect(form['orientation'],'{l_orientation}','00'))) {
			      return false;
			    }
			    if (!(validateRequiredField(form['orientation'], '{l_orientation}', '00'))) {
			      return false;
			    }
                <!-- end_field_orientation_js -->
			    if (!(validateRequiredSelect(form['country'],'{l_country}','-1'))) {
			      return false;
			    }
			    if (!(validateRequiredField(form['country'], '{l_country}', '-1'))) {
			      return false;
			    }
			    if (!(validateRequiredField(form['month'], '{l_month}'))) {
			      return false;
			    }
			    if (!(validateRequiredField(form['day'], '{l_day}'))) {
			      return false;
			    }
			    if (!(validateRequiredField(form['year'], '{l_year}'))) {
			      return false;
			    }
			    if (!(validateRequiredCheckbox(form['privacy_policy'],'','{l_agree_privete_policy}'))) {
			      return false;
			    }
			    return true;
			  }

			  function validateJoinForm() {
			    blockSubmission = true;
			     if (typeof beforeJoinFormValidation != 'undefined') {
			       beforeJoinFormValidation();
			    }
			    var validated = onValidateJoinForm();
			    if (validated && (typeof uponSuccessfulJoinFormValidation != 'undefined')) {
			      validated = uponSuccessfulJoinFormValidation();
			    }
			    else if (!validated && (typeof uponUnsuccessfulJoinFormValidation != 'undefined')) {
			      uponUnsuccessfulJoinFormValidation();
			    }
			    if (!validated) {

			    }
			    return validated;
			  }

			  function submitJoinForm() {
			   if (validateJoinForm()) document.JoinForm.submit();
			   else return false;
			  }
			</script>

<style>
#month, #day, #year {margin-right:0px!important;}
</style>

            <table width="100%" cellpadding="0" cellspacing="0"><tr>
			<td width="100%" valign="top">
                    <!-- begin_join -->
  					<form {autocomplete} name="JoinForm" method="post" action="{url_page}?cmd=register" onsubmit="return validateJoinForm();" >

                        <div  class="header_big" style="padding-bottom: 10px; padding-top: 20px; text-align: center;">{l_join_this}</div>
                        <div id="join">
                        <div align="center">{join_message}</div>
						<table width="100%">
						<tr>
                        <td width="40%" align="right"><label for="username">{l_username}:</label></td>
                        <td width="60%"><input type="text" id="username" name="join_handle" style="width:183px;" maxlength="{username_length}" value="{join_handle}" class="input_text_01" /></td>
                        </tr>
                        <tr>
						<td align="right"><label for="create-password">{l_create_password}:</label></td>
                        <td><input type="password" id="create-password" name="join_password" style="width:183px;" value="{join_password}" class="input_text_01" /></td>
                        </tr>

						<td align="right"><label for="email">{l_email}:</label></td>
                        <td><input type="text" id="email" name="email" style="width:183px;" value="{email}" class="input_text_01" /></td>
                        </tr>
                        <!-- begin_field_orientation -->
                        <tr>
						<td align="right"><label for="iam">{l_i_am}:</label></td>
                        <td height="22"><select name="orientation" size="1" style="width:198px;" id="iam">{orientation_options}</select></td>
                        </tr>
                        <!-- end_field_orientation -->
                        <tr>
						<td align="right"><label for="from">{l_from}:</label></td>
                        <td height="22"><select size="1" name="country"  style="width:198px;" id="from"><option value="-1" selected="selected">{l_country_select}</option>	 {country_options}</select></td>
                        </tr>
                        <tr>
                        <td align="right"><label for="month">{l_born_on}:</label></td>
                        <td><table><tr><td><select name="month" id="month" style="width:100px;" onchange="updateDay('month','JoinForm','year','month','day')">{month_options}</select></td><td><select style="width:40px;" name="day" id="day">{day_options}</select></td><td><select style="width:58px;" name="year" id="year" onchange="updateDay('year','JoinForm','year','month','day')">{year_options}</select></td></tr></table></td>
                        </tr>
                        <tr>
						<td></td>
                        <td align="left">
                        <div id="terms"><input name="privacy_policy" type="checkbox" value="1" id="agree" class="chk"  /> <label for="agree"> {l_i_agree} <a href="javascript:winpop('{url_main}info.php?page=term_cond&lang={lang_loaded}','800','600','yes');">{l_terms_and_conditions}</a> {l_and} <a href="javascript:winpop('{url_main}info.php?page=priv_policy&lang={lang_loaded}','800','600','yes');">{l_privacy_policy}</a></label></div>
                        </td>
                        </tr>
                        <tr>
                        <td>&nbsp;</td>
                        <td><input type="button" value="{l_join_now}" onclick="submitJoinForm();" class="button" style=" padding-left: 5px; padding-right: 5px; cursor: pointer; cursor: hand;" /></td>
                        </tr>
                        </table>
						</div>
					</form>
                    <!-- end_join -->
            </td></tr></table>

</div>
<div class="userinfo-links-wide"></div>
</div>
</div></div>
</div></div>

{footer}