var step=0;
var images=9;
$(document).ready(function () {	
	setInterval(slide, 5000);
});

function slide(){
	step++;
	if(step == images){
		step=1;	
		$('#images ul').css({left: '0px'});
	}
	
	$('#images ul').animate({opacity:0}, 1000, "easeInQuad", function(){		
		$('#images ul').css({left: -970*step + 'px'});
		$('#images ul').animate({opacity:1}, 1000, "easeOutQuad");
	});
}
