How to show one div of many, per page refresh?
<p>The Javascript below will show the blockquote in the markup one every 6000 ms. I want to change this behaviour to only show one every page load.  I am ok with loading all of them in the markup, I just want to only a random one in every page load. </p>

<pre><code>&lt;script type="text/javascript"&gt;
jQuery(document).ready( function(){
    jQuery('.quotes').innerfade({
        animationtype: 'fade',
        speed: 'normal',
        timeout: 6000,
        type: 'random_start',
    });

});
&lt;/script&gt;
</code></pre>

<p>As a bonus, If JS is disabled in the browser I will like to only show one.</p>

<pre><code>&lt;div class="quotes innerfade" style="position: relative; height: 277px;"&gt;
    &lt;div class="quote" style="z-index: 8; position: absolute; display: none;"&gt;
        &lt;blockquote&gt;&lt;p&gt;“Throut costs by more than 50%.”&lt;/p&gt;&lt;/blockquote&gt;
                        &lt;cite&gt;Da John @ Con Pi LLC&lt;/cite&gt;
                    &lt;/div&gt;

                    &lt;div class="quote" style="z-index: 7; position: absolute; display: none;"&gt;
                        &lt;blockquote&gt;&lt;p&gt;“Georgio pany.”&lt;/p&gt;
&lt;/blockquote&gt;
                        &lt;cite&gt;Kn Maez, Mnet&lt;/cite&gt;
                    &lt;/div&gt;

                    &lt;div class="quote" style="z-index: 6; position: absolute; display: block;"&gt;
                        &lt;blockquote&gt;&lt;p&gt;“…He hae is available.”&lt;/p&gt;
&lt;/blockquote&gt;
                        &lt;cite&gt;Dan net&lt;/cite&gt;
                    &lt;/div&gt;

                    &lt;div class="quote" style="z-index: 5; position: absolute; display: none;"&gt;
                        &lt;blockquote&gt;&lt;p&gt;“Georommend without a doubt.”&lt;/p&gt;
&lt;/blockquote&gt;
                        &lt;cite&gt;Jorge Suár Puerto Rico&lt;/cite&gt;
                    &lt;/div&gt;

                    &lt;div class="quote" style="z-index: 4; position: absolute; display: none;"&gt;
                        &lt;blockquote&gt;&lt;p&gt;“Siain tomorrow…”&lt;/p&gt;
&lt;/blockquote&gt;
                        &lt;cite&gt;Cha, Inc.&lt;/cite&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
</code></pre>

<hr>

<p>If you want to see the website where the code is you can go to <a href="http://www.kiragiannis.com" rel="nofollow">http://www.kiragiannis.com</a> look at the bottom right section of the page something called "testimonials"</p>
