$(document).ready(function()
{
  // get the CSS container width values
  var min_width	= parseInt($('#container').css('min-width'));
  var max_width	= parseInt($('#container').css('max-width'));

  // resize the container on page load
  resizeContainer();

  $(window).resize(function()
  {
    if (min_width!='undefined' && max_width!='undefined')
    {
      resizeContainer();
    }
  });

  function resizeContainer()
  {
    var old_width 	= document.body.offsetWidth;
    var new_width	= old_width;

    if (old_width > max_width)
    {
      new_width = max_width;
    }
    else if (old_width < min_width)
    {
      new_width = min_width;
    }
    else
    {
      new_width = '99%';
    }

    $('#container').css({width: new_width});
  }
});

