$(function() {
  // WebKit has problems rendering min-height 100% with floating divs
  // so we need to force a browser redraw to tell WebKit to resize the
  // middle to 100%
  var redrawing = false;
  $(window).resize(function() {
    var agent = navigator.userAgent.toLowerCase();
    if( agent.indexOf('iphone') != -1 || agent.indexOf('ipad') != -1 ) {
      // iPhone doesn't need this
      return;
    }
    if( ! redrawing ) {
      redrawing = true;
      paddingLeft = $('#middle').css('padding-left');
      var parsedPaddingLeft = parseInt(paddingLeft, 10);
			$('#middle').css('padding-left', ++parsedPaddingLeft);
			
			// give it some time to redraw
			window.setTimeout(function() {
				// change it back
				$('#middle').css('padding-left', paddingLeft);
        redrawing = false;
			}, 1);
    }
  });
});