HTML + JS: fade in, fade out html block showing quotes

Permalink
Hi all, just wanted to share some code I found helpful, just create a new html bloc and whatever is in the <div> will fade in and out in turn, works pretty well...except I would like one improvement if anyone can help....after the last div is shown it will show an empty div before beginning again with the first div, how could this code be altered to start again with the first div??

You can see the working example here (site is not even close to being done...):http://www.philippschnetzer.com

Thanks!

<div id="container">
<div>
 <p><b>"The early days of GIS were very lonely. No-one knew what it meant."</b><br>[ Roger Tomlinson, Father of GIS ]</p>
</div>
<div>
 <p><b>“GIS is a form of digital mapping technology.  Kind of like Google Earth, but better.</b><br>[ Arnold Schwarzenegger, Conference on California's Future 2008 ]</p>
</div>
<div>
 <p><b>“I am told there are people who do not care for maps, and I find it hard to believe.”</b><br>[ Robert Louis Stevenson ]</p>
</div>
<div>
 <p><b>“Everything is related to everything else, but near things are more related than distant things.”</b><br>[ Tobler's First Law of Geography ]</p>
</div>
<div>
 <p><b>"It is not down in any map; true places never are."</b><br>[ Herman Melville ]</p>