$(function(){

$('.control').click(function(evt){
	evt.preventDefault();
});

$('.control').toggle(

	function(){
		$(this).find('span').removeClass('play');
		$(this).find('span').addClass('pause');
	},
	function(){
		$(this).find('span').removeClass('pause');
		$(this).find('span').addClass('play');
	}
);


var count = 0;

var cases = [];

$('.gallery .case').each(function(){

	if (count == 0){
		$(this).clone().appendTo('.gallery').addClass('last-case');
	}

	cases[count] = $(this);

	count++;
});

cases[count] = $('.last-case');


showbox(-288,0);

function showbox(i,cur){

	if ($('.pause').length){

		if (i > (-(288*(count+1)))){

				cases[cur].find('p').fadeOut('slow',function(){

					$('.gallery p').hide();

					cur++;

					$('.gallery').animate(
						{ 'left':i+'px' },	
						2000,function(){

							cases[cur].find('p').fadeIn(	
								1000, function(){
									i = i - 288;
									console.log(i);
									setTimeout(function(){
										showbox(i,cur);
									},4500);
								}
							)
						}
					)
				});
		} else {
			//alert(i);
			cases[0].find('p').show();
			$('.gallery').css('left','0');
			showbox(-288,0);
		}

	} else {
		setTimeout(function(){
			showbox(i,cur);
		},2000);
	}
}

});