Thumbnail em slider

Olá, estou com uma dúvida em relação a um slider feito em jquery. Desejo que as thumbnails sejam como os pagers, Thumbnail 1 no Banner 1, Thumbnail 2 no Banner 2, e assim sucessivamente..

Meu código:

JS:

<script type="text/javascript">
$(function(){
 $('#banner ul').cycle({
 fx: 'fade',
 speed: 2000,
 timeout: 5000,
 prev: '#prev',
 next: '#next',
 })
 })
</script>

A div banner:

<div id="banner">

	<ul>

 <li>
 <img src="images/banner1.png" />
 </li>

 <li>
 <img src="images/banner1.png" />
 </li>

 <li>
 <img src="images/banner1.png" />
 </li>

 <li>
 <img src="images/banner1.png" />
 </li>

 <li>
 <img src="images/banner1.png" />
 </li>

	</ul>

</div><!--banner-->

A div das thumbnails:

<div id="games">

 <ul>

 <li><a href=""><img src="images/pw_slider.png" /></a></li>
 <li><a href=""><img src="images/ether_slider.png" /></a></li>
 <li><a href=""><img src="images/for_slider.png" /></a></li>
 <li><a href=""><img src="images/none_slider.png" /></a></li>
 <li><a href=""><img src="images/none_slider.png" /></a></li>

 </ul>

</div><!--games-->

Explicando melhor, eu quero que quando eu clicar na primeira thumbnail, vá para a primeira imagem do banner..

Obrigado.