include progress bar (dots) on slider on home page of willapa-oysters.com

the slider with products is already up and running on site...i just need to have a "progress bar" so visitors can jump from one slide to another. site is a merchant solutions site at Yahoo. Here's the slider as it's running now: <div id="slides" style="width: 540px; height: 405px; float: left; margin: 20px 20px 20px 0px;"> <a href="[login to view URL]"><img src="[login to view URL]"title="Willapa Oyster Stew"></a> <a href="[login to view URL]"><img src="[login to view URL]"title="Willapa Smoked Oysters"></a> <a href="[login to view URL]"><img src="[login to view URL]"title="Oyster Pot Pie"></a> <a href="[login to view URL]"><img src="[login to view URL]" title="Dungeness Crab Mac and Cheese"></a> <a href="[login to view URL]"><img src="[login to view URL]" title="Willapa Pacific Oysters - Small"></a> <a href="[login to view URL]"><img src="[login to view URL]" title="Dungeness Crab"></a> <a href="[login to view URL]"><img src="[login to view URL]"title="Manila and Razor Clam Chowder"></a> <a href="[login to view URL]"><img src="[login to view URL]"title="Yearling 'Precious' Pacific Oysters"></a> </div> <script> $(function(){ $("#slides").slidesjs({ width: 540, height: 405, play: { effect: 'fade', active: false, auto: true, interval: 6000, swap: true, pauseOnHover: false, restartDelay: 500 }, effect: { fade: { speed: 1000, crossfade: true } } }); }); </script>