{template header}
<script type="text/javascript" src="js/popWindow.js"></script>
<script type="text/javascript">
	function expand(id){
		if(id=='pro'){
			$("li.pro").toggle(); 
			
		}else{
			$('li.pms').toggle();
		}	
	}
	function updateavatar() {
		window.location.reload();
	}
</script>
<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 editImage}</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']}" 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']}" class="on" 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>

<!--{if isset($image_html)}-->
<div id="info-basic" class="wid710 r mar-t8">
<img  src="<!--{if isset($uid_image)}-->$uid_image<!--{else}-->style/default/user.gif<!--{/if}-->" name="userimage" width="90" id="userimage"/>
<caption>
<h2>{lang config_new_avatar}</h2>
<p>{lang select_new_picture}</p>
</caption>
$image_html
</div>
<!--{else}-->
<form   name="profileform" method="post" enctype="multipart/form-data" action="{$setting['seo_prefix']}user-editimage{$setting['seo_suffix']}">
<div id="info-basic" class="wid710 r mar-t8">
	<span class="info-basic bold">{lang editImage}</span>
	<!--{if isset($message)}-->
	<span id="editimage" style="color:#FF0000">$message</span><br/>
	<script type="text/javascript">
	divDance('editimage');
	</script>
	<!--{/if}-->
	<a href="<!--{if $user[image]}-->$user[image]<!--{else}-->style/default/user.gif<!--{/if}-->" class="a-img"><img id="userimage"  src="<!--{if $user[image]}-->$user[image]<!--{else}-->style/default/user.gif<!--{/if}-->"/></a>
	<p class="detail">{lang editImageTip}</p>
	<div class="clear mar-t8 "></div>
	<input id="image" name="image" type="file" value="{lang view}..."  class="btn-file l mar-l-40"/>
	<input name="submit" type="submit" value="{lang upload}"  class="btn-submit2"/>
	
</div>
</form>
<!--{/if}-->
<script type="text/javascript">
	$('#userimage').attr('src',$('#userimage').attr('src')+'?'+Math.random());
</script>
{template footer}