old_contents: /*global MfiaClient, $*/
  
  window = this;
  
  window.MfiaClient = {
    Models: {},
    Collections: {},
    Views: {},
    Routers: {},
    Regions: {},
    init: function () {
  
      //API Endpoint
      MfiaClient.API = "https://metrofutureapi.mapc.org/"
  
      //intitialize Marionette app
      this.app = new Marionette.Application();
  
      //add regions for full layout
      this.app.addRegions({
        navRegion: '#header',
        mainRegion: '#main',
        footerRegion: '#footer',
        aboutRegion: '#about',
        mapRegion: '#map'
      });
  
      //this logic needs to be moved somewhere else 
      //pull in menu data & demux
      var that = this;
      var options = [];
      var municipalities = new MfiaClient.Collections.Municipalities();
  
  
      //fetch data for dropdown, render HEADER
      municipalities.fetch({
        'success': function (municipalities_response) {
  
          _.map(municipalities.toJSON(), function (option) {
            options.push(option);
          });
  
          var subregions = new MfiaClient.Collections.Subregions();
          subregions.fetch({
            'success': function (subregions_response) {
  
              Backbone.history.start();
              //the map depends on this data so it's initialized in the fetch callbacks of both muni and subr
              that.app.getRegion('mapRegion').show(new that.Views.Map({ municipalities: municipalities_response, subregions: subregions_response }));
  
              _.map(subregions.toJSON(), function (option) {
                options.push(option);
              });
  
              that.app.getRegion('navRegion').show(new that.Views.Header({ model: options, }));
            }
          });
        }
      });
  
      // render footer 
      that.app.getRegion('footerRegion').show(new that.Views.Footer());
  
      MfiaClient.Routers.Project = new this.Routers.Project();
      this.app.execute("setRouter", MfiaClient.Routers.Project);
      MfiaClient.Routers.Project.on("route", function () {
        $('html, body').animate({ scrollTop: 0 }, 'slow');
        that.app.trigger("routed");
      });
  
      // render about
      that.app.getRegion('aboutRegion').show(new that.Views.About());
  
      MfiaClient.app.on("loading", function () {
        $(".loading").show();
      });
      MfiaClient.app.on("loaded", function () {
        $(".loading").hide();
      });
    }
  };
  
  $(document).ready(function () {
    MfiaClient.init();
  });
  
  
  
new_contents: /*global MfiaClient, $*/
  $(document).ready(function () {
    MfiaClient.init();
  });
  
  
  window = this;
  
  window.MfiaClient = {
    Models: {},
    Collections: {},
    Views: {},
    Routers: {},
    Regions: {},
    init: function () {
  
      //API Endpoint
      MfiaClient.API = "https://metrofutureapi.mapc.org/"
  
      //intitialize Marionette app
      this.app = new Marionette.Application();
  
      //add regions for full layout
      this.app.addRegions({
        navRegion: '#header',
        mainRegion: '#main',
        footerRegion: '#footer',
        aboutRegion: '#about',
        mapRegion: '#map'
      });
  
      //this logic needs to be moved somewhere else 
      //pull in menu data & demux
      var that = this;
      var options = [];
      var municipalities = new MfiaClient.Collections.Municipalities();
  
  
      //fetch data for dropdown, render HEADER
      municipalities.fetch({
        'success': function (municipalities_response) {
  
          _.map(municipalities.toJSON(), function (option) {
            options.push(option);
          });
  
          var subregions = new MfiaClient.Collections.Subregions();
          subregions.fetch({
            'success': function (subregions_response) {
  
              Backbone.history.start();
              //the map depends on this data so it's initialized in the fetch callbacks of both muni and subr
              that.app.getRegion('mapRegion').show(new that.Views.Map({ municipalities: municipalities_response, subregions: subregions_response }));
  
              _.map(subregions.toJSON(), function (option) {
                options.push(option);
              });
  
              that.app.getRegion('navRegion').show(new that.Views.Header({ model: options, }));
            }
          });
        }
      });
  
      // render footer 
      that.app.getRegion('footerRegion').show(new that.Views.Footer());
  
      MfiaClient.Routers.Project = new this.Routers.Project();
      this.app.execute("setRouter", MfiaClient.Routers.Project);
      MfiaClient.Routers.Project.on("route", function () {
        $('html, body').animate({ scrollTop: 0 }, 'slow');
        that.app.trigger("routed");
      });
  
      // render about
      that.app.getRegion('aboutRegion').show(new that.Views.About());
  
      MfiaClient.app.on("loading", function () {
        $(".loading").show();
      });
      MfiaClient.app.on("loaded", function () {
        $(".loading").hide();
      });
    }
  };
  
  // $(document).ready(function () {
  //   MfiaClient.init();
  // });
  
  
  
subject: Move jquery to top of file