{template header}

<script type="text/javascript" src="js/popWindow.js"></script>
<script type="text/javascript">
function docheck(){
	var signature=$.trim($('#signature').val());
	if(signature.length > 500){
		alert('{lang editProfiletoolong}');
		return false;
	}
	var gender=( $('#gender').attr("checked")==true )?0:1;
	$.post(
		"{$setting['seo_prefix']}user-editprofile{$setting['seo_suffix']}",
		{gender:gender, birthday:$('#birthday').val(),location:$('#location').val(), signature:$('#signature').val(),submit:'true' },
		function(xml){
			setPopMsg('{lang editProfileTip1}');
			divDance('popmsg');
			showPop(300,100);
			setTimeout(hidePop,3000);
		}
	);
	return false;
}
	function expand(id){
		if(id=='pro'){
			$("li.pro").toggle(); 
			
		}else{
			$('li.pms').toggle();
		}	
	}
</script>

<style type="text/css">
#calendar { border: 1px solid #C1C1C1; background: #FFF; margin-bottom: 0.8em;}
#calendar td { padding: 2px; font-weight: bold;}
#calendar_week td { height: 2em; line-height: 2em; border-bottom: 1px solid #E2E2E2;}
#hourminute td {padding: 4px 2px; border-top: 1px solid #E2E2E2;}
	.calendar_expire, .calendar_expire a:link, .calendar_expire a:visited {	color: #535353; font-weight: normal; }
	.calendar_default, .calendar_default a:link, .calendar_default a:visited { color: #535353;}
	.calendar_checked, .calendar_checked a:link, .calendar_checked a:visited { color: #DD0000; font-weight: bold;}
	td.calendar_checked, span.calendar_checked{ background: #E2E2E2;}
	.calendar_today, .calendar_today a:link, .calendar_today a:visited { color: #535353; font-weight: bold; }
#calendar_header td{ width: 30px; height: 20px; border-bottom: 1px solid #E2E2E2; font-weight: normal; }
#calendar_year { display: none;	line-height: 130%; background: #FFF; position: absolute; z-index: 10; }
	#calendar_year .col { float: left; background: #FFF; margin-left: 1px; border: 1px solid #E2E2E2; padding: 4px; }
#calendar_month { display: none; background: #FFF; line-height: 130%; border: 1px solid #DDD; padding: 4px; position: absolute; z-index: 11; }
</style>
<div id="append_parent"></div>
<script type="text/javascript" src="js/calendar.js"></script>

<div id="pop" style="padding-bottom:10px;background-color:#FFFFFF;border:1px solid #AAAAAA;color:#777777;font-size:14px;text-align:left;display:none;position:absolute">
	<div id="poptitle" style="border-bottom:1px solid #DDDDDD; color:#333333; overflow:hidden; border-bottom:1px solid #DDDDDD; color:#FFFFFF; height:20px; overflow:hidden; padding-left:10px; padding-left:10px; background-color: #336699;">
		{lang editProfileTip2}
	</div>
	<div>
		<div id="popmsg" align="center" style="clear: both;margin-top: 20px;"></div>
	</div>
</div>

<div id="map" class="bor-gray-das warp"><a href="{$setting[site_url]}">{$setting[site_name]}</a> &gt;&gt;<a href="{$setting['seo_prefix']}user-profile{$setting['seo_suffix']}">{lang selfManage}</a> &gt;&gt;{lang editProfile}</div>
<ul id="nav-gr-info" class="link_gray nav-ul">
	<li onclick="expand('pro');" ><span class="parent" >{lang selfManage}</span></li>
	<li  class="pro"><a href="{$setting['seo_prefix']}user-profile{$setting['seo_suffix']}" >{lang profile}</a></li>
	<li class="pro"><a href="{$setting['seo_prefix']}user-editprofile{$setting['seo_suffix']}" class="on" target="_self">{lang editProfile}</a></li>
	<li class="pro"><a href="{$setting['seo_prefix']}user-editpass{$setting['seo_suffix']}" target="_self">{lang editPass}</a></li>
	<li class="pro"><a href="{$setting['seo_prefix']}user-editimage{$setting['seo_suffix']}" target="_self">{lang editImage}</a></li>
	<li ><span class="parent"  onclick="expand('pms');">{lang shortmessage}</span></li>
	<label id='pms'>
	<li class="pms"><a href="{$setting['seo_prefix']}pms-box{$setting['seo_suffix']}" target="_self">{lang inbox}</a></li>
	<li class="pms"><a href="{$setting['seo_prefix']}pms-box-outbox{$setting['seo_suffix']}"  target="_self">{lang outbox}</a></li>
	<li class="pms"><a href="{$setting['seo_prefix']}pms-sendmessage{$setting['seo_suffix']}" target="_self">{lang sendmessage}</a></li>
	<li class="pms"><a href="{$setting['seo_prefix']}pms-box-drafts{$setting['seo_suffix']}"  target="_self">{lang draft}</a></li>
	<li class="pms bor_no" ><a href="{$setting['seo_prefix']}pms-blacklist{$setting['seo_suffix']}" target="_self" >{lang blacklist}</a></li>
	</label>
</ul>

<form  name="profileform" method="post" action="{$setting['seo_prefix']}user-editprofile{$setting['seo_suffix']}" onsubmit="return docheck();">
<div id="info-basic" class="wid710 r mar-t8"   >
	<span class="info-basic bold">{lang profile}</span>
	<ul class="info-detail">  
		<li><span class="l">{lang userName}:</span>$user[username]</li>		
		<li><span class="l">{lang gender}:</span><input name="gender" id="gender" type="radio" value="0" {if !$user[gender]}checked="checked"{/if} /> {lang female} &nbsp; &nbsp; <input name="gender" type="radio" value="1" {if $user[gender]}checked="checked"{/if}/>{lang male} </li>		
		<li><span class="l">{lang birthday}:</span><input readonly name="birthday"  id="birthday" type="text" class="reg-inp" value="$birthday"  onclick="showcalendar(event, this);" /></li>
		<li><span class="l">{lang location}:</span><input name="location"  id="location" type="text" class="reg-inp" value="$user[location]"/></li>
		<li><span class="l">{lang signature}:</span><span class="r"><textarea name="signature" id="signature" cols="60" rows="10">$user[signature]</textarea><br/>{lang editProfileTip3}</span></li>
		<li><span class="l">&nbsp;</span><input name="submit" type="submit" value="{lang submit}"  class="btn-submit"  /></li>		
	</ul>
</div>

</form>
{template footer}