var currentpage = 1;
var pagesize = 10;
var rstotal;
var intpages;
var commentwindowtop;
var isload=true;

function commentWindowResize(page){
	if(page==-1){
		var start = 0;
		rstotal = $(".comment:visible").length;
		var end = rstotal-1;
	}else{
		var start = (page-1)*pagesize;
		var end = start + pagesize - 1;
	}
	if(end > rstotal){
		end = rstotal-1;
		$("#pagination a#nextcomment").css("visibility","hidden");
	}else{
		$("#pagination a#nextcomment").css("visibility","visible");
	}
	if(page==1){
		$("#pagination a#prevcomment").css("visibility","hidden");
	}else{
		$("#pagination a#prevcomment").css("visibility","visible");
	}
	
	//alert(start+","+end);
	var jstart = $(".comment:visible:eq("+start+")");//.css('border','1px solid #00dd00');
	var jend = $(".comment:visible:eq("+end+")");//.css('border','1px solid #dd0000');
	var inneroffset = parseInt($("#commentwindow-inner").css('margin-top'));
	var startoffset = jstart.offset().top - commentwindowtop - inneroffset;
	var endoffset = jend.offset().top - commentwindowtop + jend.outerHeight() - inneroffset - 10; //add minus 10 to offset, account for top bg image
	if(jend.parent().hasClass('toplevel')){
		endoffset = jend.parent().offset().top - commentwindowtop + jend.parent().outerHeight() - inneroffset;
	}
	//set window height
	//alert('setting height to '+endoffset+'-'+startoffset+'px');
	$("#commentwindow").css({height:endoffset-startoffset+'px'});
	//set window inner margin
	$("#commentwindow-inner").css({marginTop:'-'+startoffset+'px'});
	
	currentpage = page;
	
	$("a[id^='page']").removeClass('selected');
	$("a#page"+currentpage).addClass('selected');
	if(!isload){
		$('html,body').animate({scrollTop:commentwindowtop-40},1);
	}else{
		isload = false;
	}
}
$(function(){
	if($("#commentwindow").length){
		$("#commentwindow")
		.css("overflow","hidden");
		
		//count comments
		rstotal = $(".comment").length;
		intpages = Math.ceil(rstotal/pagesize);
		commentwindowtop = $("#commentwindow").offset().top;
		if($("#commentwindow .comment-winner").length){
			$('<a href="javascript:void(0)" id="viewallcomment">Winning Reviews</a>')
			.appendTo("#pagination")
			.bind("click",function(){
				$(".comment").not(":has(.comment-winner)").hide();
				commentWindowResize(-1);
			});
		}
		$('<a href="javascript:void(0)" id="viewallcomment">View All</a>')
		.appendTo("#pagination")
		.bind("click",function(){
			$(".comment").show();
			commentWindowResize(-1);
		});
		$('<a href="javascript:void(0)" id="nextcomment">Next</a>')
		.appendTo("#pagination")
		.bind("click",function(){
			$(".comment").show();
			if(currentpage * pagesize < rstotal)
				currentpage++;
			commentWindowResize(currentpage);
		});
		$('<div id="pagination-pages"></div>').appendTo("#pagination");
		//$('<span>Pages&nbsp;</span>').appendTo("#pagination-pages");
		for(i=1;i<=Math.min(intpages,6);i++){
			$('<a href="javascript:void(0)" id="page'+i+'">'+i+'</a>')
			.appendTo("#pagination-pages")
			.bind("click",function(){
				$(".comment").show();
				commentWindowResize($(this).attr("id").replace("page",""));
			});
		}
		$('<a href="javascript:void(0)" id="prevcomment">Prev</a>')
		.appendTo("#pagination")
		.bind("click",function(){
			$(".comment").show();
			currentpage--;
			if(currentpage < 1)currentpage = 1;
			commentWindowResize(currentpage);
		});
		if(intpages<=1){
			$("#pagination").hide();
		}else{
			commentWindowResize(currentpage);
		}
	}
});
