UI Module Snippet

gistfile1.js

define(function() {

    var onscrollCallbacks = [],
		onresizeCallbacks = [],
		didScroll = false,
		didResize = false;

	var UI = {
		init: function() {

			// Caching but nothing too specific here
			UI.$window =		$(window);
			UI.$body =			$(document.body);
			UI.$htmlBody = 		$(document.documentElement).add(document.body);
			UI.$form = 			$('form');
			UI.$fields = 		$('input, textarea');
			UI.$medias = 		$('video, audio');
			UI.$primaryNav = 	$('.primary-nav');
			UI.$main = 			$('.main');

			// Better scroll & resize events
			UI.$window
				.scroll(function() {	didScroll = true;	})
				.resize(function() {	didResize = true;	});

			setInterval(function() {
				if(didScroll) {
					didScroll = false;
					UI.scroll();
				}
				if(didResize) {
					didResize = false;
					UI.resize();
				}
			}, 250);

		},
		onscroll: function(callback) {
			onscrollCallbacks.push(callback);
			return UI;
		},
		onresize: function(callback) {
			onresizeCallbacks.push(callback);
			return UI;
		},
		scroll: function() {

			for(var i = 0, l = onscrollCallbacks.length; i < l; i++) {
				onscrollCallbacks[i]();
			}
		},
		resize: function() {
			for(var i = 0, l = onscrollCallbacks.length; i < l; i++) {
				onscrollCallbacks[i]();
			}
		}
	};
	return UI;
});