jQuery Mobile - dynamically size the content area

JQMDimensions.js

// determine the size of the jQuery Mobile content area for dynamic sizing
RocknCoder.Dimensions = (function () {
  var width, height, headerHeight, footerHeight, contentHeight,
    getContentDimensions = function () {
      return {
        width: width,
        height: contentHeight
      };
    },
    init = function () {
      width = $(window).width();
      height = $(window).height();
      headerHeight = $("header", $.mobile.activePage).height();
      footerHeight = $("footer", $.mobile.activePage).height();
      contentHeight = height - headerHeight - footerHeight;
    };
  return {
    init: init,
    getContent: getContentDimensions
  };
}());