function cloud1Move()
{
	if (!cloud1Moved)
	{
		$("#cloud1")
			.css("left", $("#cloud1").offset().left)
	}
	
	$("#cloud1")
		.animate(
			{
				left: $("#sky").width()
			},
			cloud1Moved ? 25000 : 1500,
			"linear",
			function()
			{
				$(this)
					.css("left", -parseInt($(this).css("width")))
				
				cloud1Moved = true;
				
				cloud1Move();
			}
		)
}
    
    function cloud2Move()
    {
        if (!cloud2Moved)
        {
            $("#cloud2").css("left", $("#cloud2").offset().left)
        }
        $("#cloud2")
        .animate(
        {
            left: $("#sky").width()
        },
        cloud2Moved ? 24000 : 24000,
        "linear",
        function()
        {
          
            $(this).css("left", -parseInt($(this).css("width")))
            cloud2Moved = true;
            cloud2Move();
        }
    )
    }
    
    function cloud3Move()
    {
        if (!cloud3Moved)
        {
            $("#cloud3").css("left", $("#cloud3").offset().left)
        }
        $("#cloud3")
        .animate(
        {
            left: $("#sky").width()
        },
        cloud3Moved ? 24000 : 24000,
        "linear",
        function()
        {
            $(this).css("left", -parseInt($(this).css("width")))
            cloud3Moved = true;
            cloud3Move();
        }
    )
    }

    
    function cloud4Move()
    {
        if (!cloud4Moved)
        {
            $("#cloud4").css("left", $("#cloud4").offset().left)
        }
        $("#cloud4")
        .animate(
        {
            left: $("#sky").width()
        },
        cloud4Moved ? 38000 : 28000,
        "linear",
        function()
        {
            $(this).css("left", -parseInt($(this).css("width")))
            cloud4Moved = true;
            cloud4Move();
        }
    )
    }
    
    function cloud5Move()
    {
        if (!cloud5Moved)
        {
            $("#cloud5").css("left", $("#cloud5").offset().left)
        }
        $("#cloud5")
        .animate(
        {
            left: $("#sky").width()
        },
        cloud5Moved ? 32000 : 22000,
        "linear",
        function()
        {
            $(this).css("left", -parseInt($(this).css("width")))
            cloud5Moved = true;
            cloud5Move();
        }
    )
    }
    
    function cloud6Move()
    {
        if (!cloud6Moved)
        {
            $("#cloud6").css("left", $("#cloud6").offset().left)
        }
        $("#cloud6")
        .animate(
        {
            left: $("#sky").width()
        },
        cloud6Moved ? 80000 : 60000,
        "linear",
        function()
        {
            $(this).css("left", -parseInt($(this).css("width")))
            cloud6Moved = true;
            cloud6Move();
        }
    )
    }
    
    function cloud7Move()
    {
        if (!cloud7Moved)
        {
            $("#cloud7").css("left", $("#cloud7").offset().left)
        }
        $("#cloud7")
        .animate(
        {
            left: $("#sky").width()
        },
        cloud7Moved ? 34000 : 34000,
        "linear",
        function()
        {
            $(this).css("left", -parseInt($(this).css("width")))
            cloud7Moved = true;
            cloud7Move();
        }
    )
    }
    
    function cloud8Move()
    {
        if (!cloud8Moved)
        {
            $("#cloud8").css("left", $("#cloud8").offset().left)
        }
        $("#cloud8")
        .animate(
        {
            left: $("#sky").width()
        },
        cloud8Moved ? 25000 : 25000,
        "linear",
        function()
        {
            $(this).css("left", -parseInt($(this).css("width")))
            cloud8Moved = true;
            cloud8Move();
        }
    )
    }
    
    function cloud9Move()
    {
        if (!cloud9Moved)
        {
            $("#cloud9").css("left", $("#cloud9").offset().left)
        }
        $("#cloud9")
        .animate(
        {
            left: $("#sky").width()
        },
        cloud9Moved ? 38000 : 38000,
        "linear",
        function()
        {
            $(this).css("left", -parseInt($(this).css("width")))
            cloud9Moved = true;
            cloud9Move();
        }
    )
    }
    
    function cloud10Move()
    {
        if (!cloud10Moved)
        {
            $("#cloud10").css("left", $("#cloud10").offset().left)
        }
        $("#cloud10")
        .animate(
        {
            left: $("#sky").width()
        },
        cloud10Moved ? 45000 : 45000,
        "linear",
        function()
        {
            $(this).css("left", -parseInt($(this).css("width")))
            cloud10Moved = true;
            cloud10Move();
        }
    )
    }
    
    function cloud11Move()
    {
        if (!cloud11Moved)
        {
            $("#cloud11").css("left", $("#cloud11").offset().left)
        }
        $("#cloud11")
        .animate(
        {
            left: $("#sky").width()
        },
        cloud11Moved ? 45000 : 45000,
        "linear",
        function()
        {
            $(this).css("left", -parseInt($(this).css("width")))
            cloud11Moved = true;
            cloud11Move();
        }
    )
    }
    
    function cloud12Move()
    {
        if (!cloud12Moved)
        {
            $("#cloud12").css("left", $("#cloud12").offset().left)
        }
        $("#cloud12")
        .animate(
        {
            left: $("#sky").width()
        },
        cloud12Moved ? 45000 : 45000,
        "linear",
        function()
        {
            $(this).css("left", -parseInt($(this).css("width")))
            cloud12Moved = true;
            cloud12Move();
        }
    )
    }
    
    function cloud13Move()
    {
        if (!cloud13Moved)
        {
            $("#cloud13").css("left", $("#cloud13").offset().left)
        }
        $("#cloud13")
        .animate(
        {
            left: $("#sky").width()
        },
        cloud13Moved ? 45000 : 45000,
        "linear",
        function()
        {
            $(this).css("left", -parseInt($(this).css("width")))
            cloud13Moved = true;
            cloud13Move();
        }
    )
    }
    
    function cloud14Move()
    {
        if (!cloud14Moved)
        {
            $("#cloud14").css("left", $("#cloud14").offset().left)
        }
        $("#cloud14")
        .animate(
        {
            left: $("#sky").width()
        },
        cloud14Moved ? 45000 : 45000,
        "linear",
        function()
        {
            $(this).css("left", -parseInt($(this).css("width")))
            cloud14Moved = true;
            cloud14Move();
        }
    )
    }
    
    function cloud15Move()
    {
        if (!cloud15Moved)
        {
            $("#cloud15").css("left", $("#cloud15").offset().left)
        }
        $("#cloud15")
        .animate(
        {
            left: $("#sky").width()
        },
        cloud15Moved ? 45000 : 45000,
        "linear",
        function()
        {
            $(this).css("left", -parseInt($(this).css("width")))
            cloud15Moved = true;
            cloud15Move();
        }
    )
    }


function moveACloud(cloudID,cloudNumber,speed2)
    {
        //console.log(cloudID + ' move')
        //console.log(eval('cloud'+cloudNumber+'Moved'))
        if(!'cloud'+cloudNumber+'Moved')
        {
            $("#"+cloudID)
            .css('right',$('#'+cloudID).offset().right)
        }
        $('#'+cloudID)
        .animate(
        {
            right: $('#sky').width()
        },
        speed2,
        "linear",
        function()
        {
            //console.log('Do more stuff' + cloudID)
            $('#'+cloudID)
            .css('right', -parseInt($('#'+cloudID).css('width')))
            //console.log(eval('cloud'+cloudNumber+'Moved'))
            eval('cloud'+cloudNumber+'Moved=true')
            moveACloud(cloudID,cloudNumber,speed2)
        }
    )
    }
    
    $(document).delegate('.popcloud','hover',function(){
        var cloudClickID = $(this).attr('id');        
        if($(this).attr('isStopped') == 'true'){
            $(this).attr('isStopped',false)
            eval('cloud' + cloudClickID.replace('cloud','')+'Move()');
        } else {
        
            //alert('Clicked ' + cloudClickID + "!")
            $(this).stop();
            $(this).attr('isStopped',true)
        }
        
    });
    
    $(document).delegate('.popcloud','click',function(){
        
        
        
        
//        if($('#expand_envelope').css('display') != 'none'){
//            //            console.log('if visible, hide')
//            //            $("#expand_envelope").animate({
//            //            width: "1px",
//            //            height: "1px"
//            //            }, 500 );
//            $('#expand_envelope h4').text();
//            $('#expand_envelope').hide();
//        }
//        
        //console.log('here');
        
        var color = '';
        var bg = $(this).css('background-image');
        var aBg = bg.split('pink')
        if(aBg.length > 1){
          
          color = 'pink';
          // remove text from #purple_envelope .message_container h4
          // remove text from #pink_envelope .message_container h4
          // hide #purple_envelope
          
          // add text to #pink_envelope .message_contaner h4
          // show #pink_envelop
          
          $('#purple_envelope').hide();
          $('#pink_envelope').show();
          $('#purple_envelope .message_container h4').text('');
          $('#pink_envelope .message_container h4').text('');
          $('#pink_envelope .message_container h4').text($(this).attr('dat'))
          
          
          
            // bg is rainbow
            //console.log('determine rainbox bg')
//            $('#expand_envelope').css('background-image','url(/images/clouds/large-rainbox-envelope.png)')
//            $('#message_container').addClass('rainbox_position')
        } else {
          color = 'purple';
          // show purple envelope
          $('#pink_envelope').hide();
          $('#purple_envelope').show();
          $('#pink_envelope .message_container h4').text('');
          $('#purple_envelope .message_container h4').text('');
          $('#purple_envelope .message_container h4').text($(this).attr('dat'))
          
          
          
//            $('#expand_envelope').css('background-image','url(/images/clouds/large-purple-envelope.png)')
//            $('#message_container').removeClass('rainbox_position')
        }
        //$('#expand_envelope h4').delay(1000).text($(this).attr('dat'))
        
        
        //animateLargeEnvelope(color);
    });