max = 10;
comList = $("#comment_pager li");
function showCommentPage(num) {
	$(comList).hide("slow");
	
	activepage = num;
	from = (num-1)*max;
	to = from+max;
	
	for (i=from;i<to;i++) {
		 $(comList[i]).show("slow");
		// $(comList[i]).slideToggle();
		//$(comList[i]).fadeIn("slow");
	}
	
	$(cpsa).css("background-color","#FFFFFF");
	$(cpsa).css("color","#3B5999");
	
	$(cpsa[num-1]).css("background-color","#3B5999");
	$(cpsa[num-1]).css("color","#FFFFFF");

	hideCommentPage(num);
}


function hideCommentPage(num) {
	
	enalt=num-5;
	enust=num+5;

	for (i=1;i<pagenum+1;i++) {
		if ((i<enalt && i != 1) || (i>enust && i != pagenum)){
			$(cps[i]).css("display","none");

			if ((i==2) || (i==pagenum-1)){
				$(cps[i]).html("...");
				$(cps[i]).css("display","inline");
			}

		}else{

			if ((i==2) ||(i==pagenum-1)){
				if (i==num){
					$(cps[i]).html("<span><a href='#comment_pager' onclick='showCommentPage("+i+")' style='background-color:#3B5999;color:#FFFFFF;padding:3px;border:solid 1px;margin:3px;'>"+i+"</a></span>");
				}else{
					$(cps[i]).html("<span><a href='#comment_pager' onclick='showCommentPage("+i+")' style='background-color:#FFFFFF;color:#3B5999;padding:3px;border:solid 1px;margin:3px;'>"+i+"</a></span>");
				}
			}
			$(cps[i]).css("display","inline");
		}
	}	
}

pagenum = Math.ceil(comList.length/max);
commentNavi = "<div id='commentNavi'><span>Yorumlar : </span>";
for (i=1;i<pagenum+1;i++) {
	commentNavi += "<span><a href='#comment_pager' onclick='showCommentPage("+i+")'>"+i+"</a></span>";
	
}

commentNavi += "</div>";
$("#comment_pager li:last").after("<p>"+commentNavi+"</p>");
cps = $("#comment_pager span");
cpsa = $("#comment_pager span a");
$(cpsa).css("padding","3px");
$(cpsa).css("border","solid 1px");
$(cpsa).css("margin","3px");
showCommentPage(1);