var right = false;
var duration = 600;

function slideIn(elem) {
	if(!$(elem).is(".cloud")) {
		$(".logo").fadeIn();
		return;
	}
	
	if(right) {
		$(elem).css({
			left: "+=100px",
			display: "block",
			opacity: 0
		});
		$(elem).animate({
			left: "-=100px",
			opacity: 1
		}, duration,function() {
			slideIn($(this).next());
		});
	}
	else {
		$(elem).css({
			left: "-=100px",
			display: "block",
			opacity: 0
		});
		$(elem).animate({
			left: "+=100px",
			opacity: 1
		}, duration, function() {
			slideIn($(this).next());
		});
	}
	
	duration -= 50;
	right = !right;
}

$(document).ready(function() {
	$(".logo").hide();
	$(".cloud").hide();
	
	slideIn($(".cloud").first());
});