/* <script type="text/javascript" src="/js/scroll.js"></script>  	<< a inserer dans la page

** <script language="javascript">load();</script>				<< a inserer a la fin de la page

** Style css :
** id conteneur :
** 	z-index: 1;
**	position: relative;
**	OVERFLOW: hidden;
**	height: 248px; << taille a fixer 

** class cellule :
** 	z-index: 2;
**	position: absolute;
** 	display: block;
** 

** Formatage des cellules:
** 	<div onmouseout="javascript:mousemove=0;" onmousemove="javascript:mousemove=1;" 	<< gestion des evenement javascript stoppant le defilement au survol
		class="cellule" 
		name="actu_i"   											<< utiliser le script serveur pour faire varier actu_i de actu_0 a actu_max (en ayant tout les elements)	
		id="actu_i">											<< idem
			Quidquid de loquimur numero vitii rectum habeat vel nobis quos.		<< contenu a la con
**	</div>
*/
var max=2;
var pos = new Array(max);
					var pause = 1     
					var offsety = 25; 	// indique la position ou la cellule s'arete
					var marge=10;	   	// margin entre les cellules
					var taillecell = new Array(max); // stocke la taille de chaque cellule
					var mousemove = 0;	//  booleen sur evenement javascript
					
					function increment() {
						var precedent=0; var prec=0;
						var chaine;
						pause = 1;
						if (mousemove==0) {
							for (i=0; i<pos.length; i++) {
								chaine = 'actu_'+i;
								pos[i]--;
								//document.getElementById(chaine).style.top = pos[i];
								document.getElementById(chaine).setAttribute("style","top: "+pos[i]+"px;");
								if (document.all) {document.getElementById(chaine).style.top = pos[i];}
								
								if (pos[i] < -taillecell[i]) {
									if (i==0) {precedent=pos[max-1]; prec = taillecell[max-1];} else {precedent = pos[i-1];prec=taillecell[i-1];}
									pos[i] = prec + precedent;
									//document.getElementById(chaine).style.top = pos[i];
									document.getElementById(chaine).setAttribute("style","top: "+pos[i]+"px;");
									if (document.all) {document.getElementById(chaine).style.top = pos[i];}
								}
								if (pos[i] == offsety) {pause = 25;}
							}					
							/*debug();*/
						}	
						setTimeout('increment()',50);
					}
					
					/*function debug() {
						document.getElementById('debug').value = "i0:"+pos[0]+", i1:"+pos[1]+", i2:"+pos[2]+", i3:"+pos[3]+", i4:"+pos[4];
					}*/
				
					
					function load() {
						var chaine; 
						var hauteur;
						var precedent; var prec;
						for (i=0; i<pos.length; i++) {
							chaine = 'actu_'+i;
							
							taillecell[i] = document.getElementById(chaine).offsetHeight+10;
							if (i==0) {precedent=0; prec = 0;} else {precedent = pos[i-1]; prec=taillecell[i-1];}
							pos[i] = prec + precedent;
							
							//document.getElementById(chaine).style.top = pos[i];// + offsety
							document.getElementById(chaine).setAttribute("style","top: "+pos[i]+"px;");
							if (document.all) {document.getElementById(chaine).style.top = pos[i];}
							//alert("taille: >"+taillecell[i]+"");
						}
						/*debug();*/
						setTimeout('increment()',500);
					}