JS height adjustment should work
<p>I'm using some JS code to automatically adjust the height of the buttons when the slideshow is smaller due to screen size. It works when used in the Chrome console, but fails when inserted into the site. </p>

<p>Site: <a href="http://www.incensu.co.uk/" rel="nofollow">http://www.incensu.co.uk/</a></p>

<p>You can see where I'm placing the code as it's commented out at the bottom of /js/main.js and here it is for reference:</p>

<pre><code>var homeTopMain = $('#homeTopMain');
if (homeTopMain) {
  var btnHeight = (homeTopMain.height()+20)/3-20; // 20px at bottom, 3 buttons, 20px between.
  $('.btnFlapsBodyWrapper').height(btnHeight);
  $('.btnFlapsRed').height(btnHeight);
  $('.btnFlapsGrey').height(btnHeight);
}
</code></pre>

<p>I'm thinking that perhaps it's the the timing of the code or a scoping issue, but I'm just not seeing it for some reason. Perhaps someone with a clear mind could spot the problem?</p>
