Multiple JQuery actions based on timer
<p>I have a testimonial box that has the testimonial within it, and then I have icons indicating whom provided the testimonial underneath. Connected to the box and right above the icon is a little arrow that can be generated via CSS or an image.</p>

<p>Every 5 seconds, it should change the testimonial content via a fade-in/fade-out, the little image should slide to the right, and the icon should fade to a colored version of the icon. At the end of the loop (when it reaches the 5th one), the arrow should slide all the way to the left and the loop should begin again.</p>

<p>I'm not too familiar with how I can do this with a loop efficiently, or how to time it. I know the basics of how I can fade it in and whatnot, but I'm lost on the rest. </p>

<p><img src="http://i.stack.imgur.com/6lUQD.jpg" alt="enter image description here">
Thank you very much!</p>
