//include jQuery inainte de acest js

var step=0; //la ce poza suntem
var photos=new Array(); //vectorul de poze
var id='#carousel'; //id element
var clasa='.carousel_img'; //clasa css poze, pt identificare
var speed=1000;//viteza fade
var delay=3500;//delay=speed+ timp de stat la o poza
var ajax_url='../test.php';

var path='/upload/';


$.ajax({
    url: ajax_url,
	type:'GET',
	success:
	function(data){
		photos=data.split('|');		
		for (i=0;i<photos.length;i++)
			$("<img/>").attr("src", path+photos[i]).attr("class", clasa.substring(1)).attr("style", "display:none;").appendTo(id);
		$($(id).children(clasa)[0]).show();
		setInterval(function(){
			$($(id).children(clasa)[step]).fadeOut(speed/2,function(){
					if (step==photos.length-1) next=0;
					else next=step+1;
					$($(id).children(clasa)[next]).fadeIn(speed/2);
					step=next;
				});
		},delay);
	},
	error:function(){}
});