index is changing every time i'm clicking a button
<p><a href="http://gidzior.net/svg/pom01.html" rel="nofollow">http://gidzior.net/svg/pom01.html</a> panel on the right is the '#right-panel li' and the red button is the 'div.save'</p>

<p>buttons from '#right-panel li' should open a window and button 'div.save' should close it and then '#right-panel li' should open it again</p>

<p>when i'm clicking button with number from 1 to 9, script put 0 befor number 1-9 and the index is 01,02,03 ..., when i'm clicking it again the index is 001, 002, 003,... and so on, how do I set the index remained the same all the time ?? 01, 02, 03, 04, 05, 06, 07, 08, 09</p>

<pre><code>//OPEN A WINDOW 
    $('#right-panel li').each(function(e){
        var i = $(this).index()+1;
        $(this).click(function(){
            if(i&lt;=9){
                i = "0"+i;
            }
            $('#pom01par'+i+'WraperAbsolute').fadeIn("fast");
            $('#pom02par'+i+'WraperAbsolute').fadeIn("fast");
            $('#pom03par'+i+'WraperAbsolute').fadeIn("fast");
            $('#pom04par'+i+'WraperAbsolute').fadeIn("fast");
            $('#pom05par'+i+'WraperAbsolute').fadeIn("fast");
            $(this).css('background','#adff84');
            $('.par'+i+'table').css('background','#adff84');
            return false;
        });
    });


    // CLOSE A WINDOW
    $('div.save').click(function(){
        $(this).parent().fadeOut("fast");
    });
</code></pre>
