$(document).ready(function() {

	var delay = 3000;
	var number = 0;
	var last_key = $("#last_key").val();
	var images_array = $.parseJSON($("#images_array").val());
	var images_group_amount = images_array.length;
	var images;
	var next_images;

	images = load_images(images_array);

	$(".slideshowWrapper li:first-child img").show();

	setInterval(
	function() {
		$(".slideshowWrapper li:first-child + li img")
		.fadeOut(
		'slow',
		function() {
			$(".slideshowWrapper li:first-child + li").remove();
			$("<li></li>")
			.prependTo(".slideshowWrapper")
			.append(images[number])
			.children()
			.show();
			number++;
			if (number === (images_group_amount - 3)) {
				get_new_images();
			} else if (number === (images_group_amount)) {
				number = 0;
				images = next_images;
			}
		}
		)
	},
	delay
	);

	function load_images(array) {
		var new_images = new Array();

		for (var i=0; i<images_group_amount; i++) {
			new_images[i] = new Image();
			new_images[i].src = "assets/images/slideshow/" + array[i];
		}

		return new_images;
	}

	function get_new_images() {
		$.ajax({
			type: 	  "POST",
			url: 	  "get_images",
			data: 	  "last_key=" + last_key +"&images_group_amount=" + images_group_amount,
			dataType: "json",
			success:  function(data){
				last_key = data.last_key;
				next_images = load_images(data.images_group);
			},
		});
	}

});