jQuery animations to take place after one another
<p>I have the following slideshow im trying to build from scratch.</p>

<p><a href="http://jsfiddle.net/FeqkB/" rel="nofollow">http://jsfiddle.net/FeqkB/</a></p>

<p>Basically I want each parent container to fade out and the next to fade in after 5 seconds. When the parent fades in, I then want the 'img' to animate 1 second into the parent element becoming visible. </p>

<p>I cant seem to find anything on google regarding how to do this, but would the 'queue' function in jQuery come into play here? </p>

<p>Thanks for any advice...</p>
