<div class="comm-count"><table style="width:100%;table-layout:fixed;" cellspacing="0" border="0"><tr><td class="comm-t-g"><span class="ratioG">${total.ratioG}</span><span class="per">%</span><span class="label">强烈推荐</span></td><td class="comm-t-p"><ul><li><span class="comm-t-p-l">好评<span class="comm-t-p-d">（${total.ratioG}%）</span></span><span class="comm-t-p-p"><em style="width:${total.ratioG}%"></em></span></li><li><span class="comm-t-p-l">中评<span class="comm-t-p-d">（${total.ratioM}%）</span></span><span class="comm-t-p-p"><em style="width:${total.ratioM}%"></em></span></li><li><span class="comm-t-p-l">差评<span class="comm-t-p-d">（${total.ratioP}%）</span></span><span class="comm-t-p-p"><em style="width:${total.ratioP}%"></em></span></li></ul></td><td class="comm-t-a" ><span des_ElId="001" editor="text"></span><br>
					{if total.canComment}
						<a href="javascript:void(0);" class="commentBtn">我要评论</a>
					{/if}
				</td></tr></table></div><form class="comment-form baseform" id="comment-form"><a href="javascript:void(0);" title="取消" class="btn_close"> </a><div class="caption">发表评论</div><table style="width:100%;table-layout:fixed;" cellspacing="0" border="0"><tr><td class="field_label comm-f-l">总体评价：</td><td class="field_input comm-f-c"><input type="text" id="comm-caption" name="caption" value="" /></td><td class="field_msg comm-f-t"><span class="Validform_checktip"></span></td></tr><tr><td class="comm-f-l">综合评分：</td><td class="comm-f-c"><div class="mark mark5" mark="5"><span mark="1" title="1分"></span><span mark="2" title="2分"></span><span mark="3" title="3分"></span><span mark="4" title="4分"></span><span mark="5" title="5分"></span><em class="markText">5 分</em><i>点击星星进行评分。</i><input type="hidden" value="5" name="mark"></div></td><td class="comm-f-t"></td></tr><tr><td class="field_label comm-f-l">详细评价：</td><td class="field_input comm-f-c"><textarea id="detail_comment" name="comment" cols="20" rows="3"> </textarea></td><td class="field_msg comm-f-t" des_ElId="002" editor="text"><span class="Validform_checktip">
											欢迎您发表原创、对其它用户有参考价值的评价；
										</span></td></tr></table><div class="action"><a class="comment-submit" href="javascript:void(0);">提交</a></div></form><table  class="comm-group" cellspacing=0><tr><td class="markType cur" markType="All" class="cur"><a href="javascript:void(0);" >全部评论(${total.count})</a></td><td class="markType" markType="G"><a href="javascript:void(0);" >好评(${total.countG})</a></td><td class="markType" markType="M"><a href="javascript:void(0);" >中评(${total.countM})</a></td><td class="markType" markType="P"><a href="javascript:void(0);" >差评(${total.countP})</a></td><td class="tip"><span des_ElId="003" editor="text">
																评论均来自网友
									</span></td></tr></table>

{eval}
		//分组浏览评价记录	
		$('.comm-group [markType]').die();
		$('.comm-group [markType]').live("click",function(e){
			$('.comm-group .cur').removeClass("cur");
			var ee=$(e.target).closest('.comm-group [markType]');
			ee.addClass('cur');
			$.eh.comment.getComments(ee.attr("markType"),0);
		});
		
		//我要评论
		$(".comm-total .commentBtn").die();
		$(".comm-total .commentBtn").live("click",function(){
			var form=$("#comment-form");
			if(!form.is(":hidden")) return;			
			$.eh.comment.doComment(function(){
				if($.browser.msie && parseInt($.browser.version)==6){			
					form.show();
				}else{
					form.slideDown(300);
				}
			});
		});
									
		//提交评价
		$('#comment-form .btn_close').die();
		$('#comment-form .btn_close').live('click',function(e){
			$('#comment-form')[0].reset();
			if($.browser.msie && parseInt($.browser.version)==6){
				$('#comment-form').hide();
			}else{
				$('#comment-form').slideUp(300);
			}
		});
		
		//表单验证与提交
		var commentForm=$("#comment-form").Validform({
			tiptype:2
			,btnSubmit:".comment-submit"
			,postonce:true				
			,callback:function(form){								
				$.eh.comment.saveComment(form,function(success,o){
					commentForm.resetStatus();
					if (success){
						$("#comment-form").hide();						
						$.eh.comment.refreshCommentTotal(function(){
							$.eh.comment.getComments();
						});
					}else{
						$.ex.msgbox.warning(o.message);
					}
				},this);
				return false;
			}			
		})		
		$.Tipmsg.r=" ";
		commentForm.addRule([{
				ele:"#comm-caption",
				datatype:"*2-60",	
				nullmsg:"请输入总体评价。",
				errormsg:"总体评价不少于2个字，不多于60个字。"	
			},{
				ele:"#detail_comment",
				datatype:"*1-300",	
				errormsg:"评价信息请控制在300字以内。",
				ignore:"ignore"
			}
		]); 					
		$("#comment-form [mark]").die();
		$("#comment-form [mark]").live('mouseover',function(e){
			var ee = $(e.target);
			ee.closest(".mark")[0].className="mark mark"+ee.attr("mark");
		});
		$("#comment-form [mark]").live('mouseout',function(e){
			var ee = $(e.target);
			ee.closest(".mark")[0].className="mark mark"+ee.closest(".mark").find("input").val();	
		});
		$("#comment-form [mark]").live("click",function(e){
			var ee = $(e.target);
			
			ee.closest(".mark").find(".markText").html(ee.attr("mark")+" 分");
			ee.closest(".mark").find("input").val(ee.attr("mark"));	
		});
		
		
	{/eval}

<table style="width:100%;table-layout:fixed;" cellspacing="0" border="0">
		
		{for comment in comments.results}
		
			<tr><td class="comm-l-u"><div class="comm-u-h"><img alt="${comment.userName}" src="${comment.photoUrl}"></div><div class="comm-u-n">${comment.userName}</div><div class="comm-u-t">${comment.createTime}</div></td><td class="comm-l-c"><i class="i-comment"></i><div class="comm-body" commentid="${comment.commentId}"><table  style="table-layout:fixed;" cellspacing="0" border="0"><tr><td class="comm-b-l">整体评分：</td><td class="comm-b-c comm-b-m">
									{var mark=comment.mark/5*100}
	
									<span class="start"><span style="width:${mark}%;"> </span></span></td></tr><tr><td class="comm-b-l">总体评价：</td><td class="comm-b-c">${comment.caption}</td></tr>
							{if comment.comment!=""}
							<tr><td class="comm-b-l">评价内容：</td><td class="comm-b-c">${comment.comment}</td></tr>
							{/if}
							<tr><td class="comm-b-l"></td><td class="comm-b-c"><div class="action">
										该评价对我
										<a href="javascript:void(0);" class="accept" >有用(<em fieldvalue="accept">${comment.acceptCount}</em>)</a><a href="javascript:void(0);" class="oppose" >没用(<em fieldvalue="oppose">${comment.opposeCount}</em>)</a><a href="javascript:void(0);" class="reply">回 复</a></div><form class="reply-form"><a href="javascript:void(0);" title="取消" class="btn_close"> </a>
										<textarea name="reply"></textarea>
										<a class="reply-submit" href="javascript:void(0);">回 复</a></form></td></tr></table><div id="comm-reply-el_${comment.commentId}" class="comm-reply">
							{var rowNum=comment.commentReplys.length}
							{if rowNum>0}
								<table  style="table-layout:fixed;" cellspacing="0" border="0">
									{for reply in comment.commentReplys}
										<tr><td class="comm-b-l"><span class="rowNum">${rowNum}</span></td><td class="comm-b-c"><div class="replyInof"><span class="comm-r-u">${reply.userName}</span>
													回复说：
													<span class="comm-r-t">${reply.commitTime}</span></div><div class="comm-r-c">${reply.reply}</div></td></tr>
										{var rowNum=rowNum-1}
									{/for}
								</table>
							{/if}
						</div></div></td></tr>
		{forelse}
			<tr><td class="noRec">暂时还没有评价记录。</td></tr>
		{/for}
	</table>
	
	{if comments.numFound>$.eh.comment.getLimit()}
		<div class="pages" total="${comments.numFound}" pgNum="${comments.pgNum}" markType="${comments.markType}"></div>
	{/if}

{eval}
	
		$('.comm-l-c .accept').die();
		$('.comm-l-c .accept').live("click",$.eh.comment.acceptComment);
		
		$('.comm-l-c .oppose').die();
		$('.comm-l-c .oppose').live("click",$.eh.comment.opposeComment);
		
		$('.comm-l-c .reply').die();
		$('.comm-l-c .reply').live("click",$.eh.comment.reply);

$('.reply-form .reply-submit').die();
		$('.reply-form .reply-submit').live("click",function(){
			$.eh.comment.saveCommentReply($(this));
		});
		$('.reply-form .btn_close').die();
		$('.reply-form .btn_close').live("click",function(e){
			var form=$(e.target).closest('form');
			form[0].reset();
			if($.browser.msie && parseInt($.browser.version)==6){
				form.hide();
			}else{
				form.slideUp(200);
			}
		});
	
	
		var pages = $(".comm-list .pages");
		
		if (!pages)
			return;
		var markType= pages.attr("markType");
		var total= pages.attr("total");
		var opt = {current_page:pages.attr('pgNum')
				,items_per_page:$.eh.comment.getLimit()
				,link_to:"javascript:void(0);"
				,prev_text:"上一页"
				,next_text:"下一页"
				,callback:function(page_index,jq){
							$.eh.comment.getComments(markType,page_index,total);
							var top = $(".comm-list").offset().top-50;
							$('body,html').animate({scrollTop:top},200);
							return false;
							}
				};
		pages.pagination(pages.attr('total'), opt);
	{/eval}