var cloud1Moved = false;
var cloud2Moved = false;
var cloud3Moved = false;
var cloud4Moved = false;
var cloud5Moved = false;



function initclouds(){
	cloud1Move();
	cloud2Move();
	cloud3Move();
	cloud4Move();
	cloud5Move();
}
function continiouclouds(){
	cloud1MoveOn();
	cloud2MoveOn();
	cloud3MoveOn();
	cloud4MoveOn();
	cloud5MoveOn();
}


function cloud1Move(){ // red
	if (!cloud1Moved){$("#cloud1").css("left", "700px")};
	$("#cloud1").animate({ left: $("#maincontainer").width()}, cloud1Moved ? 180000 : 150000, "linear", function(){
								$(this).css("left", -parseInt($(this).css("width")))
								cloud1Moved = true;
								cloud1Move();
							}
						)
}
function cloud1MoveOn(){ // red
	$("#cloud1").animate({ left: $("#maincontainer").width()}, cloud1Moved ? 180000 : 150000, "linear", function(){
								$(this).css("left", -parseInt($(this).css("width")))
								cloud1Moved = true;
								cloud1MoveOn();
							}
						)
}




function cloud2Move(){ // yellow
	if (!cloud2Moved){ $("#cloud2").css("left", "50px")};
	$("#cloud2").animate({ left: $("#maincontainer").width()}, cloud2Moved ? 120000 : 100000, "linear", function(){
								$(this).css("left", -parseInt($(this).css("width")))
								cloud2Moved = true;
								cloud2Move();
							}
						)
}
function cloud2MoveOn(){ // yellow
	$("#cloud2").animate({ left: $("#maincontainer").width()}, cloud2Moved ? 120000 : 100000, "linear", function(){
								$(this).css("left", -parseInt($(this).css("width")))
								cloud2Moved = true;
								cloud2MoveOn();
							}
						)
}





function cloud3Move(){ // green
	if (!cloud3Moved){ $("#cloud3").css("left", "0px")};
	$("#cloud3").animate({ left: $("#maincontainer").width()}, cloud3Moved ? 210000 : 250000, "linear", function(){
								$(this).css("left", -parseInt($(this).css("width")))
								cloud3Moved = true;
								cloud3Move();
							}
						)
}
function cloud3MoveOn(){ // green
	$("#cloud3").animate({ left: $("#maincontainer").width()}, cloud3Moved ? 210000 : 250000, "linear", function(){
								$(this).css("left", -parseInt($(this).css("width")))
								cloud3Moved = true;
								cloud3MoveOn();
							}
						)
}




function cloud4Move(){ // blue 
	if (!cloud4Moved){$("#cloud4").css("left", "350px")};
	$("#cloud4").animate({ left: $("#maincontainer").width()}, cloud4Moved ? 180000 : 150000, "linear", function(){
								$(this).css("left", -parseInt($(this).css("width")))
								cloud4Moved = true;
								cloud4Move();
							}
						)
}
function cloud4MoveOn(){ // blue 
	$("#cloud4").animate({ left: $("#maincontainer").width()}, cloud4Moved ? 180000 : 150000, "linear", function(){
								$(this).css("left", -parseInt($(this).css("width")))
								cloud4Moved = true;
								cloud4MoveOn();
							}
						)
}





function cloud5Move(){ // white
	if (!cloud5Moved){ $("#cloud5").css("left", "900px")};
	$("#cloud5").animate({ left: $("#maincontainer").width()}, cloud5Moved ? 180000 : 100000, "linear", function(){
								$(this).css("left", -parseInt($(this).css("width")))
								cloud5Moved = true;
								cloud5Move();
							}
						)
}
function cloud5MoveOn(){ // white
	$("#cloud5").animate({ left: $("#maincontainer").width()}, cloud5Moved ? 180000 : 100000, "linear", function(){
								$(this).css("left", -parseInt($(this).css("width")))
								cloud5Moved = true;
								cloud5MoveOn();
							}
						)
}