Create slideshow in javascript
<p>I am trying to create a simple slideshow using javascript (without plugin or jquery).</p>

<p>I want to show part of <code>li</code> to the user</p>

<pre><code>&lt;ul&gt;
&lt;!-- first slideshow contents --&gt;
    &lt;li&gt;fun1-1 &lt;/li&gt;
    &lt;li&gt;fun1-2 &lt;/li&gt;
    &lt;li&gt;fun1-3 &lt;/li&gt;
    &lt;li&gt;fun1-4 &lt;/li&gt;
&lt;!-- second slideshow contents --&gt;
    &lt;li&gt;fun2-1&lt;/li&gt;
    &lt;li&gt;fun2-2 &lt;/li&gt;
    &lt;li&gt;fun2-3 &lt;/li&gt;
    &lt;li&gt;fun2-4 &lt;/li&gt;
&lt;!-- third slideshow contents --&gt;
    &lt;li&gt;fun3-1 &lt;/li&gt;
    &lt;li&gt;fun3-2 &lt;/li&gt;
    &lt;li&gt;fun3-3 &lt;/li&gt;
    &lt;li&gt;fun3-4 &lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>Javascript</p>

<pre><code>//I am not sure how to hide slideshow2 and 3 while only display slideshow1.
//I am thinking maybe I should create a container div for slideshow then work from there.

function swap(){
    // .....some codes...    
}

run = setInterval("swap(1)", 4000);
</code></pre>

<p>I am not sure where to start. I would appreciate if someone can share tips or good tutorial site for this. Thanks a lot!!!!</p>
