title: Simple Gallery Layout for Videos [jQuery]
body: <pre><code>&lt;ul id="thumb"&gt;
      &lt;li class="active"&gt;&lt;a href="#"&gt;&lt;img src="img/thumb1.png" alt="" /&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;&lt;img src="img/thumb2.png" alt="" /&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;&lt;img src="img/thumb3.png" alt="" /&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;&lt;img src="img/thumb4.png" alt="" /&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  
  &lt;div id="video-display"&gt;
      &lt;div class="video video-1 active"&gt; Flash Video Object Here &lt;/div&gt;
      &lt;div class="video video-2"&gt; Flash Video Object Here &lt;/div&gt;
      &lt;div class="video video-3"&gt; Flash Video Object Here &lt;/div&gt;
      &lt;div class="video video-4"&gt; Flash Video Object Here &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>First thumbnail and first video are active by default, clicking on second shows the second video and hides all other... How do I code this simple gallery in jQuery.</p>
  
  <p>I'd really appreciate any help. </p>
  
  <p>Thanks!</p>