$(document).ready(function() {
	
	var z_ind=[];
	var position=[];
	
	for (var i=1; i<=amount; i++){
		$('#ban'+i).data('num',i);
		topi=$('#ban'+i).css('top');
		lefti=$('#ban'+i).css('left');
		position[i]={top:topi, left:lefti};
		z_ind[i]=$('#ban'+i).css('z-index');
	}
	$('#ban1').addClass('active');
	for (var i=1; i<=amount; i++) {
		$('#ban'+i).animate(position[1],0)
	}
	for (var i=1; i<=amount; i++) {
		$('#ban'+i).animate(position[i],800)
	}
	function summ(a,b){
		if (a+b==amount) {return (a+b)} else return (a+b) % amount;
	}
	function left(i){
		$('#gallery li').removeClass('active');
		for (var j=1; j<amount; j++) {
			$('#ban'+summ(i,j)).animate(position[j+1],200);
			$('#ban'+summ(i,j)).css('z-index',z_ind[j+1]);	
		}
		$('#ban'+i).animate(position[1],200);
		$('#ban'+i).css('z-index',z_ind[1]);
		$('#ban'+i).addClass('active');
	}
	$('#gallery li').click(function(){
		
	})
	$('#gallery li').click(function(){
		left($(this).data('num'));
	})
});