/*
 * Copyright (c) 2013, Divio AG
 * Licensed under BSD
 * http://github.com/aldryn/aldryn-boilerplate-bootstrap3
 */

// #############################################################################
// NAMESPACES
/**
 * @module Cl
 */
// istanbul ignore next
var Cl = window.Cl || {};

//##############################################################################
// EXPLORER
(function ($) {
    'use strict';

    var win = $(window);

    Cl.explorer = {

        /**
         * Loads sub elements
         * @constructor init
         */
        init: function () {
            // Have to wait till images are loaded.
            // While not required for explorer theme specifically,
            // beacuse there is a set height on the "feature" by default
            // it would avoid problems if a normal image would be used.
            win.on('load', this._navigation);
        },

        /**
         * Handles header size. When you scroll past the "Feature" placeholder
         * it adds a `navbar-head-narrow` class to the header to slim it down.
         *
         * @method _navigation
         * @private
         */
        _navigation: function () {
            var header = $('.js-navbar-head');
            var bound = $('.js-feature-wrapper').height() - header.height();
            var narrowClass = 'navbar-head-narrow';

            win.on('scroll.explorer resize.explorer', function () {
                if (win.scrollTop() >= bound) {
                    header.addClass(narrowClass);
                } else {
                    header.removeClass(narrowClass);
                }
            }).trigger('scroll.explorer');
        }

    };

    // autoload
    Cl.explorer.init();

})(jQuery);