$(document).ready(function(){
						   
var kontener = $('.animContainer');
var imagesArray = [];
var numberOfImages = 0;


ilosc();

function ilosc(){
$.post("data/folder.php", { xxx: "on"},
	function(data) {
		numberOfImages = data;
		setImagesToArray();
	});
	return numberOfImages;
	}

function setImagesToArray(){
	for(var i=1; i<= numberOfImages; i++){
		var imageName = i+".png";
		imagesArray.push(imageName);
		}
		loadImagesToContainer(0, 2);
	}
	
function loadImagesToContainer(openImage, closeImage){
	var margin = 50;
	var contenerItems = '';
	kontener.css('width','750px');
	
	for(var i=openImage; i<= closeImage; i++){
		contenerItems = contenerItems + "<div id='ci' class='animItem'><img src='galeria/" + imagesArray[i] +"'></div>";
		}
		kontener.html(contenerItems);
		animateContainer(contenerItems);
	}
	
function animateContainer(contenerItems){
	
	var i = 2;
	var obrazki='';
	var szer = 1000;
	
	cl = setInterval(function(){
		
		i=i+1;
		var image = "<div id='h"+i+"' class='animItem'><img src='galeria/" + imagesArray[i] +"'></div>";
		
		obrazki = obrazki + image;
		
		kontener.html(contenerItems + obrazki);
		
		$('.animContainer').animate({'marginLeft' : '-='+250}, 300);
		
		szer = szer + 250;
		
		kontener.css({'width' : szer});
		
		
		var margin = kontener.css("marginLeft");
		
		
		if(i == numberOfImages-1){
			i = -1;
			
			
			} 
		
		
		
		
		
		},2000);
	
}
$(function() {
        $('#gallery a').lightBox();
    });	
});
