(function ($) {
    "use strict";
    $.fn.pin = function (options) {
        var scrolly = 0, elements = [], disabled = false, $window = $(window);

        options = options || {};

        var recalculatelimits = function () {
            for (var i=0, len=elements.length; i<len; i++) {
                var $this = elements[i];

                if (options.minwidth && $window.width() <= options.minwidth) {
                    if ($this.parent().is(".pin-wrapper")) { $this.unwrap(); }
                    $this.css({width: "", left: "", top: "", position: ""});
                    if (options.activeclass) { $this.removeclass(options.activeclass); }
                    disabled = true;
                    continue;
                } else {
                    disabled = false;
                }

                var $container = options.containerselector ? $this.closest(options.containerselector) : $(document.body);
                var offset = $this.offset();
                var containeroffset = $container.offset();
                var parentoffset = $this.offsetparent().offset();

                if (!$this.parent().is(".pin-wrapper")) {
                    $this.wrap("<div class='pin-wrapper'>");
                }

                var pad = $.extend({
                  top: 0,
                  bottom: 0
                }, options.padding || {});

                $this.data("pin", {
                    pad: pad,
                    from: (options.containerselector ? containeroffset.top : offset.top) - pad.top,
                    to: containeroffset.top + $container.height() - $this.outerheight() - pad.bottom,
                    end: containeroffset.top + $container.height(),
                    parenttop: parentoffset.top
                });

                $this.css({width: $this.outerwidth()});
                $this.parent().css("height", $this.outerheight());
            }
        };

        var onscroll = function () {
            if (disabled) { return; }

            scrolly = $window.scrolltop();

            var elmts = [];
            for (var i=0, len=elements.length; i<len; i++) {          
                var $this = $(elements[i]),
                    data  = $this.data("pin");

                if (!data) { // removed element
                  continue;
                }

                elmts.push($this); 
                  
                var from = data.from - data.pad.bottom,
                    to = data.to - data.pad.top;
              
                if (from + $this.outerheight() > data.end) {
                    $this.css('position', '');
                    continue;
                }
              
                if (from < scrolly && to > scrolly) {
                    !($this.css("position") == "fixed") && $this.css({
                        left: $this.offset().left,
                        top: data.pad.top
                    }).css("position", "fixed");
                    if (options.activeclass) { $this.addclass(options.activeclass); }
                } else if (scrolly >= to) {
                    $this.css({
                        left: "",
                        top: to - data.parenttop + data.pad.top
                    }).css("position", "absolute");
                    if (options.activeclass) { $this.addclass(options.activeclass); }
                } else {
                    $this.css({position: "", top: "", left: ""});
                    if (options.activeclass) { $this.removeclass(options.activeclass); }
                }
          }
          elements = elmts;
        };

        var update = function () { recalculatelimits(); onscroll(); };

        this.each(function () {
            var $this = $(this), 
                data  = $(this).data('pin') || {};

            if (data && data.update) { return; }
            elements.push($this);
            $("img", this).one("load", recalculatelimits);
            data.update = update;
            $(this).data('pin', data);
        });

        $window.scroll(onscroll);
        $window.resize(function () { recalculatelimits(); });
        recalculatelimits();

        $window.on('load',update);

        return this;
      };
})(jquery);