title: balloon iphone issue
body: <p>So I have a script which opens a balloon for first time visitors. When you visit the website from an Ipad the balloon shows once and stops while on the IPhone it keeps showing whenever you access the link. </p>
  
  <p>I was having a look at the code and the balloon thing is controlled by this: localStorage.setItem</p>
  
  <p>Any ideas? thanks.</p>
  
  <p>The important part of the code below:</p>
  
  <pre><code>  if ( !lastVisit ) lastVisit = now;
  
      // If it is expired we need to reissue a new balloon
      isExpired = isReturningVisitor &amp;&amp; lastVisit &lt;= now;
  
      if ( options.hookOnLoad ) w.addEventListener('load', loaded, false);
      else if ( !options.hookOnLoad &amp;&amp; options.autostart ) loaded();
  }
  
  function loaded () {
      w.removeEventListener('load', loaded, false);
  
      if ( !isReturningVisitor ) w.localStorage.setItem('addToHome', Date.now());
      else if ( options.expire &amp;&amp; isExpired ) w.localStorage.setItem('addToHome', Date.now() + options.expire * 60000);
  
      if ( !overrideChecks &amp;&amp; ( !isSafari || !isExpired || isSessionActive || isStandalone || !isReturningVisitor ) ) return;
  
      var icons = options.touchIcon ? document.querySelectorAll('head link[rel=apple-touch-icon],head link[rel=apple-touch-icon-precomposed]') : [],
          sizes,
          touchIcon = '',
          closeButton,
          platform = nav.platform.split(' ')[0],
          language = nav.language.replace('-', '_'),
          i, l;
  
      balloon = document.createElement('div');
      balloon.id = 'addToHomeScreen';
      balloon.style.cssText += 'left:-9999px;-webkit-transition-property:-webkit-transform,opacity;-webkit-transition-duration:0;-webkit-transform:translate3d(0,0,0);position:' + (OSVersion &lt; 5 ? 'absolute' : 'fixed');
  </code></pre>