A sample JavaScript structure for larger web applications

application.js

/*
 * Based on Paul Irish's "Markup-based unobtrusive comprehensive DOM-ready execution"
 * http://paulirish.com/2009/markup-based-unobtrusive-comprehensive-dom-ready-execution/
 */

SITE_NAMESPACE = {
	common: {
		init: function() {
			
		}
	}
};

UTIL = {
	exec: function( controller, action ) {
		var ns = SITE_NAMESPACE, action = ( action === undefined ) ? "init" : action;
		
		if ( controller !== "" && ns[controller] && typeof( ns[controller][action] ) == "function" ) {
			ns[controller][action]();
		}
	},
	
	init: function() {
		UTIL.exec( "common" );
		UTIL.exec( document.body.getAttribute( "data-controller" ), document.body.getAttribute( "data-action" ) );
	}
};

$().ready( UTIL.init );