(function() {

        var app = Sammy('#main', function (sam) {


        /**
         * Sammy Configuration
         *
         */

        // Plugins
        sam.use('Handlebars', 'ms');
        window.HandlebarsIntl.registerWith(Handlebars);

        Handlebars.registerHelper('ucwords', function(str) {
            return (str + '').replace(/^([a-z\u00E0-\u00FC])|\s+([a-z\u00E0-\u00FC])/g, function ($1) {
                return $1.toUpperCase();
            });
        });
        Handlebars.registerHelper('humanSize', function(bytes) {
            var sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB'];
            if (bytes === 0) return 'n/a';
            var i = parseInt(Math.floor(Math.log(bytes) / Math.log(1024)));
            return Math.round(bytes / Math.pow(1024, i), 2) + ' ' + sizes[[i]];
        });
        Handlebars.registerHelper('humanTime', function(time) {
            return Math.round(time) + 's';
        });
        Handlebars.registerHelper('bitRate', function(bytes, time) {
            var sizes = ['b', 'Kb', 'Mb', 'Gb', 'Tb'];
            if (time === 0) return 'n/a';
            var bps = bytes / time * 8;
            var i = parseInt(Math.floor(Math.log(bps) / Math.log(1024)));
            return Math.round(bps / Math.pow(1024, i), 2) + ' ' + sizes[[i]] + '/s';
        });

        Handlebars.registerHelper('t', function(y18n_key) {
          var result = y18n.t(y18n_key, Array.prototype.slice.call(arguments, 1));
          return new Handlebars.SafeString(result);
        });
        
        Handlebars.registerHelper('concat', function() {
            var outStr = '';
            for(var arg in arguments){
                if(typeof arguments[arg]!='object'){
                    outStr += arguments[arg];
                }
            }
            return outStr;
        });

        // Block helper to add a tooltip to any element
        Handlebars.registerHelper('tooltip', function(tooltip, options) {
          return new Handlebars.SafeString(
              '<span data-toggle="tooltip" title="' + tooltip + '" data-placement="right">'
              + options.fn(this)
              + '</span>');
        });

        Handlebars.registerHelper('helpTooltip', function(text, url) {
            var help = null;
            var helpUrl = null;
            if (text && text.string && text.string.trim() != "")
            {
                help = text.string;
            }
            if (url && url.string && url.string.trim() != "")
            {
                helpUrl = url.string;
            }
            if (help == null && helpUrl == null)
            {
                return "";
            }

            if (helpUrl == null)
            {
                return new Handlebars.SafeString(
                    '<span data-toggle="tooltip" title="' + help + '" data-html="true" data-placement="right">'
                    + '      <i class="fa-question-circle"></i>'
                    + '</span>');
            }
            else
            {
                return new Handlebars.SafeString(
                    '<span data-toggle="tooltip" title="' + help + '" data-html="true" data-placement="right">'
                    + '      <a href="' + helpUrl + '" class="fa-question-circle"></a>'
                    + '</span>');
            }
        });

        // Load tooltips on the page; needed if using tooltips
        Handlebars.registerHelper('load_tooltips', function() {
          return new Handlebars.SafeString(
              '<script>'
              + '$(document).ready(function(){'
              + '$(\'[data-toggle="tooltip"]\').tooltip();'
              + '});'
              + '</script>');
        });

        // equality stuff because mustache/Handlebars is lame
        // source https://stackoverflow.com/a/31632215
        Handlebars.registerHelper({
            eq: function(a, b) {
                return a === b;
            },
            neq: function(a, b) {
                return a !== b;
            },
            lt: function (v1, v2) {
                return v1 < v2;
            },
            gt: function (v1, v2) {
                return v1 > v2;
            },
            lte: function (v1, v2) {
                return v1 <= v2;
            },
            gte: function (v1, v2) {
                return v1 >= v2;
            },
            and: function () {
                return Array.prototype.slice.call(arguments).every(function (arg) { 
                    return (Array.isArray(arg))?arg.length !== 0:arg;
                });
            },
            or: function () {
                return Array.prototype.slice.call(arguments, 0, -1).some(function (arg) {
                    return (Array.isArray(arg))?arg.length !== 0:arg;
                });
            }
        });

        // Be able to call a function given in context
        Handlebars.registerHelper('call', function () {
            var args = Array.prototype.slice.call(arguments);
            var func = args.shift();
            args.pop();
            return func.apply(null, args);
        });

        Handlebars.registerHelper('in', function(a) {
          // skip first one
          for (var i = 1; i < arguments.length; ++i) {
            if (arguments[i] == a)
              return true;
          }
          return false;
        });

        // Look for supported type of storage to use
        /**
         * http://sammyjs.org/docs/api/0.7.4/all#Sammy.Store.LocalStorage
         * LocalStorage is our favorite, as it allows multiple tabs
         */
        var storageType;
        if (Sammy.Store.isAvailable('local')) {
            storageType = 'local';
        } else if (Sammy.Store.isAvailable('session')) {
            storageType = 'session';
        } else if (Sammy.Store.isAvailable('cookie')) {
            storageType = 'cookie';
        } else {
            storageType = 'memory';
        }

        // Initialize storage
        sam.store = new Sammy.Store({name: 'storage', type: storageType});
        sam.loaded = false;
        sam.isInstalledTry = 3;



        /**
         * Application bootstrap
         *
         */
        sam.bind('run', function () {
            // Store url
            sam.store.set('url', window.location.hostname + '/yunohost/api');

            if (sam.store.get('connected')) {
                this.api('GET', '/diagnosis/show?full', {}, function(data) {
                    basesystem = data.reports.filter(function(r) { return r.id == "basesystem"; })[0];
                    version_info = basesystem.items.filter(function(i) { return (i.meta && i.meta.test && i.meta.test == "ynh_versions"); })[0];
                    $('#yunohost-version').html(y18n.t('footer_version', [version_info.data.main_version, version_info.data.repo]));
                });
            }

            // Flash messages
            var flashMessage = $('#flashMessage');
            $('#toggle-btn', flashMessage).click(function(e) {
                flashMessage.toggleClass('open');
            });
            $('#clear-btn', flashMessage).click(function(e) {
                flashMessage.removeClass('open').find('.messages').html('');
                $('#slider').removeClass('with-flashMessage');
            });

        });


        /**
         * Errors
         */
        sam.notFound = function(){
            // Redirect to home page on 404.
            window.location = '#/';
        };

    });


    /**
     * Translations
     */
    $.getJSON('locales/en.json', function(data){
        y18n.translations['en'] = data;
        y18n.translateInlineHTML();
    });

    // User defined language
    if (window.navigator && window.navigator.language) {
        y18n.locale = window.navigator.language.substr(0, 2);
        if (y18n.locale !== 'en') {
            $.getJSON('locales/'+ y18n.locale +'.json', function(data){
                y18n.translations[y18n.locale] = data;
                y18n.translateInlineHTML();
            });
        }
    }


    /**
     * Run the application
     */
    $(document).ready(function () {
        // Run Sammy.js application
        app.run('#/');

        // April fools easter egg ;)
        var today = new Date();
        if ((today.getDate() == 1) && (today.getMonth()+1 == 4))
        {
            $('#main').addClass("magikarp");
        }
    });

})();