Main.js file when using jQuery

main.js

/*global jQuery */
/*jslint browser: true */

(function (win, $) {

    'use strict';

    // helpers

    var Util, Globals;

    Util = {
        safeEvent: function (callback) {
            var a = false;
            return function () {
                var args = arguments;
                if (!a) {
                    a = true;
                    win.requestAnimationFrame(function () {
                        callback.apply(null, args);
                        a = false;
                    });
                }
            };
        },
        timeoutEvent: function (timeout, callback) {
            var interval = null;
            return function () {
                var args = arguments;

                clearTimeout(interval);
                setTimeout(function () {
                    callback.apply(null, args);
                }, timeout);
            };
        }
    };

    Globals = {
        $win: $(win),
        $body: $('body'),
        $html: $('html')
    };


    // events

    Globals.$win.on('scroll', Util.safeEvent(function () {
        Globals.$win.trigger('safescroll', {
            top: Globals.$win.scrollTop(),
            viewport: Globals.$win.height(),
            height: Globals.$html.height()
        });
    }));


    // configuration

    win.Util = Util;
    win.Globals = Globals;

}(window, jQuery));