$(document).ready(function(){
	$('.logos li').css({	display : 'none', opacity : 0});
	$('.logos li:first-child').addClass("active").css("display", "block");

	animateStarts();
 });
 
function animateStarts(){
	$('.logos li.active').animate({
		opacity: '1'
		  }, 1000, function() {
			// Animation complete.
			animateEnds();
		  });
}
 
function animateEnds(){
	$('.logos li.active').delay(5000).animate({
		opacity: '0'
		  }, 1000, function() {
			// Animation complete.
			animationFinish();
		  });
}

function animationFinish(){
	$('.logos li.active').css("display", "none");
	//$('.logos li.active').css("top", -30);
	
	nextElement = $(".logos li.active").next("li");
	if(nextElement.length == 0) nextElement = $(".logos li:first-child");
	
	$(".logos li.active").removeClass("active");
	
	nextElement.css("display", "block");
	nextElement.addClass("active");
	animateStarts();
}