// JScript File
var zoom = '';
    zoom += "  <Canvas Canvas.Top='0' Canvas.Left='0'>";    
    /*zoom += "  <Canvas.RenderTransform> ";
    zoom += "  <TranslateTransform ";
    zoom += "  x:Name='MyAnimatedTranslateTransform_$0' ";
    zoom += "  X='0' Y='300' /> ";
    zoom += "  </Canvas.RenderTransform> ";
    
    zoom += "  <Canvas.Resources> ";
    zoom += "  <Storyboard x:Name='myStoryboard_$0'> ";
    zoom += "  <DoubleAnimation ";
    zoom += "  Storyboard.TargetName='MyAnimatedImages_$0' ";
    zoom += "  Storyboard.TargetProperty='Width' ";
    zoom += "  From='150' To='600' Duration='0:0:1' ";
    zoom += "  AutoReverse='false' /> ";
    zoom += "  </Storyboard>  ";
    
    
    zoom += "  <Storyboard x:Name='myStoryboard2_$0' > ";
    zoom += "  <DoubleAnimationUsingKeyFrames ";
    zoom += "  Storyboard.TargetName='MyAnimatedTranslateTransform_$0' ";
    zoom += "  Storyboard.TargetProperty='Y' ";
    zoom += "  Duration='0:0:1'> ";
    zoom += "  <LinearDoubleKeyFrame Value='300' KeyTime='0:0:0' />";
    zoom += "  <LinearDoubleKeyFrame Value='50' KeyTime='0:0:1' />";
    zoom += "  </DoubleAnimationUsingKeyFrames > ";
    zoom += "  </Storyboard> ";
    
    zoom += "  <Storyboard x:Name='myStoryboard3_$0' > ";
    zoom += "  <DoubleAnimationUsingKeyFrames ";
    zoom += "  Storyboard.TargetName='MyAnimatedTranslateTransform_$0' ";
    zoom += "  Storyboard.TargetProperty='X' ";
    zoom += "  Duration='0:0:1'> ";
    zoom += "  <LinearDoubleKeyFrame Value='0' KeyTime='0:0:0' />";
    zoom += "  <LinearDoubleKeyFrame Value='-250' KeyTime='0:0:1' />";
    zoom += "  </DoubleAnimationUsingKeyFrames > ";
    zoom += "  </Storyboard> ";
    
    zoom += "  <Storyboard x:Name='myStoryboard3R_$0' > ";
    zoom += "  <DoubleAnimationUsingKeyFrames ";
    zoom += "  Storyboard.TargetName='MyAnimatedTranslateTransform_$0' ";
    zoom += "  Storyboard.TargetProperty='X' ";
    zoom += "  Duration='0:0:1'> ";
    zoom += "  <LinearDoubleKeyFrame Value='-250' KeyTime='0:0:0' />";
    zoom += "  <LinearDoubleKeyFrame Value='0' KeyTime='0:0:1' />";
    zoom += "  </DoubleAnimationUsingKeyFrames > ";
    zoom += "  </Storyboard> ";
    
    zoom += "  <Storyboard x:Name='myStoryboardR_$0'> ";
    zoom += "  <DoubleAnimation ";
    zoom += "  Storyboard.TargetName='MyAnimatedImages_$0' ";
    zoom += "  Storyboard.TargetProperty='Width' ";
    zoom += "  From='600' To='150' Duration='0:0:1' ";
    zoom += "  AutoReverse='false' /> ";
    zoom += "  </Storyboard> ";
    zoom += "  <Storyboard x:Name='myStoryboard2R_$0' > ";
    zoom += "  <DoubleAnimationUsingKeyFrames ";
    zoom += "  Storyboard.TargetName='MyAnimatedTranslateTransform_$0' ";
    zoom += "  Storyboard.TargetProperty='Y' ";
    zoom += "  Duration='0:0:1' > ";
    zoom += "  <LinearDoubleKeyFrame Value='50' KeyTime='0:0:0' /> ";
    zoom += "  <LinearDoubleKeyFrame Value='300' KeyTime='0:0:1' /> ";
    zoom += "  </DoubleAnimationUsingKeyFrames> ";
    zoom += "  </Storyboard> ";
    zoom += "  </Canvas.Resources> ";*/
    
    //zoom += "  <Image Canvas.Left='0' MouseMove='javascript:linkEnter' MouseLeave='javascript:linkLeave' Canvas.Top='0' x:Name='MyAnimatedImages_$0' Width='150'  Source='assets/workflow_zoom.png' Opacity='1' Cursor='Hand' MouseEnter='startAnimationRect' MouseLeftButtonDown='startAnimation' />";
    
    
    //zoom += "  <Image Canvas.Left='0' Canvas.Top='0' x:Name='MyAnimatedImages_' Source='assets/workflow_zoom.png' Opacity='1' Cursor='Hand' />";
    
    zoom += "    <Rectangle Fill='red' Width='150' Height='100' />";
    //zoom += "    </Canvas>";
    
    zoom += "    </Canvas>";