I have some code which rotates some images:

<script type="text/javascript" charset="utf-8">

$(document).ready(function() {

$("[rel^='prettyPhoto']").prettyPhoto({ animationSpeed: 'slow', slideshow: 5000, timeout: 2000 });

api_images = ['image1.jpg','image2.jpg'];

api_titles = ['',''];

api_descriptions = ['','']

$.prettyPhoto.open(api_images,api_titles,api_descriptions);

}); 

</script>

This works fine but how could i add hyperlinks to each image so when clicked it takes them to a specific location?