Aquarius.component.define('Frontend/Header', function ($element, options) {

    var defaults = {
        limit: 80
    };

    function Header() {
    }

    Header.prototype = {
        init: function () {
            var self = this;

            this.$element = $element;

            this.defaults = defaults;
            this.options = Aquarius.extend(this.defaults, options);

            var $window = $(window);

            $window.on('scroll', function () {
                self.$element.toggleClass(
                    'scrolled',
                    $window.scrollTop() > self.options.limit
                );
            }).trigger('scroll');
        }
    };

    return Header;
});