royalslider alternative button states
===

I'm using Royalslider which has controls for alternative buttons, you can refer to the btn by ID and it controls what number slide you are on, works great.  The problem is when I use the prev/next arrows or the keyboard control, the slider changes but I don't know how to prompt the states to change.  I don't know if I can prompt this through a event listener, but I don't know how find the event's name.  

There's documentation on set up here http://dev.clickymedia.co.uk/web/documentation.html  but I THINK it could be done some how using mySliderInstance.currentSlideId ?

The script I have defining the buttons is:

    <script>            
	jQuery(document).ready(function($) {
		var sliderInstance = $('#mySlider').royalSlider({
                        captionShowEffects:["moveleft", "fade"],
                        directionNavAutoHide: true,
                        autoScaleSlider: false,
                        imageScaleMode:"fit",                  // Scale mode of all images. Can be "fill", "fit"     
    or "none"
                        imageAlignCenter:true,
                        keyboardNavEnabled:true	
	    }).data('royalSlider');   				
		$("#light_goto").click(function() {
			sliderInstance.goTo(1);
		});
		$("#space_goto").click(function() {
			sliderInstance.goTo(0);
		});
	});
    </script>

you can see it in action here http://www.klossal.com/portfolio/index_new3.html , it's the first two buttons that use it, of the planet and the dancer, but the code used is all referenced above.  Been struggling a little with this for a while, any help would be great, thanks in advance.