function slideShow() {
//Set the opacity of all images to 0
jQuery('#zdBanner a').css({opacity: 0.0});

//Get the first image and display it (set it to full opacity)
jQuery('#zdBanner a:first').css({opacity: 1.0});

//Call the zdBanner function to run the slideshow, 6000 = change to next image after 6 seconds
setInterval('zdBanner()',6000);

}

function zdBanner() {

//if no IMGs have the show class, grab the first image
var current = (jQuery('#zdBanner a.show')?  jQuery('#zdBanner a.show') : jQuery('#zdBanner a:first'));

//Get next image, if it reached the end of the slideshow, rotate it back to the first image
var next = ((current.next().length) ? ((current.next().hasClass('caption'))? jQuery('#zdBanner a:first') :current.next()) : jQuery('#zdBanner a:first'));



//Set the fade in effect for the next image, show class has higher z-index
next.css({opacity: 0.0})
.addClass('show')
.animate({opacity: 1.0}, 1000);

//Hide the current image
current.animate({opacity: 0.0}, 1000)
.removeClass('show');

}