/// <reference name="MicrosoftAjax.debug.js" />
/// <reference name="MicrosoftAjaxTimer.debug.js" />
/// <reference name="MicrosoftAjaxWebForms.debug.js" />

/// <reference path="../jquery.intellisense.js"/>

/// <reference path="../Kleenex.Core.js"/>

//  Kleenex.Feel.StopAndFeel

Kleenex.Feel.StopAndFeel = function(clientId, cardCreationUrl) {
    this.ClientID = clientId;
    this.Selector = "#" + clientId;
    this.CardCreationUrl = cardCreationUrl;
    this.Delay = 500;
    this.ScrollTimeout = undefined;

    this.Initialize();
};
Kleenex.Feel.StopAndFeel.prototype =
{
    Name: 'Kleenex.Feel.StopAndFeel',
    __typeName: 'Kleenex.Feel.StopAndFeel',
    __class: true,
    AttachEvents: function() {
        var __app = this;
        var context = $(this.Selector);

        $('a', context).click(function() {
            this.blur();
            Kleenex.ShowModal(__app.CardCreationUrl, true);
        });

    },
    MoveCouch: function() {
        var __app = this;
        var context = $(this.Selector);

        var scrollTop = $(window).scrollTop();
        var windowHeight = $(window).height();
        var nextTop = scrollTop - this.OriginalTop + (windowHeight / 2) - (context.height() / 2);
        if (nextTop < 0) {
            nextTop = 0;
        }
        if (nextTop > this.ContainerBottom) {
            nextTop = this.ContainerBottom;
        }

        var currentTop = parseInt(context.css('top'), 10);
        if (currentTop != nextTop) {
            context.animate({ 'top': nextTop }, this.Delay, 'easeOutQuad');
        }
    },
    Enable: function() {
        var __app = this;
        var context = $(this.Selector);

        var parent = context.parent();

        var parentHeight = parent.height();
        var contextHeight = context.height();
        var prev = context.prev();

        // instance variables
        this.OriginalTop = context.offset().top;
        this.ContainerTop = this.OriginalTop;
        this.ContainerBottom = parentHeight - contextHeight - prev.height();

        var considerMovingCouch = function() {
            clearTimeout(__app.ScrollTimeout);
            __app.ScrollTimeout = setTimeout(function() {
                __app.MoveCouch();
            }, __app.Delay);
        };

        $(window).scroll(considerMovingCouch);
        $(window).resize(considerMovingCouch);

        this.MoveCouch();
    }
};

Kleenex.Extend(Kleenex.Feel.StopAndFeel, Kleenex.UserControl);