title: Home page with jquery scale animation not loading up at the first time
body: <p>I have this problem:
  On my home page of a developing Wordpress site: <a href="http://baksagaspar.com/MH-work/" rel="nofollow">http://baksagaspar.com/MH-work/</a>  I have an animation with this jQuery + jQueryUI(scale) script:</p>
  
  <pre><code>jQuery(function($) {  
  
  // home image set dimensions related to screen size
  var Swidth = screen.width;
  var imgw = $('#main-back-imghome').width();
  var imgh = $('#main-back-imghome').height();
  var imgpercent = (imgw / Swidth);
  var imgWN = imgw * imgpercent;
  var imgHN = imgh * imgpercent;
  
  // now show  
  $('#main-back-imghome').css( {width: imgWN, height: imgHN} ).center().hide().delay(1000).show("scale", {}, 3500);
  
    });  
  </code></pre>
  
  <p>The problem I have is that when I first visit the page, the animation is not triggering, but on refresh, and after that everything is fine. it is really distracting for the first time visitors to get a complete blank page on first-enter :-( </p>
  
  <p>My idea was to somehow test if the animation has triggered, and if not - to start it, but maybe that's not the right way...</p>
  
  <p>Any suggestions how to solve this?</p>