$(document).ready(function() {
	
	var z_ind=[];
	var position=[];
	var amount=5;
	
	for (var i=1; i<=amount; i++){
		$('#ban'+i).data('num',i);
		lefti=$('#ban'+i).css('left');
		position[i]={left:lefti};
		z_ind[i]=$('#ban'+i).css('z-index');
	}
	$('#ban1').addClass('active');
	$('#gallery li p').animate({bottom:"-48"}, 0)
	$('#ban1 p').animate({bottom:"0"}, 200);
	$('#ban2').addClass('next-item');
	$('#ban5').addClass('prev-item');
	function summ(a,b){
		if (a+b==amount) {return (a+b)} else return (a+b) % amount;
	}
	function left(i){
		$('#gallery li').removeClass('active').removeClass('next-item').removeClass('prev-item');
		$('#gallery li p').animate({bottom:"-48"}, 0)
		for (var j=1; j<amount; j++) {
			$('#ban'+summ(i,j)).animate(position[j+1],200).css('z-index',z_ind[j+1]);
			if (j==1) {$('#ban'+summ(i,j)).addClass('next-item')}
			if (j==4) {$('#ban'+summ(i,j)).addClass('prev-item')}
		}
		$('#ban'+i).animate(position[1],200).css('z-index',z_ind[1]).addClass('active');
		$('.active p').animate({bottom:"0"}, 200);
	}
	$('.next').click(function(){
		left($('.next-item').data('num'));
		return false;
	})
	$('.prev').click(function(){
		left($('.prev-item').data('num'));
		return false;
	})
});