Test Case Boilerplate

Fork this way...

HTML

<div id="customer_feedback">
    Customer Feedback
    <div id='feedback_1' class='feedback feedback_active'><h2 class='quote'>Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.</h1></div>
    <div id='feedback_2' class='feedback ui-helper-hidden'><h2 class='quote'>Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna.</h1></div>
    <div id='feedback_3' class='feedback ui-helper-hidden'><h2 class='quote'>Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.</h1></div>
    <div id='feedback_4' class='feedback ui-helper-hidden'><h2 class='quote'>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</h1></div>
</div>

CSS

.ui-helper-hidden{
    display:none;
}

JavaScript

var max_feedback = 4;

setTimeout("rotateFeedback(1)", 7000);

function rotateFeedback(feedback_id) {
    if (feedback_id == max_feedback) feedback_id = 1;
    else feedback_id = feedback_id + 1;

    $(".feedback_active").fadeOut('slow', function() {
        $("#feedback_" + feedback_id).addClass('feedback_active').fadeIn('slow', function() {
            setTimeout("rotateFeedback(" + feedback_id + ")", 7000);
        });
    }).removeClass('feedback_active');
}