<script type="text/javascript" language="javascript">

var $slideshow = $('#hpslideshow');
var $caption = $('#caption');
$slideshow.crossSlide({
 fade: 0.5,
sleep: 3
 }, [


{ src: '/beforeafter/slideshow-01.jpg', alt:'slideshow-01.jpg'}, 
{ src: '/beforeafter/slideshow-02.jpg', alt:'slideshow-02.jpg'}, 
{ src: '/beforeafter/slideshow-03.jpg', alt:'slideshow-03.jpg'}, 
{ src: '/beforeafter/slideshow-04.jpg', alt:'slideshow-04.jpg'}, 
{ src: '/beforeafter/slideshow-05.jpg', alt:'slideshow-05.jpg'}, 
{ src: '/beforeafter/slideshow-06.jpg', alt:'slideshow-06.jpg'} 
 ]
 ,function(idx, img, idxOut, imgOut){
 $('#caption').text(new Date().getSeconds() + "." + new Date().getMilliseconds() +' ' + img.alt);
/* $('#caption').animate({ opacity: .7 }, 0).delay(1000).animate({ opacity: 0 }, 0);*/
 }
 
)
;
</script>