title: Show Random DIV on every page load (For fancybox modal)
body: <p>I am showing a fancybox modal window when a visitor leaves the site. It is working correctly. But as a split test, I want to show visitors random content from 2 different divs on subsequent visits.</p>
  
  <p><strong>Meaning:</strong></p>
  
  <p>1) When visitor 1 comes and tries to leave site, he might see fancybox with content 1 or 2</p>
  
  <p>2) When visitor 2 comes and tries to leave site, he might again see fancybox with content 1 or 2</p>
  
  <p>And so on...</p>
  
  <p>The actual code for the fancybox modal is:</p>
  
  <pre><code>&lt;div id="inline" class="various2" style="display:none;"&gt;
        &lt;div style="padding:20px;"&gt;
               This is the content of that shows inside the fancybox modal.
         &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Now for the inner div, i want to put another div with some different content, and one of them should randomly show on every page load, while the other is display:none...</p>
  
  <p>I have tried this: <a href="https://stackoverflow.com/questions/5225606/how-to-show-one-div-of-many-per-page-refresh">How to show one div of many, per page refresh?</a>
  But it doesn't work and shows both divs visible...</p>
  
  <p>Can anyone help?</p>
  
  <p><strong>EDIT: The original question is answered. Now, how can I show alternate div on every page load. Not random. Something like visitors 1,2,3,4 see divs 1,2,3,4 respectively.</strong></p>
  
  <p><strong>I know this would require some server side code, can anyone help with some basic php code?</strong></p>