var i = 0;
function boucle_images()
{
	var intervalle=3000 <!-- temps en millisecondes entre deux affichages 1000 <==> 1 secondes -->
	var img = new Array();
	img[0]='<a href="technical_writing.htm"><img src="../images/sbateau1.jpg" border=0 width=88 height=44 alt="Technical Writing"></a>';
	img[1]='<a href="publications_management.htm"><img src="../images/sbateau3.jpg" border=0 width=88 height=44 alt="Publications Management"></a>';
	img[2]='<a href="translation.htm"><img src="../images/sheli1.jpg" border=0 width=88 height=44 alt="Translation"></a>';
	img[3]='<a href="electronic_publishing.htm"><img src="../images/sheli3.jpg" border=0 width=88 height=44 alt="Electronic Publishing"></a>';
	img[4]='<a href="technical_illustrating.htm"><img src="../images/schar2.jpg" border=0 width=88 height=44 alt="Technical Illustrating"></a>';
	img[5]='<a href="sgml_ietm.htm"><img src="../images/strain_att.jpg" border=0 width=88 height=44 alt="SGML and IETM"></a>';
	var nombre_total_images = 6; <!-- nombre total d'images  -->
 
	ReturnDiv("boucle").innerHTML=img[i];
	i++;
	i%=nombre_total_images;
	setTimeout("boucle_images()",intervalle);
}

	<!-- dans la balise body: onLoad="boucle_images();"   ! -->

	<!-- à l'endroit de l'animation :  <div id="boucle"></div>   ! -->

   function ReturnDiv(ID) {
/*
      if (navigator.userAgent.indexOF("Netcape6") != -1 ) {
	 return(document.getElementById(ID)) ;
      } else 
*/

      if ( navigator.appVersion.indexOf("MSIE") != -1 ) {
        return( document.getElementById(ID) ) ;
      } else {
        return( eval("document."+ID) );
      }
   }