title: Disable layout autoresize in layout.js
body: <p>I've got an application made using primefaces which in turn uses the <a href="http://layout.jquery-dev.com/index.cfm" rel="nofollow">jquery ui layout plugin</a> to change the size of four divs (north, south, west and center) when you resize the browser window. </p>
  
  <p>I'm not allowed to remove the script myself as it's part of the application so I need a way to disable this resize functionality after the page has loaded.</p>
  
  <p>If there's a way to unset the script after it's loaded that would work fine as I don't need it on this particular page.</p>
  
  <p>Here's what I've got so far without much luck</p>
  
  <pre><code>function InitializeLayout(sElement) {
      var options = {
          resizeWithWindow: false,
          resizable: false,   
          closable:  false,   
          initPanes:  false,   
          west__resizable: false,   
          west__closable:  false,
          defaults : {
              autoResize: false
          },
          west : {
              autoResize: false
          }
      };
      oLayout = $(sElement).layout(options);
  
      console.log(oLayout.state);
  }
  
  
  jQuery(document).ready(function() {
      InitializeLayout("#layout-body");
  });
  </code></pre>
  
  <p><a href="https://code.google.com/p/primefaces/source/browse/primefaces/trunk/src/main/resources/META-INF/resources/primefaces/layout/layout.js?r=7990" rel="nofollow">https://code.google.com/p/primefaces/source/browse/primefaces/trunk/src/main/resources/META-INF/resources/primefaces/layout/layout.js?r=7990</a></p>