var rainRoot;
var rainDrop;
var rainDropsCount = 112;

var rainDrops = new Array(rainDropsCount);
var rainDropsSpeed = new Array(rainDropsCount);

var rainDropName = "rainDrops_";

var rainAnim;

function OnRainLoaded(sender)
{
    // alert("rainLoaded");
    // Cache the root rain canvas.
    rainRoot = sender.findName("RainLayer");
    
    // Initialize the rain
    setArrayOfDropProperties();
    
    // Setup the animation and duration
    rainAnim = sender.findName("RainAnim");
    rainAnim.SpeedRatio = 0.2;
    
    //rainAnim.begin();
}

function setRainParams(speed)
{
    rainAnim.stop();
    if(speed == 0)
    {
        rainRoot.Opacity = 0;
    }
    else
    {
        rainRoot.Opacity = 100;
        rainAnim.SpeedRatio = speed;
        rainAnim.begin();
    }
}

function setArrayOfDropProperties()
{
    for(y=0; y <= rainDropsCount;y++)
    {
        rainDropsSpeed[y] = Math.random() * 3 + 2;
    }    
}

function OnRainCompleted(sender, args)
{  
//    alert("OnRainCompleted");
    for(y=0; y <= rainDropsCount;y++)
    {
        DoRainAnim("rainDrops_" + y, rainDropsSpeed[y]);  
    }    	 

    rainAnim.begin();
}

function DoRainAnim(rainDropName, dropSpeed)
{
    rainDrop = rainRoot.findName(rainDropName);
    
    rainDrop.X -= dropSpeed/2 ;
    rainDrop.Y += dropSpeed*2;
    
    if(rainDrop.Y >= 500)
    {
        rainDrop.X = 0;
        rainDrop.Y = 0;
    }
}