jquery cycle

[_rulo]

Hola a todos,

Quiero estoy haciendo un slideshow con jquery y me gustaría hacer que cuando el usuario haga click en la imagen el slide se detenga, y que cuando vuelva a clickear continúe el slide.

Se que es con cycle (pause) y cycle (resume).

Pero como soy novato en javascript no se como hacer el código javascript para que haga lo que arriba explique.

Les dejo el código de lo que estoy haciendo

Código:

<div id="slide" style="display:none;">
<img src="imagenes/casas_peste/1.jpg" />
<img src="imagenes/casas_peste/2.jpg" />
<img src="imagenes/casas_peste/3.jpg" />
<img src="imagenes/casas_peste/4.jpg" />
<img src="imagenes/casas_peste/5.jpg" />
<img src="imagenes/casas_peste/6.jpg" />
<img src="imagenes/casas_peste/7.jpg" />
<img src="imagenes/casas_peste/8.jpg" />
<img src="imagenes/casas_peste/9.jpg" />
<img src="imagenes/casas_peste/10.jpg" />
<img src="imagenes/casas_peste/11.jpg" />
<img src="imagenes/casas_peste/12.jpg" />
<img src="imagenes/casas_peste/13.jpg" onload="slideshow();"/>
</div>

<script type="text/javascript" charset="utf-8">
 
       $("#contenedor").fadeIn("slow");
       
       function slideshow () {
	  	  $('#slide').fadeIn('slow');
          $('#slide').cycle({timeout:4000});};  

</script>

Gracias