Well since you're using the jQuery cycle plugin, you can use those links as pagers per the Intermediate demo here.
Something like this using your menu:
$('.samples').cycle({
pager: '.menu_table'
});
Made a slight edit in regards to the element reference on the cycle plugin (I had copied from the cycle plugin website but now it's specific to your cycle element which is called .samples)
Here is an example:
$('#goto2').click(function() {
$('#s1').cycle(1);
return false;
});
So for the first link on your page, it would be:
$('#s1 a:first').click(function() {
$('.samples').cycle(0);
return false;
});
To answer your questions, here is the full context:
<html>
<head>
<script type="text/javascript">
$(document).ready(function() {
$('.samples').cycle({
fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
});
});
function setSlide(index) {
$('.samples').cycle(index);
}
</script>
</head>
...
...
<a href="javascript:setSlide(0)">Blended Collage #1</a><br />
<a href="javascript:setSlide(1)">Bordered Collage</a>
...
...
this works for me on my HTC EVO Android phone, but when I scroll down the page, then back up to the top where my silder is, all the indexes are screwed up.