I'm using this script to present a rotating testimonials page with fade-in and out effects.  This could be very messy code, I'm not very sure what I'm doing but I've managed to get this working so far.  I'd like it to delay before rotating to the next one but I'm struggling without breaking the rest of my code. Thanks for the help!  You can see it in action here  http://dvgmusic.com/

2. (document).ready(function(){
3. $('#testimonials .slide');
4. setInterval(function(){
5. $('#testimonials .slide').filter(':visible').fadeOut(3000,function(){
6. if($(this).html() != $("#testimonials .slide:last").html()){
7. var nextItem = $(this).next(); 
8. $("#testimonials").animate({height: nextItem.outerHeight() + "px"}, 100, function()
9. {
10. nextItem.fadeIn(2000);
11. });
12. }
13. else{
14. $("#testimonials").animate({height: $('#testimonials .slide:first').outerHeight() + "px"}, 100, function()
15. {
16. $('#testimonials .slide:first').fadeIn(2000);
17. });
18. }
19. });
20. },5000);
21. });