mapp pagination with image in image slider using jQuery
<p>I have slider images &amp; below those I have pagination. Please check url :-</p>

<pre><code>http://210.7.76.139:965/dominie/index.php/index

&lt;div id="gallery"&gt;
&lt;div class="gallary_image"&gt;
    &lt;a id="tab1" class="" href="#" style="opacity: 0.763923;"&gt;
        &lt;img width="777" height="441" rel="Diana" alt="Diana" title="Diana" src="http://210.7.76.139:965/dominie/media/Diana.png" class="banner-image-class"&gt;
    &lt;/a&gt;
    &lt;a id="tab2" class="show" href="#" style="opacity: 0.236077;"&gt;
        &lt;img width="777" height="441" rel="Evel" alt="Evely" title="Evely" src="http://210.7.76.139:965/dominie/media/evely.png" class="banner-image-class"&gt;
    &lt;/a&gt;
 &lt;/div&gt;
&lt;/div&gt;
    &lt;div class="indentmenu" id="pettabs"&gt;
      &lt;ul&gt;
        &lt;li&gt;&lt;a class="pagination tab1" rel="tab1"&gt;1&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a class="pagination tab2 selected" rel="tab2"&gt;2&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
   &lt;/div&gt;
</code></pre>

<p>Now I want that when I will click on 1 pagination then image 1 will show &amp; when click on 2 second image will show.</p>

<p>Class <code>show</code> is changing on the basis of image appears &amp; in same way class <code>selected</code> changes based on pagination active.</p>

<p>Please help me </p>
