Slide show banner .js +index+
<p>I am a bit of a noob when it comes to JAVA script, I can read it just about.</p>

<p>I have a script for a slideshow gallery with the code below. And it has nav buttons with numbers. This is all fine how ever they start at number 0 - 5 when I need them to start at 1 -6 . 
I have found the code which sets this and it uses an '+index+' option which I guess just counts up from 0. How do I set this to start at 1 not 0? I tried +index+1, &amp; (+1) and a few other in line but it stops it working.
Code below...</p>

<pre><code>if(pager.length) {
    pager.eq(current).addClass('active');
} else if(o.pager){
    obj.append('&lt;ul class="bbpager"&gt;&lt;/ul&gt;');
    slides.each(function(index) {
    $('.bbpager', obj).append('&lt;li class="pagerButton"&gt;&lt;a href="#"&gt;
                         &lt;span&gt;'+index+'&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;')
    });
    pager = $('.bbpager li', obj);
    pager.eq(current).addClass('active');
}
</code></pre>

<p>And I tried to add just var index = 1; also below</p>

<pre><code>if ( index === null){
     index = 1 localStorage.setItem("index",index); 
}
</code></pre>

<p>Never worked. any idea how i can +1 to the outputted labels?</p>
