(function($){

/* READY */

$(function()
{

	// PAGING

	var $accordion = $('.articolo.accordion');
	var maxLength = 10;
	var length = $accordion.length;
	var pages = 1;
	var currentPage = 0;

	if(length > maxLength)
	{
		pages = Math.ceil(length / maxLength);
	}
	else
		return;

	var pagesList = new Array;
	var $paging = $('#paging');

	for(var i = 0; i < pages; i ++)
	{
		var start = maxLength * i;
		var end = Math.min(maxLength * (i + 1),length) - 1;
		pagesList[i] = {start:start,end:end};
	}

	$paging.append('<a href="#" class="arrow prev"></a>');
	for(var p in pagesList)
	{
		var realP = parseInt(p) + 1;
		var $page = $('<a class="page">' + realP + '</a>');
		if(p == 0)
			$page.addClass('active');
		else
			$page.attr('href',p);

		$paging.append($page);
	}
	$paging.append('<a href="#" class="arrow next"></a>');

	displayPage(0);

	function displayPage(num)
	{
		var $active = $paging.find('a.active');
		$active.removeClass('active');
		$active.attr('href',currentPage);
		currentPage = num;
		
		var page = pagesList[num];
		for(var i = 0; i < $accordion.length; i ++)
		{
			var $el = $($accordion[i]);
			if(i >= page.start && i <= page.end)
				$el.show();
			else
				$el.hide();
		}
		$targetPage = $($paging.find('a.page')[num]);
		$targetPage.addClass('active');
		$targetPage.removeAttr('href');
	}

	$paging.find('a').click
	(
		function(e)
		{
			var $target = $(e.target);
			if($target.hasClass('arrow'))
			{
				var dir = 0;
				if($target.hasClass('prev'))
					dir = -1;
				else
					dir = 1;

				page = currentPage + dir;
				if(page >= 0 && page < pagesList.length)
					displayPage(page);
				
			}
			else if(!$target.hasClass('active'))
			{
				var index = parseInt($target.attr('href'));
				displayPage(index);
			}
			
			return false;
		}
	);

/*
			<div id="paging">
				<a href="#" class="arrow prev"></a>
				<a href="#" class="page">1</a>
				<a href="#" class="page">2</a>
				<a href="#" class="arrow next"></a>
				<div class="clearer"></div>
			</div>
*/

});     //  closing $(document).ready()

})(jQuery);