<script language="JavaScript1.2">
// Copyright Peter Gehrig and Urs Dudli at www.24fun.ch/
// If you add this script to a script-library or script-archive
// you have to add a hyperlink to www.24fun.ch on the webpage
// Le titre | le texte|le lien des messages
var message= new Array()
message[0]="titre du message1 | texte du message1 | lien associé au titre du message1"
message[1]="titre du message2 | texte du message2 | lien associé au titre du message2"
message[2]="titre du message3 | texte du message3 | lien associé au titre du message3"
// La hauteur de la boite de messages.
var scrollerheight=150
// La largeur de la boite de messages.
var scrollerwidth=160
// La distance par rapport au bord supérieur de la fenêtre.
var scrollertop=56
// La distance par rapport au bord gauche de la fenêtre.
var scrollerleft=34
// La distance entre le bord et le texte.
var scrollerpadding=5
// La largeur du bord de la boite de messages.
var backgroundborder=0
// La couleur de l'arrière-plan de la boite de messages.
var scrollerbgcolor="FFFFFF"
// Les attributs de la police du titre.
var font_titleface="Verdana"
var font_titlecolor="FF0000"
var font_titlesize=1
// Les attributs de la police du texte;
var font_copyface="Verdana"
var font_copycolor="660000"
var font_copysize=1
// Le temps de pause entre les message (en millisecondes).
var standstillfix=3000

////////////////////////////////////////////////
var cliptop=0
var clipbottom=scrollerheight-2*scrollerpadding
var clipleft=0
var clipright=scrollerheight
var i_message=0
var mes_joined
var mes_split
var contenttext
var contentbg
var totalheight=scrollerheight*(message.length)
var i_height=0
var step=1
var pause=20
var standstillflex=0

function initiate(){
   contenttext="<table cellpadding=0 cellspacing=0 border=0 width="+(scrollerwidth-2*scrollerpadding)+">"
   contenttext+="<tr valign='top'><td height='"+scrollerheight+"'><br></td></tr>"
   for (i=0;i<=message.length-1;i++) {
      mes_joined=message[i]
      mes_split=mes_joined.split("|")
      contenttext+="<tr valign='top'><td height='"+scrollerheight+"'><a href='"+mes_split[2]+"'><font face='"+font_titleface+"' color='"+font_titlecolor+"' size='"+font_titlesize+"'>"+mes_split[0]+"</font></a><br><font face='"+font_copyface+"' color='"+font_copycolor+"' size='"+font_copysize+"'>"+mes_split[1]+"</font></td></tr>"
   }
   contenttext+="</table>"
   
   contentbg="<table cellpadding=0 cellspacing=0 border="+backgroundborder+" width='"+scrollerwidth+"'><tr><td height='"+scrollerheight+"' bgcolor="+scrollerbgcolor+"> </td></tr></table>"
   
   if (document.all) {
      scrollertext.innerHTML=contenttext
      scrollerbg.innerHTML=contentbg
      document.all.scrollertext.style.posTop=scrollertop
      document.all.scrollertext.style.posLeft=scrollerleft
      document.all.scrollerbg.style.posTop=scrollertop-scrollerpadding
      document.all.scrollerbg.style.posLeft=scrollerleft-scrollerpadding
      document.all.scrollertext.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
   }
   if (document.layers) {
      document.scrollertext.document.write(contenttext)
      document.scrollertext.document.close()
      document.scrollerbg.document.write(contentbg)
      document.scrollerbg.document.close()
      document.scrollertext.top=scrollertop
      document.scrollertext.left=scrollerleft
      document.scrollerbg.top=scrollertop-scrollerpadding
      document.scrollerbg.left=scrollerleft-scrollerpadding   
      document.scrollertext.clip.left=clipleft
        document.scrollertext.clip.right=clipright
        document.scrollertext.clip.top=cliptop
        document.scrollertext.clip.bottom=clipbottom
   }
   scroll()
}

function scroll(){
   standstillflex=standstillfix
   if (document.all){
      if (i_height<scrollerheight) {
         i_height+=step
         cliptop+=step
         clipbottom+=step
         document.all.scrollertext.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
         document.all.scrollertext.style.posTop-=step
         var timer=setTimeout("scroll()",pause)
      }

      else {
         if (document.all.scrollertext.style.posTop<=-(totalheight)) {
            document.all.scrollertext.style.posTop=scrollertop
            cliptop=0
            clipbottom=scrollerheight-2*scrollerpadding
            document.all.scrollertext.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
            standstillflex=0
         }
         i_height=0
         clearTimeout(timer)
         var timer=setTimeout("scroll()",standstillflex)
      }
   }
   
      if (document.layers){
         if (i_height<scrollerheight) {
            i_height+=step
            cliptop+=step
            clipbottom+=step
            document.scrollertext.clip.left=clipleft
              document.scrollertext.clip.right=clipright
              document.scrollertext.clip.top=cliptop
              document.scrollertext.clip.bottom=clipbottom
            document.scrollertext.top-=step
            var timer=setTimeout("scroll()",pause)
         }

      else {
         if (document.scrollertext.top<=-(totalheight)) {
            document.scrollertext.top=scrollertop
            cliptop=0
            clipbottom=scrollerheight-2*scrollerpadding
            document.scrollertext.clip.left=clipleft
              document.scrollertext.clip.right=clipright
              document.scrollertext.clip.top=cliptop
              document.scrollertext.clip.bottom=clipbottom
            standstillflex=0
         }
         i_height=0
         clearTimeout(timer)
         var timer=setTimeout("scroll()",standstillflex)
      }
   }
}
</script>

<body onLoad="initiate()">

<div id="scrollerbg" style="position:absolute;top:-1000px"> </div>
<div id="scrollertext" style="position:absolute;top:-1000px"> </div>