// JavaScript Document

var cloudMoved = false;
var cloud2Moved = false;
var cloud3Moved = false;
var cloud4Moved = false;

$(init);

function init()
{
	cloudMove();
	cloud2Move();
	cloud3Move();
	cloud4Move();
}

function cloudMove()
{
	if (!cloudMoved)
	{
		$("#cloud")
			.css("right", $("#cloud").offset().right)
	}

	$("#cloud")
		.animate(
			{
				right: $("#sky").width()
			},
			cloudMoved ? 100000 : 150000,
			"linear",
			function()
			{
				$(this)
					.css("right", -parseInt($(this).css("width")))
				cloudMoved = true;
				cloudMove();
			}
		)
}

function cloud2Move()
{
	if (!cloud2Moved)
	{
		$("#cloud2")
			.css("right", $("#cloud2").offset().right)
	}
	$("#cloud2")
		.animate(
			{
				right: $("#sky").width()
			},
			cloud2Moved ? 100000 : 60000,
			"linear",
			function()
			{
				$(this)
					.css("right", -parseInt($(this).css("width")))
				cloud2Moved = true;
				cloud2Move();
			}
		)
}

function cloud3Move()
{
	if (!cloud3Moved)
	{
		$("#cloud3")
			.css("right", $("#cloud3").offset().right)
	}
	$("#cloud3")
		.animate(
			{
				right: $("#sky").width()
			},
			cloud3Moved ? 100000 : 150000,
			"linear",
			function()
			{
				$(this)
					.css("left", -parseInt($(this).css("width")))
				cloud3Moved = true;
				cloud3Move();
			}
		)
}

function cloud4Move()
{
	if (!cloud4Moved)
	{
		$("#cloud4")
			.css("right", $("#cloud4").offset().right)
	}
	$("#cloud4")
		.animate(
			{
				right: $("#sky").width()
			},
			cloud4Moved ? 100000 : 200000,
			"linear",
			function()
			{
				$(this)
					.css("right", -parseInt($(this).css("width")))
				cloud4Moved = true;
				cloud4Move();
			}
		)
}