var currentPage = 1;
	var closeWindowNumber = 1;
	var pinglun_div = $(document.createElement("div"));
	var pinglun_table = $(document.createElement("table"));
	var pinglun_tr = $(document.createElement("tr"));
	var pinglun_td = $(document.createElement("td"));
	var pinglun_img = $(document.createElement("img"));
	
	function getRemarkData(pageIndex){
		var showcaseId = $('#showcaseid').val();
		var dt = new Date();
		var v ={showcaseId:showcaseId,pageIndex:currentPage,dt:dt};
		$.getJSON('remark.do?method=getRemark',v,function(data){
			ShowRemark(data);
	    });
	 }
    function ShowRemark(data){
    $('#pinglun_comment_huifu').html("");
	var counts = 0;
	//view data 
	for(var i=0;i<data.data.length;i++)
	{  	
			var comment_div = pinglun_div.clone().addClass("pinglun_content").attr({id:'pinglun_content'+data.data[i].remark.id});
			var comment_table = pinglun_table.clone().attr({width:'100%',border:'0',cellspacing:'0',cellpadding:'0'});	
			comment_div.append(comment_table);
			comment_tr1 = pinglun_tr.clone();
			comment_tr1_td1 = pinglun_td.clone().attr({width:'15%',rowSpan:'2',align:'middle',valign:'top'});
			comment_tr1_td1_div = pinglun_div.clone().addClass("iconHead");
			comment_tr1_td1_div.html("<img src='home.do?method=imgRead&username="+data.data[i].remark.username+"' "+"width='47' height='46' align='absmiddle'/>");
			comment_tr1_td1.append(comment_tr1_td1_div);
			
			comment_tr1_td2 = pinglun_td.clone().attr({valign:'top'});
			tDate = data.data[i].remark.remarkTime;
			comment_tr1_td2.html("<strong>"+data.data[i].remark.nickname+"</strong>"+"&nbsp;("+tDate.substr(0,19) +")")
			comment_tr1_td3 = pinglun_td.clone().attr({align:'right',valign:'top'});
			comment_tr1_td3_a1 = $(document.createElement("a")).attr({id:'a_1'});
			text_link = $(document.createElement("span")).css('cursor','pointer')
			tem_link = text_link.html($('#agreeInternat').val()).attr("value",data.data[i].remark.id);
				tem_link.click(function(){
					 voteAgree($(this).attr("value"));
				});
			comment_tr1_td3_a1.append(tem_link);
			var agreeSpan = $(document.createElement("span")).attr({id:'agree'+data.data[i].remark.id});
			agreeSpan.html('['+data.data[i].remark.agree+']'+'&nbsp;&nbsp;&nbsp;&nbsp;');
			comment_tr1_td3.append(comment_tr1_td3_a1,agreeSpan);
			comment_tr1_td3_a2 = $(document.createElement("a")).attr({id:'a_1'}).css({color:'red'});
			text_link = $(document.createElement("span")).css('cursor','pointer');
			tem_link = text_link.text($('#againstInternat').val()).attr("value",data.data[i].remark.id);
			tem_link.click(function(){
					 voteAgainst($(this).attr("value"));
			});
			comment_tr1_td3_a2.append(tem_link);
			var againstSpan = $(document.createElement("span")).attr({id:'against'+data.data[i].remark.id});
			againstSpan.html('['+data.data[i].remark.against+']'+'&nbsp;&nbsp;&nbsp;&nbsp;');
			comment_tr1_td3.append(comment_tr1_td3_a2,againstSpan);
			   	
			comment_tr1_td3_a3 = $(document.createElement("a")).attr({id:'a_1'});
			text_link = $(document.createElement("span")).css('cursor','pointer');
			tem_link = text_link.text($('#replyInternat').val()).attr("value",data.data[i].remark.id);
				tem_link.click(function(){
					 openReplyWindow($(this).attr("value"));
				});
			comment_tr1_td3_a3.append(tem_link);
			comment_tr1_td3.append(comment_tr1_td3_a3);
				
			comment_tr1.append(comment_tr1_td1);
			comment_tr1.append(comment_tr1_td2);
			comment_tr1.append(comment_tr1_td3);
			
			comment_tr2 = pinglun_tr.clone();
			
			comment_tr2_td = pinglun_td.clone().attr({colSpan:"2",valign:'top'}).addClass("reamrk_wrap");
			comment_tr2_td.text(data.data[i].remark.remark);
		
			comment_tr2.append(comment_tr2_td);
			comment_table.append(comment_tr1);
			comment_table.append(comment_tr2);
			insert_div = pinglun_div.clone().attr({id:"insert"+data.data[i].remark.id});
			comment_div.append(insert_div);
			
			huifu_div = pinglun_div.clone().addClass('huifu_content').attr({id:"replyWindow"+data.data[i].remark.id}).css({display:'none'});
			huifu_table = pinglun_table.clone().attr({width:'100%',boder:'0',cellspacing:'0',cellpadding:'0'});
			huifu_tr1 = pinglun_tr.clone().html("<td colspan='2'>"+$('#me_replyInternat').val()+"</td>");
			huifu_tr2 = pinglun_tr.clone().html("<td colspan='2'><textarea name='textarea2' id='reply_content"+data.data[i].remark.id+"' rows='3' class='input_textArea padding5 width450'></textarea></td>");
			huifu_tr3 = pinglun_tr.clone().html("<td class='padding10'><input name='textfield2' id='reply_checkCode"+data.data[i].remark.id+"' type='text' class='inputText' size='10' />&nbsp;<img id='reply_checkCode_img"+data.data[i].remark.id+"' src='' align='absmiddle' onclick='javascript:ReloadRegisterCode(this);' /></td><td align='right'><input name='Submit3' onclick='javascript:submitReply("+data.data[i].remark.id+");' type='submit' class='btn' value='"+$('#release_replyInternat').val()+"' /><input name='Submit2' onclick='javascript:cancelReply("+data.data[i].remark.id+");' type='submit' class='btn' value='"+$('#cancel_replyInternat').val()+"' /></td>");
			huifu_table.append(huifu_tr1,huifu_tr2,huifu_tr3);
			huifu_div.append(huifu_table);	
			comment_div.append(huifu_div);
			
			//pinglun_huifu div
			for(var j=0;j<data.data[i].reply.length;j++){
			  if(data.data[i].reply[j].permit){
					huifu_div = pinglun_div.clone().addClass('huifu_content');
					huifu_table = pinglun_table.clone().attr({width:'100%',border:'0',cellspacing:'0',cellpadding:'0'});
					huifu_tr1 = pinglun_tr.clone();
					huifu_tr1_td1 = pinglun_td.clone().attr({width:'14%',rowSpan:'2',align:'center',valign:'middle'});
					huifu_td1_div = pinglun_div.clone().addClass('iconHead');
					huifu_td1_div.html("<img src='home.do?method=imgRead&username="+data.data[i].reply[j].username+"' "+"width='47' height='46' align='absmiddle'/>");
					huifu_tr1_td1.append(huifu_td1_div);
					huifu_tr1.append(huifu_tr1_td1);
					huifu_tr1_td2 = pinglun_td.clone().attr({valign:'top'}).addClass('paddingleft10');
					tDate = data.data[i].reply[j].replyTime;
					huifu_tr1_td2.html("<strong>"+data.data[i].reply[j].nickname+"</strong>"+"&nbsp;("+tDate.substr(0,19) +")");
					huifu_tr1.append(huifu_tr1_td2);
					huifu_tr2 = pinglun_tr.clone();
					huifu_tr2_td = pinglun_td.clone();
					huifu_tr2_td.attr({valign:'top'}).addClass('paddingleft10','reply_wrap');
					huifu_tr2_td.text(data.data[i].reply[j].reply);
					huifu_tr2.append(huifu_tr2_td);
					huifu_table.append(huifu_tr1);
					huifu_table.append(huifu_tr2);
					huifu_div.append(huifu_table);
					comment_div.append(huifu_div);
				}
			}
			$("#pinglun_comment_huifu").append(comment_div);
		
		}
		if(data.totalPages != 1){
	     userView_Navigation(data,$("#pagelink"),getGuestWish);
	    }
}
// ajax page lable
	function userView_Navigation(data,pelement,__callback)
	{
		pelement.empty();
		var totalPage = data.totalPages;
		var pageText = $(document.createElement('span')).css('cursor','pointer');
		var pageDiv = $(document.createElement('div')).addClass("eXtremeTable");
		var pageTable = $(document.createElement('table')).addClass("toolbar").attr("border",0).attr("cellpadding",0).attr("cellspacing",1);
		var pageTr = $(document.createElement("tr"));
		var nextNum = currentPage+1;
		var prevNum = currentPage-1;
		pImgDisable = $(document.createElement('img')).attr('src','/showcase-msp/images/prevPageDisabled_gray.gif');
		pImgEnable = $(document.createElement('img')).attr('src','/showcase-msp/images/prevPageDisabled.gif');
		nImgEnable = $(document.createElement('img')).attr('src','/showcase-msp/images/nextPageDisabled.gif');
		nImgDisable = $(document.createElement('img')).attr('src','/showcase-msp/images/nextPageDisabled_gray.gif');
		fImgDisable = $(document.createElement('img')).attr('src','/showcase-msp/images/firstPageDisabled_gray.gif');
		fImgEnable = $(document.createElement('img')).attr('src','/showcase-msp/images/firstPageDisabled.gif');
		LImgDisable = $(document.createElement('img')).attr('src','/showcase-msp/images/lastPageDisabled_gray.gif');
		LImgEnable = $(document.createElement('img')).attr('src','/showcase-msp/images/lastPageDisabled.gif');
		
		if(data.previous){
			addImgClick(fImgEnable,pageTr,1,__callback);
			addImgClick(pImgEnable,pageTr,prevNum,__callback);
		}else{
			addImg(fImgDisable,pageTr);
			addImg(pImgDisable,pageTr);
		}
		var left = 4;
		var right = 5;
		var pageleft = currentPage-4;
		var tem_link ;
		while(left>0){
					if(pageleft>0){
					 	 var pageTd = $(document.createElement("td"));
						 pageTd.attr('id','ectable_a');
						 var pageA = $(document.createElement('a'))	;
						 tem_link = pageText.clone().text(""+pageleft).attr("value",pageleft);
					 	 tem_link.click(function(){
					 	 	data = {data:{"pageNum":$(this).attr("value"),fcall:__callback}};
					 	 	changePage(data);
						 });
					 	 pageA.append(tem_link);
					 	 pageTd.append(pageA);
					 	 pageTr.append(pageTd);
					 	 pageleft=pageleft+1;
					}else{
						 pageleft=pageleft+1;
					} 
					--left;
				}
		//the currentPage
		var pageTd = $(document.createElement("td"));
		pageTd.attr('id','ectable_a');
		var pageA = $(document.createElement('a'))	;
		tem_link = pageText.clone().text(""+currentPage).attr("value",currentPage).css({color:"red"});
		pageA.append(tem_link);
		pageTd.append(pageA);
		pageTr.append(pageTd);
		
		//5 page number for right of currentPage
		var pageright = currentPage+1;
		while(right>0){
					if(pageright <= totalPage){
						var pageTd = $(document.createElement("td"));
						pageTd.attr('id','ectable_a');
						var pageA = $(document.createElement('a'))	;	
						tem_link = pageText.clone().text(""+pageright).attr("value",pageright);
						 tem_link.click(function(){
					 		data = {data:{"pageNum":$(this).attr("value"),fcall:__callback}};
					 		changePage(data);
						});
						pageA.append(tem_link);
					 	pageTd.append(pageA);
					 	pageTr.append(pageTd);
						++pageright;
						--right;
					}else{
						--right;
					}
				}
		if(data.next){
			addImgClick(nImgEnable,pageTr,nextNum,__callback);
			addImgClick(LImgEnable,pageTr,totalPage,__callback);
		}else{
		    addImg(nImgDisable,pageTr);
			addImg(LImgDisable,pageTr);
		}
		
		pageTable.append(pageTr);
		pageDiv.append(pageTable);
		pelement.append(pageDiv);
		
	}

	
function changePage(event)
{
	
	currentPage = event.data.pageNum;
	if(typeof(event.data.fcall)=="function"){
		event.data.fcall();
	}
}
 function getGuestWish()
 {
	getRemarkData(currentPage);
 }
 function addImg(imgTag,pageTr){
 	var pageTd = $(document.createElement("td"));
	pageTd.attr('id','ectable_a');
	var pageA = $(document.createElement('a'));
	imgTag.attr('alt','')	 ;
	imgTag.css('cursor','pointer')	;
	pageA.append(imgTag);
	pageTd.append(pageA);
	pageTr.append(pageTd);
 
 }
 function addImgClick(ImgTag,pageTr,currentPage,__callback){
	var pageTd = $(document.createElement("td"));
			pageTd.attr('id','ectable_a');
			var pageA = $(document.createElement('a'));
			ImgTag.attr('alt','')	 ;
			ImgTag.css('cursor','pointer')	;
			ImgTag.click(function(){
					 	data = {data:{"pageNum":currentPage,fcall:__callback}};
					 	changePage(data);
					});
			pageA.append(ImgTag);
			pageTd.append(pageA);
			pageTr.append(pageTd);
 }


function openReplyWindow(number){
	$('#replyWindow'+closeWindowNumber).hide();
	closeWindowNumber = number;
	$('#replyWindow'+number).show();
	
	 var dt = new Date();
	 $('#reply_checkCode_img'+number).attr({src:"checkCodeServlet.servlet?t="+dt});
	 $('#reply_checkCode'+number).val('');
}

function voteAgree(id){
		var dt = new Date();
		var v ={remarkid:id,dt:dt};
		$.getJSON('remark.do?method=voteAgree',v,function(data){
			if(data.nocookie == "nocookie"){
				alert($('#nocookie').val());
			}else if(data.voted == "voted"){
				alert($('#limit_voted').val());
			}else{
				$('#agree'+id).html('['+data.agree+']'+'&nbsp;&nbsp;&nbsp;&nbsp;');
			}
	    });
}

function voteAgainst(id){
		var dt = new Date();
		var v ={remarkid:id,dt:dt};
		$.getJSON('remark.do?method=voteAgainst',v,function(data){
			if(data.nocookie == "nocookie"){
				alert($('#nocookie').val());
			}else if(data.voted == "voted"){
				alert($('#limit_voted').val());
			}else{
				$('#against'+id).html('['+data.against+']'+'&nbsp;&nbsp;&nbsp;&nbsp;');
			}
	    });
}
function cancelReply(remarkid){
		$('#replyWindow'+remarkid).hide();
}