$(document).ready(function() {
	paginator.start();
});

var paginator = {

	container: '.pagination',
	selector: 'ul.singlecomment-detail',
	per_page: 5,
	vis_numbers: 3,
	pages: 0,
	curr_page: 1,
	anchor: 'prisesdeparole',
	scroll_duration: 500,
	
	start: function() {
		var total = $(paginator.selector).length;
		paginator.pages = Math.ceil(total / paginator.per_page);
		paginator.changePage(paginator.curr_page, false);
	},
	
	changePage: function(p, scroll) {
		$(paginator.selector).hide();
		for(i = (p - 1) * paginator.per_page; i < (p * paginator.per_page); i++) {
			$(paginator.selector).eq(i).show();
		}
		paginator.writeIndex(p);
		if(scroll)
			$.scrollTo('a[name="prisesdeparole"]', { duration: paginator.scroll_duration });
	},
	
	writeIndex: function(p) {
		if(paginator.pages > 1) {
			var html = '';
			html += (p == 1) ? '<div class="nav-arrow">&laquo;</div>' : '<div class="nav-arrow"><a href="#" onclick="paginator.changePage(1, true)">&laquo;</a></div>';
			html += '<div class="pages">';
			html += (p > 1) ? ' <a href="#" onclick="paginator.changePage(' + (p - 1) + ', true)">&lt;</a> ' : ' &lt; ';
			
			var tpages = new Array();
			var start = p - Math.floor(paginator.vis_numbers / 2);
			var stop = start + (paginator.vis_numbers - 1);
			
			if(start > 1) tpages.push('...');
			for(var i = 1; i <= paginator.pages; i++) {
				if((i >= start) && (i <= stop)) {
					if(i == p)
						tpages.push(i);
					else
						tpages.push('<a href="#" onclick="paginator.changePage(' + i + ', true)">' + i + '</a>');
				}
			}
			if(stop < paginator.pages) tpages.push('...');
			
			html += tpages.join(' <span class="yellow">|</span> ');
			
			html += (p < paginator.pages) ? ' <a href="#" onclick="paginator.changePage(' + (p + 1) + ', true)">&gt;</a> ' : ' &gt; ';
			html += '</div>';
			html += (p == paginator.pages) ? '<div class="nav-arrow alignright">&raquo;</div>' : '<div class="nav-arrow alignright"><a href="#" onclick="paginator.changePage(' + paginator.pages + ', true)">&raquo;</a></div>';
			html += '<div class="defloater"><!-- defloater --></div>';
	        $(paginator.container).html(html);
        }
        else
	        $(paginator.container).hide();
	}
	
}