// Animacja bannera 
// Inspiracja/mod: http://www.sohtanaka.com/web-design/automatic-image-slider-w-css-jquery/
$(document).ready(function() {

	var play;
	var stopped = false;

	$('#paging div:first').addClass('active');

	var slideWidth = $(".slide").width();
	var slidesAmount = $("#slides_container .slide").size();
	var slidesTotalWidth = slideWidth * slidesAmount;

	$("#slides_container").css({'width' : slidesTotalWidth});

	var slideIt = function(){
		var slideID = $active.children('a').attr('rel') - 1; // O ile slajdów przesunąć slider
		var slides_containerPosition = slideID * slideWidth; // O ile pikseli przesunąć slider

		$('#paging div').removeClass('active');
		$active.addClass('active'); // Dodaje klasę 'active' do aktywnego elementu - określona przez rotateSwitch

		// Animacja slidera
		$('#slides_container').animate({
			left: -slides_containerPosition
		}, 500 );

	}; 

	var slideItSwitch = function(){
			play = setInterval(function(){ // Ustawia timer - zmiana slajdu co 7sek
				if (!stopped) {
					$active = $('#paging div.active').next();
					if ( $active.length === 0) { // Jeśli znajduje się na końcu
						$active = $('#paging div:first'); // Wraca do pierwszego
					}
					slideIt(); // Animuje przesuwanie
				}
			}, 7000); 
	};

	slideItSwitch();

	$("#paging a").click(function() {
		clearInterval(play); //Stop the rotation
		$active = $(this).parent('div'); //Activate the clicked paging
		slideIt(); //Trigger rotation immediately
		slideItSwitch(); // Resume rotation timer
		return false; //Prevent browser jump to link anchor
	});

	$(window).focus(function() {
		stopped = false; });

	$(window).blur(function() {
		stopped = true; });

});