var w = 0;
var ruller = 0;
var interval = 0;
var count_grounds = 3;

$(document).ready(function() {
	w = $(document).width();
	
	ruller = Math.abs((w - 1000) / 2);
	
	$('#sw_wrapper, #sw_wrapper ul.grounds, #sw_wrapper ul.layers, #sw_wrapper ul.layers li').width(w);
	$('#sw_wrapper ul.layers li').css('left', w);
	count_grounds = $('.grounds').find('li').length; // 3
	
	var step = 1;
	var ground = 1;
	slide_grounds(step, ground);
});

function slide_grounds(step, ground) {
	var limit = 4; // 4th ground is empty
	
	$('.g' + ground).fadeIn('800');
	$('.grounds li').not('.g' + ground).hide().css('left', 0);
	
	$('.g' + ground).animate({ left: '-=' + ruller }, 5000);
	
	slide_layers(step, ground);
	
	interval = setInterval(function() {
		step++;
		
		$('.g' + ground).animate({ left: '-=' + ruller }, 5000);
		
		if(step == limit) {
			clearInterval(interval);
			
			setTimeout(function() {
				if(ground == count_grounds) {
					ground = 1; // restart grounds
				} else {
					ground++;
				}
				
				step = 1; // restart steps
				slide_grounds(step, ground);
			}, 1000); // last step animation time !
		}
		
		slide_layers(step, ground);
	}, 7000);
}

function slide_layers(step, ground) {
	$('#overs ul').not('#g' + ground).hide();
	$('#g' + ground).show();
	
	var layer = $('#g' + ground).find('.l' + step);
	$(layer).animate({ left: ruller }, 4000);
	
	setTimeout(function() {
		$(layer).animate({ left: '-' + w }, 1000, function() { 
			$(layer).css('left', w);
		});
	}, 7000);
}