scripts.js

+function () {
    'use strict';

    $(init);

    function init() {
        new Internationalizer().init();
        /* Experimetal
        new LayoutLoader().ajaxifyNavLinks();
        */
    }

    function Internationalizer() {
        this.init = init;

        ////////////////////////////////
        var translate = null;

        function init() {
            var options = {
                lng: 'ru',
                fallbackLng: ["en"],
                backend: {
                    loadPath: "/locales/{{lng}}/{{ns}}.json"
                },
                ns: [
                    "common",
                    "welcome"
                ],
                defaultNS: "common"
            };
	        i18next
                .use(i18nextXHRBackend)
                .init(options, onI18nInitialized);

            $('.lang-list .lang-list-item').click(function () {
                var key = $(this).data('key'),
                    name = $(this).text(),
                    flagClass = $(this).find('.lang-list-item_flag').attr('class').replace('lang-list-item_flag', '');
                $('.selected-lang .selected-lang_name').text(name);
                $('.selected-lang .selected-lang_flag')
                    .removeClass()
                    .addClass('selected-lang_flag' + flagClass);
                i18next.changeLanguage(key, onI18nInitialized);

                $('.lang-list li.active').removeClass('active');
                $(this).parent().addClass('active');
            });
        }

        function onI18nInitialized(err, t) {
            if (err) {
                return console.error('Failed to initialize i18next.', err);
            }
            translate = t;
            $('[data-i18n]').each(translateElement);
        }

        function translateElement() {
            var $e = $(this),
                expr = $e.data('i18n'),
                ns = expr.indexOf(':') === -1 
                    ? null 
                    : expr.split(':')[0],
                key = expr.indexOf(':') === -1 
                    ? expr 
                    : expr.split(':')[1].replace(/\s*/g, ''),
                value = ns === null 
                    ? translate(key)
                    : translate(key, { ns: ns });
            if (key !== value) {    //  translation successful
                $e.text(value);
            }
        }
    }
} ();