{header}
{ims}
<script type="text/javascript">
function equalHeight(group) {
    tallest = 0;
    group.each(function() {
        thisHeight = $(this).height();
        if(thisHeight > tallest) {
        tallest = thisHeight;
        }
    });
    group.height(tallest);
}
$(document).ready(function() {
    equalHeight($(".in,.userinfo-c"));
});
</script>
{complite}

<div class="wrapper">
<div class="userinfo-c">
	<div class="userinfo smallphoto clearfix">

        {profile_menu}

	<div align="center" class="contentpad content_bgrnd">
		<div class="fullprof">

<script Language="JavaScript" type="text/javascript">
  var blockSubmission = false;
  function removeSubmissionBlock() {
    blockSubmission = false;
  }
  function isSubmissionAllowed() {
    if(blockSubmission){
       return false;
    }
    return;
   }
  document.onclick = isSubmissionAllowed;
  document.onkeydown = isSubmissionAllowed;

  function onValidatePersonalForm() {
    var form = document.forms['PersonalForm'];
    return true;
  }
  function validatePersonalForm() {
    blockSubmission = true;
     if (typeof beforePersonalFormValidation != 'undefined') {
       beforePersonalFormValidation();
    }
    var validated = onValidatePersonalForm();
    if (validated && (typeof uponSuccessfulPersonalFormValidation != 'undefined')) {
      validated = uponSuccessfulPersonalFormValidation();
    }
    else if (!validated && (typeof uponUnsuccessfulPersonalFormValidation != 'undefined')) {
      uponUnsuccessfulPersonalFormValidation();
    }
    if (!validated) {
      removeSubmissionBlock();
    }
    return validated;
  }
  function submitPersonalForm() {
   if (validatePersonalForm()) document.PersonalForm.submit();
    }
</script>
<form name="PersonalForm" method="POST" action="{url_main}profile_settings.php?cmd=mail" style="padding: 0px; margin: 0px;">
			<div align="left"  class=header_big style="padding-top:30px; padding-bottom:15px;">
				<img src="{url_tmpl_main}images/pers_set.png" class="png" align="absmiddle" alt="" width=48 height=48> {l_personal_settings}
			</div>
			<div class="list_button_1">
				<table cellpadding="0" cellspacing="0" border="0"><tr>
					<td height="22" width="449" style="padding-left:5px; padding-top:3px;" class="list_button_text" align="left">{l_settings}</td>
					<td width="42" align="center" class="list_button_text"></td>
					<td width="42" align="center" class="list_button_text"></td>
				</tr></table>
			</div>
			<div>
			<table width="100%" cellpadding="0" cellspacing="0" border="0">
                <!-- begin_field -->
                <!-- begin_field_select -->
                <tr>
                    <td width="451" class="list_view1" align="left">
                        {label}
                    </td>
                    <td class="list_view1" align="center" colspan=2 height="22">
                        <select name="{name_select}" style="width:140px;">
                            <!-- begin_field_select_item -->
                            <option {selected} value="{value}">{title}</option>
                            <!-- end_field_select_item -->
                        </select>
                    </td>
                </tr>
                <!-- end_field_select -->

                <!-- begin_field_radio -->
                <tr><td width="451"  class="list_view2" align="left">{label}</td><td align="center" colspan=2 class="list_view2">
                        <table cellpadding="0" cellspacing="0" border="0" height="14" ><tr>
                                <!-- begin_field_radio_item -->
                                <td class="no-border" width="10"><input type="radio" value={value} name="{name_radio}" id="radio_{name_radio}_{value}" style="margin:2px 5px 0; width:13px; height:13px;" value="{value}" {checked}>
                                </td>
                                <td class="no-border" width="14" class="body_little"><label class="radio" for="radio_{name_radio}_{value}">{title}</label>&nbsp;</td>
                                <!-- end_field_radio_item -->
                            </tr></table>
                    </td></tr>
                <!-- end_field_radio -->
                <!-- end_field -->

                <!-- begin_timezone -->
                    <tr>
                        <td width="451" class="list_view1" style="" align="left">
                            {l_choose_timezone}

                            <!-- begin_info_timezone -->
                            <script type="text/javascript">
                                $('#timezone').change(function(){
                                    var zone = $(this).val();
                                    $.post('{url_administration}ajax.php', {cmd: 'timezone', zone: zone}, function(data) {
                                        $('#info_timezone').html(data);
                                    });
                                });
                            </script>
                            <div id="info_timezone" style="margin-left: 2px;">{info_timezone}</div>
                            <!-- end_info_timezone -->
                        </td>
                        <td class="list_view1" align="center" colspan=2>
                            <select id="timezone" class="styler_settings" style="width:140px;" name="timezone">{selectbox_options_abk}</select>
                        </td>
                    </tr>
                <!-- end_timezone -->

				</table>
			</div>
			<div align="right" style="padding-top: 5px; padding-bottom: 13px;">
				<table border="0" cellpadding="0" cellspacing="0"><tr><td><div class="button_border_2"><input type="button" value="{l_update_settings}" onClick="submitPersonalForm();" class="button" style="width: 127px; padding-left: 5px; padding-right: 5px; cursor: pointer; cursor: hand;" title="{l_update_settings}" onMouseOver="window.status='{l_update_settings}'; return true;" onMouseOut="window.status=''; return true;"></div></td></tr></table>
			</div>
</form>


<!-- begin_my_chat -->
			<div align="left" class=header_big style="padding-top:30px; padding-bottom:15px;">
                 <img src="{url_tmpl_main}images/fr.png" class="png" align="absmiddle" alt="" width=48 height=48>
				{l_chat_settings}

			</div>

			<div align="left">

				<script type="text/javascript">

				  var cmessage = "{chat_message}";

				  if (cmessage != "")

				  {

				  	alert("{chat_message}")

				  }

				</script>



				<!-- begin_photo-->

					<!-- begin_photo_item-->

						<div style="float:left; margin-right:16px; margin-bottom:20px;">
							<div class="img_med_border" style="width:127px; height:141px; margin-bottom:4px;">
								<img border="0" src="{url_main}/_server/chat/avatar/portrait{avatar}.jpg" width=126 height=140>
							</div>
                                <!-- begin_photo_item_selected-->
                                    <div id ="setAvatar" style="margin:-75px 5px 0px 0px; height:75px; text-align:right;">
                                        <img border="0" alt="Сheck" src="{url_tmpl_main}/images/check.png">
                                    </div>
                                <!-- end_photo_item_selected-->
							<input id ="btnSelect{avatar}"  style="width:128px; margin-left:4px;" type="button" value="{l_choose}" onClick="setAvatar('{avatar}'); return false;" class="button" style="width:60px; padding-left: 5px; padding-right: 5px; cursor: pointer; cursor: hand;" title="{l_choose}" onMouseOver="window.status='{l_choose}'; return true;" onMouseOut="window.status=''; return true;" />

						</div>

						<!-- begin_photo_odd-->



						<!-- end_photo_odd-->

						<!-- begin_photo_even-->


						<!-- end_photo_even-->

					<!-- end_photo_item-->



					<!-- begin_nophoto_item-->



						<!-- begin_nophoto_odd-->



						<!-- end_nophoto_odd-->

						<!-- begin_nophoto_even-->


						<!-- end_nophoto_even-->

					<!-- end_nophoto_item-->

				<!-- end_photo-->



			</div>
<!-- end_my_chat -->
            <div style="clear:both;"></div>





<script Language="JavaScript" type="text/javascript">
  function onValidateUpdatePasswordForm() {
    var form = document.forms['UpdatePasswordForm'];
    // "new_password" field validation.
    if (!(validateNotTwoFields(form['new_password'],"{l_password}",form['join_handle'],'Username'))) {
      removeSubmissionBlock();
      return false;
    }
    // "verify_new_password" field validation.
    if (!(validateTwoFields(form['verify_new_password'],"{l_verify_password}",form['new_password'],"{l_password}"))) {
      removeSubmissionBlock();
      return false;
    }
    return true;
  }
  function validateUpdatePasswordForm() {
    blockSubmission = true;
     if (typeof beforeUpdatePasswordFormValidation != 'undefined') {
       beforeUpdatePasswordFormValidation();
    }
    var validated = onValidateUpdatePasswordForm();
    if (validated && (typeof uponSuccessfulUpdatePasswordFormValidation != 'undefined')) {
      validated = uponSuccessfulUpdatePasswordFormValidation();
    }
    else if (!validated && (typeof uponUnsuccessfulUpdatePasswordFormValidation != 'undefined')) {
      uponUnsuccessfulUpdatePasswordFormValidation();
    }
    if (!validated) {
      removeSubmissionBlock();
    }
    return validated;
  }
  function submitUpdatePasswordForm() {
   if (validateUpdatePasswordForm()) document.UpdatePasswordForm.submit();
    }
</script>
<form  name="UpdatePasswordForm" method="POST" action="{url_main}profile_settings.php?cmd=password" onSubmit="return validateUpdatePasswordForm();" style="padding: 0px; margin: 0px;">

			<input type='hidden' name='join_handle' value='pl72'>

			<div align="left"  class=header_big style="padding-top:30px; padding-bottom:15px;">
            <img src="{url_tmpl_main}images/ch_pass.png" class="png" align="absmiddle" alt="" width=48 height=48>
				{l_change_password}
			</div>
			<div>
            <div align="left">{l_to_change_password}<br>{l_select_password}</div><br />

				<table cellpadding="0" cellspacing="0" border="0" width="100%">
                <tr>
					<td width="148" class="body_text" style="padding-right: 10px;" align="left">
						{l_enter} <b>{l_current}</b> {l_password}
					</td>
					<td class="body_little" align="left">
						<input type="password" name="old_password" style="width: 354px; padding-top:2px; padding-bottom:2px; margin-bottom:5px;" size="38">
                    </td>
                </tr>
                    <td width="148" class="body_text" style="padding-right: 10px;" align="left">
						{l_enter} <b>{l_new}</b> {l_password}
					</td>
					<td class="body_little" align="left">
						<input type="password" name="new_password" style="width: 354px; padding-top:2px; padding-bottom:2px; margin-bottom:5px;" size="38">
                    </td>
                </tr>
                    <td width="148" class="body_text" style="padding-right: 10px;" align="left">
						{l_confirm} <b>{l_new}</b> {l_password}
					</td>
					<td class="body_little" align="left">
						<input type="password" name="verify_new_password" style="width: 354px; padding-top:2px; padding-bottom:2px; margin-bottom:5px;" size="38">
                    </td>


				</tr></table>

						<div class="pri_little_bold">
							{password_message}
						</div>
			</div>
			<div align="right" style="padding-top: 10px; padding-bottom: 13px;">
                <table border="0" cellpadding="0" cellspacing="0"><tr><td><div class="button_border_2"><input type="button" value="{l_update_settings}" onClick=" submitUpdatePasswordForm();" class="button" style="width: 120px; padding-left: 5px; padding-right: 5px; cursor: pointer; cursor: hand;" title="{l_update_settings}" onMouseOver="window.status='{l_update_settings}'; return true;" onMouseOut="window.status=''; return true;"></div></td></tr></table>
			</div>
</form>
<!-- begin_profile_status -->
			<div align="left"  class=header_big style="padding-top:30px; padding-bottom:15px;">
            <img src="{url_tmpl_main}images/prof_stat.png" class="png" align="absmiddle" alt="" width=48 height=48>
				{l_profile_status}
			</div>

            <table cellpadding="0" cellspacing="0" border="0"  width="100%">
        <!-- begin_hide-->
            <tr>
                <td width="350" class="body_text" style="padding-top: 15px; padding-bottom: 20px; padding-right: 25px; font-size:11px;" align="left">
                    <span class="sec_med_bold">{l_hide_your_profile}</span><br>
                    {l_too_popular} {l_other_members} {l_30_minutes}
                </td>
                <td width="105" style="padding-top:15px; padding-bottom:20px; vertical-align:middle; text-align:right;">
                    <input type="button" value="{l_hide_profile}" onClick=" location.href='{url_main}profile_settings.php?cmd=hide';" class="button" title="{l_hide_profile}" style="width:122px;" onMouseOver="window.status='{l_hide_profile}'; return true;" onMouseOut="window.status=''; return true;">
                </td>
            </tr>
        <!-- end_hide-->
        <!-- begin_active-->
            <tr>
                <td width="350" class="body_text" style="padding-top:15px; padding-bottom:20px; padding-right:25px; font-size:11px;" align="left">
                    <span class="sec_med_bold">{l_active_your_profile}</span><br />
                    {l_show_yourself}
                </td>
                <td width="105" style="padding-top:15px; padding-bottom:20px; vertical-align:middle; text-align:right;">
                    <input type="button" value="{l_active_profile}" style="width:122px;" onClick=" location.href='{url_main}profile_settings.php?cmd=active';" class="button" title="{l_active_profile}" onMouseOver="window.status='{l_active_profile}'; return true;" onMouseOut="window.status=''; return true;">
                </td>
            </tr>
        <!-- end_active-->
        <!-- begin_delete_profile -->
            <tr class="{separator_profile}">
                <td width="350" class="body_text" style="padding-top:15px; padding-bottom:20px; padding-right:25px; font-size:11px;" align="left">
                    <span class="sec_med_bold">{l_delete_your_profile}</span><br>
                    {l_we_hope}<br><br>{l_just_remember}&nbsp;&nbsp;{l_brand_new_profile}
                </td>
                <td width="105" style="padding-top:15px; padding-bottom:20px;vertical-align:middle; text-align:right; ">
                    <input type="button" value="{l_delete_profile}" style="width:122px;" onClick=" location.href='{url_main}profile_delete.php';" class="button" title="{l_delete_profile}" onMouseOver="window.status='{l_delete_profile}'; return true;" onMouseOut="window.status=''; return true;">
                </td>

            </tr>
             <!-- end_delete_profile -->
            </table>
<!--end_profile_status -->
		</div>

	</div>

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

</div>
<!-- begin_save_password -->
<script>
alert('{l_save_password}');
</script>
<!-- end_save_password -->
{footer}