(function($) {

  var width = 320,
      height = 240;

  function layout() {
    sheet        = document.getElementById('sheet');
    sheet.width  = width  = window.innerWidth;
    sheet.height = height = window.innerHeight;

    var mainWidth    = $('#main').width(),
        mainHeight   = $('#main').height(),
        footerHeight = $('#footer').height(),
        windowWidth  = window.innerWidth,
        spaceHeight  = window.innerHeight - (footerHeight + mainHeight),
        mainY        = $('#container').height() * 0.5 - $('#main').height() * 0.5;

    $('#container').width(window.innerWidth);
    $('#container').height(window.innerHeight);
    $('#main').css('margin-top', mainY);
  }

  // point of no return

  $(document).ready(function(){
    layout();
    $('#main').addClass('ready');
  });
  
  $(window).resize(function(a,b,c,d,e) {
    layout();
  });

})(jQuery);