I&#39;m trying to get the animation you see here <a href="http://capricaribbean.org/newspage">http://capricaribbean.org/newspage</a> on the banner<br>to go on indefinately. Im no jquery expert so here is the code I came up with from googling and hacking around.<br>

Unfortunately it goes for only 1 cycle then says <br>&quot;Error: doMessages is not defined&quot;<br><br>can I get some help on doing this right please<br><br>&lt;script&gt;<br>$(document).ready(function () {<br>function doMessages() { $(&quot;#msg1&quot;).fadeIn(3000, function () {$(&quot;#msg1&quot;).fadeOut(3000, function () { $(&quot;#msg2&quot;).fadeIn(3000, function () {$(&quot;#msg2&quot;).fadeOut(3000, function () {$(&quot;#msg3&quot;).fadeIn(3000, function () {$(&quot;#msg3&quot;).fadeOut(3000, function () {$(&quot;#msg4&quot;).fadeIn(3000, function () {$(&quot;#msg4&quot;).fadeOut(3000);});})})})})})});<br>

setTimeout( &#39; doMessages();&#39;, 500 );}doMessages();<br>    });<br>&lt;/script&gt;<br><br>&lt;style&gt;<br><br>.msg{ <br>color:#E9E3D6;<br>font-size:20px;<br>font-weight:bold;<br>left:690px;<br>position:absolute;<br>

text-align:center;<br>top:30px;<br>width:300px;<br>display:none<br>}<br><br>&lt;/style&gt;<br><br>&lt;img src=&quot;/sites/default/themes/theme078/images/banner_news.jpg&quot; border=&quot;0&quot; class=&quot;logo&quot; /&gt;&lt;/a&gt;<br>

&lt;div id=&quot;msg1&quot; class=&quot;msg&quot;&gt;Telling The Story >From Another Angle&lt;/div&gt;<br>&lt;div id=&quot;msg2&quot; class=&quot;msg&quot;&gt;Get Turned On To The Economy&lt;/div&gt;<br>&lt;div id=&quot;msg3&quot; class=&quot;msg&quot;&gt;Fresh Voices, Fresh Perspectives&lt;/div&gt;<br>

&lt;div id=&quot;msg4&quot; class=&quot;msg&quot;&gt;When You Need To Know What The Heck Is Going On&lt;/div&gt;<br><br>