Custom jQuery Gallery Settings
<p>Im using jQuery to create button that will show Photos with absolute position. However, i tried to configure the code with this.</p>

<pre><code>$('#thumbsets li').each(function (i) {
    i = i+1;
    $(this).addClass('ts'+i);
});

$('#web_overview details').each(function (i) {
    i = i+1;
    $(this).addClass('panels'+i).hide();
});
</code></pre>

<p>After that, i will create now the main button since i have all specified classes in each class.</p>

<pre><code>$('#web_overview details').each(function (i) {
    i = i+1;
    $(this).addClass('panels'+i).hide(); //Hide all main photos

    // Create button command
    $('.ts'+i).bind({
        click: function() {
            $('.panels'+i).show(); //If clicked photos will show up

            //Fallback for the other photos
        }
    });
});
</code></pre>

<p>Now my issue here is, how can i load back again the previous photo if i click .ts1 since .panels2 stuck over the .panels1 </p>

<p>Here's my sample output:</p>

<p>.ts1 -> .panels1 | .ts2 -> .panels2 | .ts1 -> .panels1 (if i click again the .ts1 to load it back on the framebox .panels2 will remain at the top of .panels1.)</p>

<p>Thanks in advance if someone can give me idea on how to fix this.</p>
