var currentSet = 1;

$(function () {
	$('.folio>.prev').click(function () { scrollFolio(-1); });
	$('.folio>.next').click(function () { scrollFolio(1); });
	
	// add the bullets
	// count the number of buletts
	var nBuletts = Math.ceil($('.folio>.cont>.scroll>a>img').size()/6);
	
	$('.folio').append('<div class="buletts" />');
	for (i=1;i<=nBuletts;i++)
	{
		$('.folio>.buletts').append('<span class="bulett' + (i == 1 ? ' active' : '') + '" />');
	}
	
	// bulett click.
	$('.buletts>.bulett').click(function () {
		var newPosition = -1 * $(this).index() * 960;
		
		if (newPosition > 0) {
			newPosition = 0;
		}
		
		else if (newPosition <= parseInt(- $('.folio>.cont>.scroll').width() + 960)) {
			newPosition = parseInt(- $('.folio>.cont>.scroll').width() + 960);
		}

		$('.folio>.cont>.scroll').animate({ 'margin-left': newPosition + 'px' }, 400, function () { updateActiveBulett(); });
	});
});

function scrollFolio(direction)
{
	var selector = $('.folio>.cont>.scroll');
	var currentPosition = parseInt($(selector).css('margin-left'));
	var newPosition = parseInt(currentPosition + (-1 * direction * 960));
	
	if (selector.is(':animated'))
	{
		return false;
	}

	if (newPosition > 0) {
		newPosition = 0;
	}
	
	else if (newPosition <= parseInt(- selector.width() + 960)) {
		newPosition = parseInt(- selector.width() + 960);
	}
	
	selector.animate({ 'margin-left': newPosition + 'px' }, 400, function () {
		updateActiveBulett();
	});
}

function updateActiveBulett ()
{
	// bulett change
	var activeBullet = Math.ceil(Math.abs(parseInt($('.folio>.cont>.scroll').css('margin-left'))) / 960);
	$('.folio>.buletts>.bulett')
		.removeClass('active')
		.eq(activeBullet)
		.addClass('active');
}