if (!window.windows_red) window.product_flip = {};

product_flip.Base = function() {
    this.control = null;
    this.rootCanvas = null;
    this.root = null;
    this.frontImage = 5;
    this.numberImage = null;
    this.lockNav = false;
}

product_flip.Base.prototype = {
    dispose: function() { this.root = null; },
    initialize: function(control, userContext, rootElement)
    {
        this.control = control;
        this.data = null;
        this.root = this.control.content;
        this.rootCanvas = this.root.findName("rootCanvas");
        this.registerButton(this.rootCanvas.findName("right_turn_cube"), this.rOverRight, this.rOutRight, this.rClickRight);
        this.registerButton(this.rootCanvas.findName("left_turn_cube"), this.rOverLeft, this.rOutLeft, this.rClickLeft);

        this.registerButton(this.rootCanvas.findName("flip_nav_cube1"), this.rOverOne, this.rOutOne, this.rClickOne);
        this.registerButton(this.rootCanvas.findName("flip_nav_cube2"), this.rOverTwo, this.rOutTwo, this.rClickTwo);
        this.registerButton(this.rootCanvas.findName("flip_nav_cube3"), this.rOverThree, this.rOutThree, this.rClickThree);
        this.registerButton(this.rootCanvas.findName("flip_nav_cube4"), this.rOverFour, this.rOutFour, this.rClickFour);
        this.registerButton(this.rootCanvas.findName("flip_nav_cube5"), this.rOverFive, this.rOutFive, this.rClickFive);

        this.registerButton(this.rootCanvas.findName("replay_text"), null, null, this.rClickReplay);

        this.rootCanvas.findName("move_right_5").addEventListener("Completed", Silverlight.createDelegate(this, this.rightOpacity5));
        this.rootCanvas.findName("move_right_4").addEventListener("Completed", Silverlight.createDelegate(this, this.rightOpacity4));
        this.rootCanvas.findName("move_right_3").addEventListener("Completed", Silverlight.createDelegate(this, this.rightOpacity3));
        this.rootCanvas.findName("move_right_2").addEventListener("Completed", Silverlight.createDelegate(this, this.rightOpacity2));
        this.rootCanvas.findName("move_right_1").addEventListener("Completed", Silverlight.createDelegate(this, this.rightOpacity1));
        this.rootCanvas.findName("move_left_5").addEventListener("Completed", Silverlight.createDelegate(this, this.leftOpacity5));
        this.rootCanvas.findName("move_left_4").addEventListener("Completed", Silverlight.createDelegate(this, this.leftOpacity4));
        this.rootCanvas.findName("move_left_3").addEventListener("Completed", Silverlight.createDelegate(this, this.leftOpacity3));
        this.rootCanvas.findName("move_left_2").addEventListener("Completed", Silverlight.createDelegate(this, this.leftOpacity2));
        this.rootCanvas.findName("move_left_1").addEventListener("Completed", Silverlight.createDelegate(this, this.leftOpacity1));


        this.rootCanvas.findName("add_opacity_right1").addEventListener("Completed", Silverlight.createDelegate(this, this.disableLock));
        this.rootCanvas.findName("add_opacity_right2").addEventListener("Completed", Silverlight.createDelegate(this, this.disableLock));
        this.rootCanvas.findName("add_opacity_right3").addEventListener("Completed", Silverlight.createDelegate(this, this.disableLock));
        this.rootCanvas.findName("add_opacity_right4").addEventListener("Completed", Silverlight.createDelegate(this, this.disableLock));
        this.rootCanvas.findName("add_opacity_right5").addEventListener("Completed", Silverlight.createDelegate(this, this.disableLock));
        this.rootCanvas.findName("add_opacity_left1").addEventListener("Completed", Silverlight.createDelegate(this, this.disableLock));
        this.rootCanvas.findName("add_opacity_left2").addEventListener("Completed", Silverlight.createDelegate(this, this.disableLock));
        this.rootCanvas.findName("add_opacity_left3").addEventListener("Completed", Silverlight.createDelegate(this, this.disableLock));
        this.rootCanvas.findName("add_opacity_left4").addEventListener("Completed", Silverlight.createDelegate(this, this.disableLock));
        this.rootCanvas.findName("add_opacity_left5").addEventListener("Completed", Silverlight.createDelegate(this, this.disableLock));


        this.rootCanvas.findName("screensaver_run").addEventListener("Completed", Silverlight.createDelegate(this, this.replayScreensaver));
        this.rootCanvas.findName("loadRun").addEventListener("Completed", Silverlight.createDelegate(this, this.activeNav));

        //this.movie = control.content.findName("dreamscenevideo");
        //this.movie.addEventListener("MediaEnded", Silverlight.createDelegate(this,this.movieMediaEnded));

    },
    disableLock: function(sender, eventArgs) { this.lockNav = false; },

    registerButton: function(button, overAction, outAction, clickAction)
    {
        if (overAction != null)
            button.addEventListener("MouseEnter", Silverlight.createDelegate(this, overAction));
        if (outAction != null)
            button.addEventListener("MouseLeave", Silverlight.createDelegate(this, outAction));
        if (clickAction != null)
            button.addEventListener("MouseLeftButtonDown", Silverlight.createDelegate(this, clickAction));
    },

    //    movieMediaEnded: function(sender, eventArgs)
    //    {
    //        sender.stop();
    //        sender.play();
    //    }, 


    activeNav: function(sender, eventArgs)
    {
        if (this.frontImage == 5)
        {
            this.rootCanvas.findName("flip_nav_text1")["Foreground"] = '#FF9D9999';
            this.rootCanvas.findName("flip_nav_cube1")["Opacity"] = '.5';
            this.rootCanvas.findName("flip_nav_text2")["Foreground"] = '#FFFFFFFF';
            this.rootCanvas.findName("flip_nav_cube2")["Opacity"] = '.25';
            this.rootCanvas.findName("flip_nav_text3")["Foreground"] = '#FFFFFFFF';
            this.rootCanvas.findName("flip_nav_cube3")["Opacity"] = '.25';
            this.rootCanvas.findName("flip_nav_text4")["Foreground"] = '#FFFFFFFF';
            this.rootCanvas.findName("flip_nav_cube4")["Opacity"] = '.25';
            this.rootCanvas.findName("flip_nav_text5")["Foreground"] = '#FFFFFFFF';
            this.rootCanvas.findName("flip_nav_cube5")["Opacity"] = '.25';
        }
        else if (this.frontImage == 4)
        {
            this.rootCanvas.findName("flip_nav_text1")["Foreground"] = '#FFFFFFFF';
            this.rootCanvas.findName("flip_nav_cube1")["Opacity"] = '.25';
            this.rootCanvas.findName("flip_nav_text2")["Foreground"] = '#FF9D9999';
            this.rootCanvas.findName("flip_nav_cube2")["Opacity"] = '.5';
            this.rootCanvas.findName("flip_nav_text3")["Foreground"] = '#FFFFFFFF';
            this.rootCanvas.findName("flip_nav_cube3")["Opacity"] = '.25';
            this.rootCanvas.findName("flip_nav_text4")["Foreground"] = '#FFFFFFFF';
            this.rootCanvas.findName("flip_nav_cube4")["Opacity"] = '.25';
            this.rootCanvas.findName("flip_nav_text5")["Foreground"] = '#FFFFFFFF';
            this.rootCanvas.findName("flip_nav_cube5")["Opacity"] = '.25';
        }
        else if (this.frontImage == 3)
        {
            this.rootCanvas.findName("flip_nav_text1")["Foreground"] = '#FFFFFFFF';
            this.rootCanvas.findName("flip_nav_cube1")["Opacity"] = '.25';
            this.rootCanvas.findName("flip_nav_text2")["Foreground"] = '#FFFFFFFF';
            this.rootCanvas.findName("flip_nav_cube2")["Opacity"] = '.25';
            this.rootCanvas.findName("flip_nav_text3")["Foreground"] = '#FF9D9999';
            this.rootCanvas.findName("flip_nav_cube3")["Opacity"] = '.5';
            this.rootCanvas.findName("flip_nav_text4")["Foreground"] = '#FFFFFFFF';
            this.rootCanvas.findName("flip_nav_cube4")["Opacity"] = '.25';
            this.rootCanvas.findName("flip_nav_text5")["Foreground"] = '#FFFFFFFF';
            this.rootCanvas.findName("flip_nav_cube5")["Opacity"] = '.25';
        }
        else if (this.frontImage == 2)
        {
            this.rootCanvas.findName("flip_nav_text1")["Foreground"] = '#FFFFFFFF';
            this.rootCanvas.findName("flip_nav_cube1")["Opacity"] = '.25';
            this.rootCanvas.findName("flip_nav_text2")["Foreground"] = '#FFFFFFFF';
            this.rootCanvas.findName("flip_nav_cube2")["Opacity"] = '.25';
            this.rootCanvas.findName("flip_nav_text3")["Foreground"] = '#FFFFFFFF';
            this.rootCanvas.findName("flip_nav_cube3")["Opacity"] = '.25';
            this.rootCanvas.findName("flip_nav_text4")["Foreground"] = '#FF9D9999';
            this.rootCanvas.findName("flip_nav_cube4")["Opacity"] = '.5';
            this.rootCanvas.findName("flip_nav_text5")["Foreground"] = '#FFFFFFFF';
            this.rootCanvas.findName("flip_nav_cube5")["Opacity"] = '.25';
        }
        else if (this.frontImage == 1)
        {
            this.rootCanvas.findName("flip_nav_text1")["Foreground"] = '#FFFFFFFF';
            this.rootCanvas.findName("flip_nav_cube1")["Opacity"] = '.25';
            this.rootCanvas.findName("flip_nav_text2")["Foreground"] = '#FFFFFFFF';
            this.rootCanvas.findName("flip_nav_cube2")["Opacity"] = '.25';
            this.rootCanvas.findName("flip_nav_text3")["Foreground"] = '#FFFFFFFF';
            this.rootCanvas.findName("flip_nav_cube3")["Opacity"] = '.25';
            this.rootCanvas.findName("flip_nav_text4")["Foreground"] = '#FFFFFFFF';
            this.rootCanvas.findName("flip_nav_cube4")["Opacity"] = '.25';
            this.rootCanvas.findName("flip_nav_text5")["Foreground"] = '#FF9D9999';
            this.rootCanvas.findName("flip_nav_cube5")["Opacity"] = '.5';
        }
    },


    rOverRight: function(sender, eventArgs) { this.rootCanvas.findName("right_over").begin(); },
    rOutRight: function(sender, eventArgs) { this.rootCanvas.findName("right_out").begin(); },
    rOverLeft: function(sender, eventArgs) { this.rootCanvas.findName("left_over").begin(); },
    rOutLeft: function(sender, eventArgs) { this.rootCanvas.findName("left_out").begin(); },

    rOverOne: function(sender, eventArgs) { this.rootCanvas.findName("one_over").begin(); },
    rOutOne: function(sender, eventArgs)
    {
        if (this.frontImage != 5)
        {
            this.rootCanvas.findName("one_out").begin();
        }
    },
    rOverTwo: function(sender, eventArgs) { this.rootCanvas.findName("two_over").begin(); },
    rOutTwo: function(sender, eventArgs)
    {
        if (this.frontImage != 4)
        {
            this.rootCanvas.findName("two_out").begin();
        }
    },
    rOverThree: function(sender, eventArgs) { this.rootCanvas.findName("three_over").begin(); },
    rOutThree: function(sender, eventArgs)
    {
        if (this.frontImage != 3)
        {
            this.rootCanvas.findName("three_out").begin();
        }
    },
    rOverFour: function(sender, eventArgs) { this.rootCanvas.findName("four_over").begin(); },
    rOutFour: function(sender, eventArgs)
    {
        if (this.frontImage != 2)
        {
            this.rootCanvas.findName("four_out").begin();
        }
    },
    rOverFive: function(sender, eventArgs) { this.rootCanvas.findName("five_over").begin(); },
    rOutFive: function(sender, eventArgs)
    {
        if (this.frontImage != 1)
        {
            this.rootCanvas.findName("five_out").begin();
        }
    },


    rClickOne: function(sender, eventArgs)
    {
        if (!this.lockNav)
        {
            if (this.frontImage == 4)
            {
                this.lockNav = true;
                this.rootCanvas.findName("flip5")["Canvas.ZIndex"] = 8;
                this.rootCanvas.findName("move_left_5").begin();
            }
            else if (this.frontImage == 3)
            {
                this.lockNav = true;
                this.rootCanvas.findName("flip4")["Canvas.ZIndex"] = 8;
                this.rootCanvas.findName("move_left_4").begin();
                this.numberImage = true;
            }
            else if (this.frontImage == 2)
            {
                this.lockNav = true;
                this.rootCanvas.findName("move_right_2").begin();
                this.numberImage = true;
            }
            else if (this.frontImage == 1)
            {
                this.lockNav = true;
                this.rootCanvas.findName("move_right_1").begin();
            }
        }
    },
    rClickTwo: function(sender, eventArgs)
    {
        if (!this.lockNav)
        {
            if (this.frontImage == 5)
            {
                this.lockNav = true;
                this.rootCanvas.findName("move_right_5").begin();
            }
            else if (this.frontImage == 3)
            {
                this.lockNav = true;
                this.rootCanvas.findName("flip4")["Canvas.ZIndex"] = 8;
                this.rootCanvas.findName("move_left_4").begin();
            }
            else if (this.frontImage == 2)
            {
                this.lockNav = true;
                this.rootCanvas.findName("flip3")["Canvas.ZIndex"] = 8;
                this.rootCanvas.findName("move_left_3").begin();
                this.numberImage = true;
            }
            else if (this.frontImage == 1)
            {
                this.lockNav = true;
                this.rootCanvas.findName("move_right_1").begin();
                this.numberImage = true;
            }
        }
    },
    rClickThree: function(sender, eventArgs)
    {
        if (!this.lockNav)
        {
            if (this.frontImage == 5)
            {
                this.lockNav = true;
                this.rootCanvas.findName("move_right_5").begin();
                this.numberImage = true;
            }
            else if (this.frontImage == 4)
            {
                this.lockNav = true;
                this.rootCanvas.findName("move_right_4").begin();
            }
            else if (this.frontImage == 2)
            {
                this.lockNav = true;
                this.rootCanvas.findName("flip3")["Canvas.ZIndex"] = 8;
                this.rootCanvas.findName("move_left_3").begin();
            }
            else if (this.frontImage == 1)
            {
                this.lockNav = true;
                this.rootCanvas.findName("flip2")["Canvas.ZIndex"] = 8;
                this.rootCanvas.findName("move_left_2").begin();
                this.numberImage = true;
            }
        }
    },
    rClickFour: function(sender, eventArgs)
    {
        if (!this.lockNav)
        {
            if (this.frontImage == 5)
            {
                this.lockNav = true;
                this.rootCanvas.findName("flip1")["Canvas.ZIndex"] = 8;
                this.rootCanvas.findName("move_left_1").begin();
                this.numberImage = true;
            }
            else if (this.frontImage == 4)
            {
                this.lockNav = true;
                this.rootCanvas.findName("move_right_4").begin();
                this.numberImage = true;
            }
            else if (this.frontImage == 3)
            {
                this.lockNav = true;
                this.rootCanvas.findName("move_right_3").begin();
            }
            else if (this.frontImage == 1)
            {
                this.lockNav = true;
                this.rootCanvas.findName("flip2")["Canvas.ZIndex"] = 8;
                this.rootCanvas.findName("move_left_2").begin();
            }
        }
    },
    rClickFive: function(sender, eventArgs)
    {
        if (!this.lockNav)
        {
            if (this.frontImage == 5)
            {
                this.lockNav = true;
                this.rootCanvas.findName("flip1")["Canvas.ZIndex"] = 8;
                this.rootCanvas.findName("move_left_1").begin();
            }
            else if (this.frontImage == 4)
            {
                this.lockNav = true;
                this.rootCanvas.findName("flip5")["Canvas.ZIndex"] = 8;
                this.rootCanvas.findName("move_left_5").begin();
                this.numberImage = true;
            }
            else if (this.frontImage == 3)
            {
                this.lockNav = true;
                this.rootCanvas.findName("move_right_3").begin();
                this.numberImage = true;
            }
            else if (this.frontImage == 2)
            {
                this.lockNav = true;
                this.rootCanvas.findName("move_right_2").begin();
            }
        }
    },



    rClickRight: function(sender, eventArgs)
    {
        if (!this.lockNav)
        {
            if (this.frontImage == 5)
            {
                this.lockNav = true;
                this.rootCanvas.findName("move_right_5").begin();
            }
            else if (this.frontImage == 4)
            {
                this.lockNav = true;
                this.rootCanvas.findName("move_right_4").begin();
            }
            else if (this.frontImage == 3)
            {
                this.lockNav = true;
                this.rootCanvas.findName("move_right_3").begin();
            }
            else if (this.frontImage == 2)
            {
                this.lockNav = true;
                this.rootCanvas.findName("move_right_2").begin();
            }
            else if (this.frontImage == 1)
            {
                this.lockNav = true;
                this.rootCanvas.findName("move_right_1").begin();
            }
        }
    },

    rClickLeft: function(sender, eventArgs)
    {
        if (!this.lockNav)
        {
            if (this.frontImage == 5)
            {
                this.lockNav = true;
                this.rootCanvas.findName("flip1")["Canvas.ZIndex"] = 8;
                this.rootCanvas.findName("move_left_1").begin();
            }
            else if (this.frontImage == 4)
            {
                this.lockNav = true;
                this.rootCanvas.findName("flip5")["Canvas.ZIndex"] = 8;
                this.rootCanvas.findName("move_left_5").begin();
            }
            else if (this.frontImage == 3)
            {
                this.lockNav = true;
                this.rootCanvas.findName("flip4")["Canvas.ZIndex"] = 8;
                this.rootCanvas.findName("move_left_4").begin();
            }
            else if (this.frontImage == 2)
            {
                this.lockNav = true;
                this.rootCanvas.findName("flip3")["Canvas.ZIndex"] = 8;
                this.rootCanvas.findName("move_left_3").begin();
            }
            else if (this.frontImage == 1)
            {
                this.lockNav = true;
                this.rootCanvas.findName("flip2")["Canvas.ZIndex"] = 8;
                this.rootCanvas.findName("move_left_2").begin();
            }
        }
    },


    rightOpacity5: function(sender, eventArgs)
    {
        this.rootCanvas.findName("flip5")["Canvas.ZIndex"] = 1;
        this.rootCanvas.findName("flip4")["Canvas.ZIndex"] = 5;
        this.rootCanvas.findName("flip3")["Canvas.ZIndex"] = 4;
        this.rootCanvas.findName("flip2")["Canvas.ZIndex"] = 3;
        this.rootCanvas.findName("flip1")["Canvas.ZIndex"] = 2;
        this.rootCanvas.findName("add_opacity_right5").begin();
        this.frontImage = 4;
        this.rootCanvas.findName("loadRun").begin();
        if (this.numberImage == true)
        {
            this.rootCanvas.findName("move_right_4").begin();
            this.numberImage = null;
        }
    },
    rightOpacity4: function(sender, eventArgs)
    {
        this.rootCanvas.findName("flip5")["Canvas.ZIndex"] = 2;
        this.rootCanvas.findName("flip4")["Canvas.ZIndex"] = 1;
        this.rootCanvas.findName("flip3")["Canvas.ZIndex"] = 5;
        this.rootCanvas.findName("flip2")["Canvas.ZIndex"] = 4;
        this.rootCanvas.findName("flip1")["Canvas.ZIndex"] = 3;
        this.rootCanvas.findName("add_opacity_right4").begin();
        this.frontImage = 3;
        this.rootCanvas.findName("loadRun").begin();
        if (this.numberImage == true)
        {
            this.rootCanvas.findName("move_right_3").begin();
            this.numberImage = null;
        }
    },
    rightOpacity3: function(sender, eventArgs)
    {
        this.rootCanvas.findName("flip5")["Canvas.ZIndex"] = 3;
        this.rootCanvas.findName("flip4")["Canvas.ZIndex"] = 2;
        this.rootCanvas.findName("flip3")["Canvas.ZIndex"] = 1;
        this.rootCanvas.findName("flip2")["Canvas.ZIndex"] = 5;
        this.rootCanvas.findName("flip1")["Canvas.ZIndex"] = 4;
        this.rootCanvas.findName("add_opacity_right3").begin();
        this.frontImage = 2;
        this.rootCanvas.findName("loadRun").begin();
        if (this.numberImage == true)
        {
            this.rootCanvas.findName("move_right_2").begin();
            this.numberImage = null;
        }
    },
    rightOpacity2: function(sender, eventArgs)
    {
        this.rootCanvas.findName("flip5")["Canvas.ZIndex"] = 4;
        this.rootCanvas.findName("flip4")["Canvas.ZIndex"] = 3;
        this.rootCanvas.findName("flip3")["Canvas.ZIndex"] = 2;
        this.rootCanvas.findName("flip2")["Canvas.ZIndex"] = 1;
        this.rootCanvas.findName("flip1")["Canvas.ZIndex"] = 5;
        this.rootCanvas.findName("add_opacity_right2").begin();
        this.frontImage = 1;
        this.rootCanvas.findName("loadRun").begin();
        if (this.numberImage == null)
        {
            this.rootCanvas.findName("screensaver_run").begin();
        }
        else 
        if (this.numberImage == true)
        {
            this.rootCanvas.findName("move_right_1").begin();
            this.numberImage = null;
        }
    },
    rightOpacity1: function(sender, eventArgs)
    {
        this.rootCanvas.findName("flip5")["Canvas.ZIndex"] = 5;
        this.rootCanvas.findName("flip4")["Canvas.ZIndex"] = 4;
        this.rootCanvas.findName("flip3")["Canvas.ZIndex"] = 3;
        this.rootCanvas.findName("flip2")["Canvas.ZIndex"] = 2;
        this.rootCanvas.findName("flip1")["Canvas.ZIndex"] = 1;
        this.rootCanvas.findName("add_opacity_right1").begin();
        this.frontImage = 5;
        this.rootCanvas.findName("loadRun").begin();
        if (this.numberImage == true)
        {
            this.rootCanvas.findName("move_right_5").begin();
            this.numberImage = null;
        }
    },


    leftOpacity5: function(sender, eventArgs)
    {
        this.rootCanvas.findName("flip5")["Canvas.ZIndex"] = 5;
        this.rootCanvas.findName("flip4")["Canvas.ZIndex"] = 4;
        this.rootCanvas.findName("flip3")["Canvas.ZIndex"] = 3;
        this.rootCanvas.findName("flip2")["Canvas.ZIndex"] = 2;
        this.rootCanvas.findName("flip1")["Canvas.ZIndex"] = 1;
        this.rootCanvas.findName("add_opacity_left5").begin();
        this.frontImage = 5;
        this.rootCanvas.findName("loadRun").begin();
        if (this.numberImage == true)
        {
            this.rootCanvas.findName("flip1")["Canvas.ZIndex"] = 8;
            this.rootCanvas.findName("move_left_1").begin();
            this.numberImage = null;
        }
    },
    leftOpacity4: function(sender, eventArgs)
    {
        this.rootCanvas.findName("flip5")["Canvas.ZIndex"] = 1;
        this.rootCanvas.findName("flip4")["Canvas.ZIndex"] = 5;
        this.rootCanvas.findName("flip3")["Canvas.ZIndex"] = 4;
        this.rootCanvas.findName("flip2")["Canvas.ZIndex"] = 3;
        this.rootCanvas.findName("flip1")["Canvas.ZIndex"] = 2;
        this.rootCanvas.findName("add_opacity_left4").begin();
        this.frontImage = 4;
        this.rootCanvas.findName("loadRun").begin();
        if (this.numberImage == true)
        {
            this.rootCanvas.findName("flip5")["Canvas.ZIndex"] = 8;
            this.rootCanvas.findName("move_left_5").begin();
            this.numberImage = null;
        }
    },
    leftOpacity3: function(sender, eventArgs)
    {
        this.rootCanvas.findName("flip5")["Canvas.ZIndex"] = 2;
        this.rootCanvas.findName("flip4")["Canvas.ZIndex"] = 1;
        this.rootCanvas.findName("flip3")["Canvas.ZIndex"] = 5;
        this.rootCanvas.findName("flip2")["Canvas.ZIndex"] = 4;
        this.rootCanvas.findName("flip1")["Canvas.ZIndex"] = 3;
        this.rootCanvas.findName("add_opacity_left3").begin();
        this.frontImage = 3;
        this.rootCanvas.findName("loadRun").begin();
        if (this.numberImage == true)
        {
            this.rootCanvas.findName("flip4")["Canvas.ZIndex"] = 8;
            this.rootCanvas.findName("move_left_4").begin();
            this.numberImage = null;
        }
    },
    leftOpacity2: function(sender, eventArgs)
    {
        this.rootCanvas.findName("flip5")["Canvas.ZIndex"] = 3;
        this.rootCanvas.findName("flip4")["Canvas.ZIndex"] = 2;
        this.rootCanvas.findName("flip3")["Canvas.ZIndex"] = 1;
        this.rootCanvas.findName("flip2")["Canvas.ZIndex"] = 5;
        this.rootCanvas.findName("flip1")["Canvas.ZIndex"] = 4;
        this.rootCanvas.findName("add_opacity_left2").begin();
        this.frontImage = 2;
        this.rootCanvas.findName("loadRun").begin();
        if (this.numberImage == true)
        {
            this.rootCanvas.findName("flip3")["Canvas.ZIndex"] = 8;
            this.rootCanvas.findName("move_left_3").begin();
            this.numberImage = null;
        }
    },
    leftOpacity1: function(sender, eventArgs)
    {
        this.rootCanvas.findName("flip5")["Canvas.ZIndex"] = 4;
        this.rootCanvas.findName("flip4")["Canvas.ZIndex"] = 3;
        this.rootCanvas.findName("flip3")["Canvas.ZIndex"] = 2;
        this.rootCanvas.findName("flip2")["Canvas.ZIndex"] = 1;
        this.rootCanvas.findName("flip1")["Canvas.ZIndex"] = 5;
        this.rootCanvas.findName("add_opacity_left1").begin();
        this.frontImage = 1;
        this.rootCanvas.findName("loadRun").begin();
        if (this.numberImage == null)
        {
            this.rootCanvas.findName("screensaver_run").begin();
        }
        else 
        if (this.numberImage == true)
        {
            this.rootCanvas.findName("flip2")["Canvas.ZIndex"] = 8;
            this.rootCanvas.findName("move_left_2").begin();
            this.numberImage = null;
        }
    },
    replayScreensaver: function(sender, eventArgs) { this.rootCanvas.findName("screensaver_run").begin(); }
}