{template header}

<script type="text/javascript" src="js/popWindow.js"></script> 
<script type="text/javascript">
	num={$num};
	function closepop(){
		$('#popmsg').innerHTML='';
		setTimeout(hidePop,0);
	}
	function del_comment(id){
		$.ajax({
			url: "{$setting['seo_prefix']}comment-delete",
			cache: false,
			dataType: "xml",
			type:"post",
			async:false, 
			data: {id:id,did:$doc['did'],page:$('#page').html()},
			success: function(xml){
			   var	message=xml.lastChild.firstChild.nodeValue;
			   if(message){
				setPopMsg("{lang commentDelSucess}");
				$('#c_content').html(message);
				$('#c_num').html(parseInt($('#c_num').html())-1);
				}else{
					setPopMsg("{lang commentWrong}");
				}
				divDance('popmsg');
				showPop(300,100);
				setTimeout(hidePop,1000);
			}
		});
	}
	function edit_comment(id){
		var comment=$('#c_'+id).html();
		var msg="<textarea id='editcomment' name='editcomment' cols='70' rows='6' >"+comment+"</textarea><br/>"+
		"<input name='editsubmit' type='button' onclick='saveedit("+id+")' value='{lang submit}'>"+
		"&nbsp;&nbsp;&nbsp;<input name='cancel' type='button' onclick='closepop()' value='{lang cancel}'>";
		setPopMsg(msg);
		divDance('popmsg');
		showPop(465,165);
	}
	function saveedit(id){
		var comment=$.trim($('#editcomment').val());
		if(comment==""){
			alert("{lang commentCannone}");
			return false;
		}else if(bytes(comment)>200){
			alert('{lang commentLongSize}');
			return false;
		}
		$.ajax({
			url: "{$setting['seo_prefix']}comment-edit",
			cache: false,
			dataType: "xml",
			type:"post",
			async:false, 
			data: {id:id,comment:comment},
			success: function(xml){
			var message=xml.lastChild.firstChild.nodeValue;
			if(message=='1'){
				setPopMsg('{lang commentEditSucc}');
				$('#c_'+id).html(comment);
			}else{
				setPopMsg('{lang commentWrong}');
			}
				divDance('popmsg');
				showPop(300,100);
				setTimeout(hidePop,1000);
			}
		});
	}
	function submitcomment(){
		if("{$ausubmit}"==""){
			alert('{lang attachRefuse}');
			return false;
		}
		var comment=$.trim($('#comment').val());
		if(comment==""){
		    alert('{lang commentCannone}');
		    return false;
		}else if(bytes(comment)>200){
			alert('{lang commentLongSize}');
			return false;
		}
		var c_class=(parseInt($('#c_num').html()) % num==0||$('#page').html()>1)?1:0;
		$.ajax({
			url: "{$setting['seo_prefix']}comment-add-{$doc['did']}{$setting['seo_suffix']}",
			cache: false,
			dataType: "xml",
			type:"post",
			async:false, 
			data: {comment:comment,c_class:c_class},
			success: function(xml){
			var message=xml.lastChild.firstChild.nodeValue;
			if(message){
				setPopMsg('{lang commentComSucess}');
				if(c_class){
					$('#c_content').html(message);
				}else{
					move(0,message,'add');
				}
				$('#c_num').html(parseInt($('#c_num').html())+1);
				$('#comment').val("");
			}else{
				setPopMsg('{lang commentWrong}');
			}
				divDance('popmsg');
				showPop(300,100);
				setTimeout(hidePop,1000);
			}
		});
	}
	function move(id,message,type){
		if(type=='add'){
			var n=1;
			var stand=num-1;
			for(i=stand;i>id;i--){
				$('#li_'+i).html($('#li_'+(i-1)).html());
				if(n&&$('#li_'+i).html()!==''){
					$('#li_'+i).css('display','');
					n=0;
				}
			}
			$('#li_0').html(message);
			if(n){
				$('#li_0').css('display','');
			}
		}
	}
</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 commentManage}
	</div>
	<div>
		<div id="popmsg" align="center" style="clear: both;margin-top: 20px;"></div>
	</div>
</div>
<div class="clear"></div>

<div id="map" class="bor-gray-das wid-full"><a href="{$setting[site_url]}">{$setting[site_name]}</a> <label id='catenavi'><!--{loop $navigation $category}-->&gt;&gt; <a href="{$setting['seo_prefix']}category-view-{$category['cid']}{$setting['seo_suffix']}" target=""> {$category['name']} </a><!--{/loop}--></label></div>

<h3 id="comment_tit" class="mar-t8"><span class="l bold" id="changename">{lang commentAbout}{$doc[title]}{lang commentTo}<span id="c_num">{$doc[comments]}</span>{lang commentUnit}</span><a href="{$setting['seo_prefix']}doc-view-{$doc['did']}{$setting['seo_suffix']}"  class="r blue bold">{lang commentBack}</a></h3>

<div id="c_content">
<span id="page" style="display:none">{$page}</span>
<ol class="ol">
<!--{loop $comments $key $comment}-->

    <!--{if $comment!==''}-->
	<li id="li_{$key}" >
    <p id="c_{$comment['id']}">{$comment[comment]}</p>
		<span class="block">
			<label class="l">{lang commentUser}<a href="{$setting['seo_prefix']}user-space-{$comment['authorid']}{$setting['seo_suffix']}" >{$comment['author']}</a>&nbsp;&nbsp;</label>
			<label class="l">{lang commentTime}<span class="gray">{$comment['time']}</span></label>
            <!--{if $audit_delete}-->
			<a href="javascript:void(0)"  onclick="del_comment({$comment['id']});" class="r">&nbsp;{lang commentDel}</a>
            <!--{/if}-->
            <!--{if $audit_edit}-->
			<a href="javascript:void(0)"  onclick="edit_comment({$comment['id']});" class="r">{lang commentEdit} </a>
            <!--{/if}-->
		</span>
	</li>
    <!--{else}-->
    <li id="li_{$key}" style="display:none"></li>
    <!--{/if}-->
<!--{/loop}-->
</ol>	

<!--{if $departstr}-->
<div id="fenye">
		{$departstr}
</div>
<!--{/if}-->
</div>
<!--{if $audit_add}-->
<form id="formcomment" name="formcomment"  method="POST">
<div id="com" class="l">
	<h3 class="bold">{lang commentForDoc}</h3>
	<textarea id="comment" name="comment" cols="100" rows="3" ></textarea>
	<span class="l clear mar-lr8 mar-t8 gray">{lang commentLongSize}</span>
	<input name="button" type="button" value="{lang commentComCom}" onclick="submitcomment()" class="inp_com" />
</div>
</form>
<!--{/if}-->
{template footer}