Small-scale web applications often need a good bootstrap for JavaScript. Here's a light-weight bootstrapping script for AOP/Event-driven apps

JSBootstrap.js

/**
 *  
 *  Site-Wide JavaScript - application-specific
 *
 *  @author James Meldrum
 *
 *  The functionality for each page type is stored
 *  in a hash of functions to be called by the router.
 *
 *  Frequent use of AOP
 *  http://en.wikipedia.org/wiki/Aspect-oriented_programming
 *  and Event-Based Programming
 *  http://en.wikipedia.org/wiki/Event-driven_programming
 *
 */

(function(){

  "use strict";

  /*
   *
   * Execute each aspect with a router based on page type
   *
   */
  var siteAspect = {
    
    'common' : function(){    
    },

    'home' : function(){
  
    },

    'photos' : function(){}

  };

  /*
   *
   *  Two application entry points.
   *
   *  DOMReady fires all subscribed members when the DOM is available for
   *  manipulation
   *
   *  OnLoad fires once all elements ( including images and iframes ) have been
   *  loaded
   *
   */

  // DOMReady

  $( document ).ready( function(){
  
  });

  // OnLoad
  $( window ).load( function(){
  
  });

}());