//Microsoft.Glimmer.OneWay
//<AnimationCollection FilePath="C:\site\SyntaxSchools\web\Template\GlenCove\Content\home.htm.glimmer.js" xmlns="clr-namespace:GlimmerLib;assembly=GlimmerLib" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"><Animation Name="ActionName1" EventType="load" Trigger="{x:Null}"><Animation.Targets><Target Name="#branding" Duration="1000" Easing="linear" Callback="null"><Target.Effects><YTranslationEffect CSSName="top" DisplayName="Y Position Animation" MaxValue="5000" MinValue="-5000" From="2000px" To="0" IsStartValue="True" IsActive="True" IsAnimatable="True" IsExpression="False" FormatString="" RequiresJQueryPlugin="False" JQueryPluginURI="" /></Target.Effects></Target></Animation.Targets></Animation></AnimationCollection>
jQuery(function($) {
    var timer;
    function ActionName1(event) {

        // move the image to below the bottom of the screen and make it visible
        // then begin it's rise up the page
        $("#ontherise").css("top", "2000px");
        $("#ontherise").css("display", "block");
        $("#ontherise").animate({ "top": "80px" }, 2000, "linear", null);

        // while it's beginning it's rise, grab it's current size
        var oWidth = $("img.ontherise").width();
        var oHeight = $("img.ontherise").height();
        var mpx = (oWidth / oHeight);

        // enlarge it, then shrink it as it's reaching it's destination
        $("img.ontherise").animate({ width: (oWidth * mpx) + 'px', height: (oHeight * mpx) + 'px' }, 1000);
        $("img.ontherise").animate({ width: oWidth + 'px', height: oHeight + 'px' }, 1000);
    }
    function ActionName2(event) {

        // now resize one more time to hightlight what's just landed
        var oWidth = $("img.ontherise").width();
        var oHeight = $("img.ontherise").height();
        var mpx = 1.1;

        $("img.ontherise").animate({ width: (oWidth * mpx) + 'px', height: (oHeight * mpx) + 'px' }, 1000);
        $("img.ontherise").animate({ width: oWidth + 'px', height: oHeight + 'px' }, 1000);
    }

    ActionName1();
    ActionName2();

});