﻿(function ($) {
    $.fn.floatingElement = function (options) {
        var settings = {
            "distance": 10,
            "duration": 1000
        };

        if (options) {
            $.extend(settings, options);
        }

        return this.each(function () {
            var $this = $(this);
            
            floatUp($this, settings.distance, settings.duration);

            return this;
        });

        function floatUp(element, distance, duration) {
            element.animate({
                top: "-=" + distance + "px",
            }, duration, "swing", function () {
               floatDown(element, distance, duration);
            });
        }

        function floatDown(element, distance, duration) {
            element.animate({
                top: "+=" + distance + "px",
            }, duration, "swing", function () {
               floatUp(element, distance, duration);
            });
        }
    };
})(jQuery);
