﻿(function($) {
    /*----------------------------------------------------------------------------------
    Class: FloatObject
    -------------------------------------------------------------------------------------*/
    function FloatObject(jqObj, params) {
        this.jqObj = jqObj;

        switch (params.speed) {
            case 'fast': this.steps = 5; break;
            case 'normal': this.steps = 10; break;
            case 'slow': this.steps = 20; break;
            default: this.steps = 10;
        };

        var offset = this.jqObj.offset();

        this.currentX = offset.left;
        this.currentY = offset.top;


        this.origX = typeof (params.x) == "string" ? this.currentX : params.x;
        this.origY = typeof (params.y) == "string" ? this.currentY : params.y;
        //if( params.y) this.origY = params.y;


        //now we make sure the object is in absolute positions.
        this.jqObj.css({ 'position': 'absolute', 'top': this.currentY, 'left': this.currentX });
    }

    FloatObject.prototype.updateLocation = function() {
        this.updatedX = $(window).scrollLeft() + this.origX;
        this.updatedY = $(window).scrollTop() + this.origY;

        this.dx = Math.abs(this.updatedX - this.currentX);
        this.dy = Math.abs(this.updatedY - this.currentY);

        return this.dx || this.dy;
    }

    FloatObject.prototype.move = function() {
        if (this.jqObj.css("position") != "absolute") return;
        var cx = 0;
        var cy = 0;
        
        if (this.dx > 0) {
            if (this.dx < this.steps / 2)
                cx = (this.dx >= 1) ? 1 : 0;
            else
                cx = Math.round(this.dx / this.steps);

            if (this.currentX < this.updatedX)
                this.currentX += cx;
            else
                this.currentX -= cx;
        }

        if (this.dy > 0) {
            if (this.dy < this.steps / 2)
                cy = (this.dy >= 1) ? 1 : 0;
            else
                cy = Math.round(this.dy / this.steps);

            if (this.currentY < this.updatedY)
                this.currentY += cy;
            else
                this.currentY -= cy;
        }

        this.jqObj.css({ 'left': this.currentX, 'top': this.currentY });
    }



    /*----------------------------------------------------------------------------------
    Object: floatMgr
    -------------------------------------------------------------------------------------*/
    $.floatMgr = {

        FOArray: new Array(),

        timer: null,

        initializeFO: function(jqObj, params) {
            var settings = $.extend({
                x: 0,
                y: 0,
                speed: 'normal'
            }, params || {});
            var newFO = new FloatObject(jqObj, settings);

            $.floatMgr.FOArray.push(newFO);

            if (!$.floatMgr.timer) $.floatMgr.adjustFO();

            //now making sure we are registered to all required window events
            if (!$.floatMgr.registeredEvents) {
                $(window).bind("resize", $.floatMgr.onChange);
                $(window).bind("scroll", $.floatMgr.onChange);
                $.floatMgr.registeredEvents = true;
            }
        },

        adjustFO: function() {
            $.floatMgr.timer = null;

            var moveFO = false;

            for (var i = 0; i < $.floatMgr.FOArray.length; i++) {
                FO = $.floatMgr.FOArray[i];
                if (FO.updateLocation()) moveFO = true;
            }

            if (moveFO) {
                for (var i = 0; i < $.floatMgr.FOArray.length; i++) {
                    FO = $.floatMgr.FOArray[i];
                    FO.move();
                }

                if (!$.floatMgr.timer) $.floatMgr.timer = setTimeout($.floatMgr.adjustFO, 50);
            }
        },

        onChange: function() {
            if (!$.floatMgr.timer) $.floatMgr.adjustFO();
        }
    };

    /*----------------------------------------------------------------------------------
    Function: makeFloat
    -------------------------------------------------------------------------------------*/
    $.fn.makeFloat = function(params) {
        var obj = this.eq(0); //we only operate on the first selected object;
        $.floatMgr.initializeFO(obj, params);
        if ($.floatMgr.timer == null) $.floatMgr.adjustFO();
        return obj;
    };
})(jQuery);