var growAnimation = null;
var currentPicture = 1;

function StopMainStoryboard(sender, args)
{
    sender.Stop();
}
function CanvasLoaded(sender, args)
{
    var sb = getXamlElement("wpfeControl1", "growRect1");
    sb.Begin();
}
function MouseEnterSmallRect(sender, args)
{
    var name = sender.Name;
    var imageNumber = name.charAt(name.length-1);
    
    var image = "images/img" + imageNumber + ".jpg";
    
    var bottomRect = getXamlElement("wpfeControl1", "bottomRect");
    bottomRect.Fill.ImageSource = image;
    
    growAnimation = getXamlElement("wpfeControl1", "growStoryboard");    
    growAnimation.Begin();
}
function MouseLeaveSmallRect(sender, args)
{
    if (growAnimation)
    {
        growAnimation.Stop();
        var bottomRect = getXamlElement("wpfeControl1", "bottomRect");    
        bottomRect.SetValue("Canvas.Top", 480.0);
        bottomRect.Height = 0.0;
    }
    var sb2 = getXamlElement("wpfeControl1", "shrinkStoryboard");    
    sb2.Begin();
}
function ErrorHandler(line, col, hr, string)
{
    var str = "Error on line, column ("+line+","+col+")\n"+string+"\n";
    str += "HRESULT: "+hr;
    alert(str);
};    
function GrowSmallRectCompleted(sender, args)
{
    sender.Stop();
    
    if (++currentPicture > 3) 
    {
        currentPicture = 1;
    }      
    
    var sbName = "growRect" + currentPicture;
    var sb = getXamlElement("wpfeControl1", sbName);
    
    sb.Begin();
}