attach bullets to slider images
<p>I have set up a jsfiddle</p>

<p><a href="http://jsfiddle.net/K8aex/" rel="nofollow">http://jsfiddle.net/K8aex/</a></p>

<p>I need the bullets to move the slides also
I am trying to attach the click of the bullet to the index of the relevant slide 
How would I do this? find the index of the bullet the find the index of the img with same index? make that one the current slide?</p>

<p>Any help would be greatly appreciated</p>

<pre><code>   $('.bullets a').click(function(e) {
        e.preventDefault();
        var bulletIndex = (this).index()
        console.log(bulletIndex)
        wrapper.find('li:nth-child(bulletIndex) img').addClass('current');

    });
</code></pre>

<p>Thanks</p>
