var cloudMoved = false;
var cloud2Moved = false;
var cloud3Moved = false;
var zepMoved = false;

$(init);

function init()
{
	cloudMove();
	cloud2Move();
	cloud3Move();
	zepMove();
}

function cloudMove()
{
	if (!cloudMoved)
	{
		$("#cloudfb")
			.css("left", $("#cloudfb").offset().left)
	}

	$("#cloudfb")
		.animate(
			{
				left: $("#cielo").width()
			},
			cloudMoved ? 180000 : 150000,
			"linear",
			function()
			{
				$(this)
					.css("left", -parseInt($(this).css("width")))
				cloudMoved = true;
				cloudMove();
			}
		)
}

function cloud2Move()
{
	if (!cloud2Moved)
	{
		$("#cloudli")
			.css("left", $("#cloudli").offset().left)
	}
	$("#cloudli")
		.animate(
			{
				left: $("#cielo").width()
			},
			cloud2Moved ? 120000 : 60000,
			"linear",
			function()
			{
				$(this)
					.css("left", -parseInt($(this).css("width")))
				cloud2Moved = true;
				cloud2Move();
			}
		)
}

function cloud3Move()
{
	if (!cloud3Moved)
	{
		$("#cloudem")
			.css("left", $("#cloudem").offset().left)
	}
	$("#cloudem")
		.animate(
			{
				left: $("#cielo").width()
			},
			cloud3Moved ? 400000 : 150000,
			"linear",
			function()
			{
				$(this)
					.css("left", -parseInt($(this).css("width")))
				cloud3Moved = true;
				cloud3Move();
			}
		)
}

function zepMove()
{
	if (!zepMoved)
	{
		$("#zep")
			.css("left", $("#zep").offset().left)
	}
	$("#zep")
		.animate(
			{
				left: $("#subcielo").width()
			},
			zepMoved ? 18000 : 15000,
			"linear",
			function()
			{
				$(this)
					.css("left", -parseInt($(this).css("width")))
				zepMoved = true;
				zepMove();
			}
		)
}

