(function ($$) {	
    $$.fn.stickyHeader = function (options) {
    	
        var settings = $$.extend({
            stickyClass: 'header',
            padding: 0
        }, options);

        return $$(this).each(function () {

            var container = $$(this);
            var header = $$('.' + settings.stickyClass, container);

            var originalCss = {
                position: header.css('position'),
                top: header.css('top'),
                width: header.css('width')
            };

            var placeholder = undefined;
            var originalWidth = header.outerWidth();

            $$(window).scroll(function () {
                var containerTop = container.offset().top;
                var headerOrigin = header.offset().top;
                var headerHeight = header.outerHeight();
                var containerHeight = container.outerHeight();
                var containerTop = container.offset().top;
                var containerSize = container.outerHeight();
                var pageOffset = $$(window).scrollTop() + settings.padding;
                var containerBottom = containerHeight + containerTop;

                if (pageOffset < containerTop && placeholder != undefined) {
                    if (placeholder != undefined) {
                        placeholder.remove();
                        placeholder = undefined;
                        header.css(originalCss);
                    }
                }
                else if (pageOffset > containerTop && pageOffset < (containerBottom - headerHeight)) {
                    if (placeholder == undefined) {
                        placeholder = $$('<div/>')
                        .css('height', header.outerHeight() + 'px')
                        .css('width', header.width() + 'px');
                        header.before(placeholder);
                        header.css('position', 'fixed');
                        header.css('width', originalWidth + 'px');
                    }
                    header.css('top', settings.padding + 'px');
                }
                else if (pageOffset > (containerBottom - headerHeight)) {
                    header.css('top', (containerBottom - headerHeight) - pageOffset + settings.padding + 'px');
                }
            });
        });
    }
})(jQuery);