//Microsoft.Glimmer.OneWay
//<AnimationCollection FilePath="C:\Inetpub\wwwroot\gowindowslive\htdocs\HotmailQuickAdd\default3.html.glimmer.js" xmlns="clr-namespace:GlimmerLib;assembly=GlimmerLib"><Animation Name="NavigationChange" EventType="click" Trigger="#nav_1_image"><Animation.Targets><Target Name="#nav_1_image" Duration="1000" Easing="linear" Callback="null"><Target.Effects><XTranslationEffect CSSName="left" DisplayName="X Position Animation" MaxValue="5000" MinValue="-5000" From="0" To="-10" IsStartValue="True" IsActive="True" IsAnimatable="True" IsExpression="False" FormatString="" RequiresJQueryPlugin="False" JQueryPluginURI="" /></Target.Effects></Target><Target Name="#nav_1_copy" Duration="1000" Easing="linear" Callback="null"><Target.Effects><AppendHTMLEffect CSSName="#nav_1_copy" DisplayName="Append HTML Effect" MaxValue="0" MinValue="0" From="0" To="Sports" IsStartValue="False" IsActive="True" IsAnimatable="False" IsExpression="False" FormatString="$({1}).append({2});&#xD;&#xA;" RequiresJQueryPlugin="False" JQueryPluginURI="" /></Target.Effects></Target><Target Name="#nav_1_copy" Duration="1000" Easing="linear" Callback="null"><Target.Effects><OpacityEffect CSSName="opacity" DisplayName="Opacity Animation" MaxValue="1" MinValue="0" From="0" To="1" IsStartValue="True" IsActive="True" IsAnimatable="True" IsExpression="False" FormatString="" RequiresJQueryPlugin="False" JQueryPluginURI="" /></Target.Effects></Target><Target Name="#nav_1_copy" Duration="1000" Easing="linear" Callback="null"><Target.Effects><TimerEffect CSSName="" DisplayName="Timer Effect" MaxValue="10000" MinValue="1" From="0" To="0" IsStartValue="False" IsActive="True" IsAnimatable="False" IsExpression="False" FormatString="clearTimeout(timer);&#xD;&#xA;     timer = setTimeout(eval({1}),{2});&#xD;&#xA;" RequiresJQueryPlugin="False" JQueryPluginURI="" /></Target.Effects></Target></Animation.Targets></Animation></AnimationCollection>
jQuery(function($) {
    var timer;


    var navText = new Array();
    navText[0] = ''
    navText[1] = 'Sports'
    navText[2] = 'Humor'
    navText[3] = 'Celebrity'
    navText[4] = 'How to'
    navText[5] = 'News'
    navText[6] = 'Pets/Animals'

    var navSlideValues = new Array();
    navSlideValues[0] = '';
    navSlideValues[1] = '-40';
    navSlideValues[2] = '-40';
    navSlideValues[3] = '-50';
    navSlideValues[4] = '-40';
    navSlideValues[5] = '-30';
    navSlideValues[6] = '-70';

    var navLeftValues = new Array('', '-190', '-160', '-130', '-100', '-70', '-40');

    NavigationChange('', page);



    //moved oldPage outside to use for tracking function.
    
    function NavigationChange(event) {

        var newPage;

        $('#nav_1_image').bind('click', { page: 1 }, NavigationChange);
        $('#nav_2_image').bind('click', { page: 2 }, NavigationChange);
        $('#nav_3_image').bind('click', { page: 3 }, NavigationChange);
        $('#nav_4_image').bind('click', { page: 4 }, NavigationChange);
        $('#nav_5_image').bind('click', { page: 5 }, NavigationChange);
        $('#nav_6_image').bind('click', { page: 6 }, NavigationChange);
        $("#nav_1_copy").css("opacity", "0");
        $("#nav_2_copy").css("opacity", "0");
        $("#nav_3_copy").css("opacity", "0");
        $("#nav_4_copy").css("opacity", "0");
        $("#nav_5_copy").css("opacity", "0");
        $("#nav_6_copy").css("opacity", "0");

        for (i = 1; i <= 6; i++) {
            document.getElementById("nav_" + i).style.left = "0";
        }

        oldPage = page;
        if (event) {
            newPage = event.data.page;
        } else {
            newPage = page;
        }

        if (newPage != oldPage) {
            document.getElementById("nav_" + oldPage + "_image").src = "images/nav_" + oldPage + "_off.gif";
        }

        document.getElementById("nav_" + newPage + "_image").src = "images/nav_" + newPage + "_on.gif";


        for (var i = newPage; i >= 1; i--) {
            $("#nav_" + i).animate({ "left": navSlideValues[newPage] }, 800, "linear", null);
        }

        $("#nav_" + newPage + "_copy").animate({ "opacity": 1 }, 800, "linear", null);

        page = newPage;
        contentFill();
    }

});