/* <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

** fixer la variable max au nombre de cellule

** ATTENTION : Il faut au minimum 2 cellules sinon... bah plantage

** 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 pos = new Array(max);
	var pause = 1     
	var offsety = 40; 	// 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
	var total = 0;
	var size = document.getElementById('actu').offsetHeight;
	var taillemax=0;
	
	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]--; 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 = 15;}
				if ((size + taillemax>total && i==max-1 && pos[i]==offsety)) {pause = 1;}
			}					
			debug();
		}	
		//desactive la pause...
		pause = 1;
		setTimeout('increment()',100*pause);
	}
	
	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;
			taillemax = (taillemax < document.getElementById(chaine).offsetHeight) ? document.getElementById(chaine).offsetHeight : taillemax;
			taillecell[i] = document.getElementById(chaine).offsetHeight+10;
			total+=taillecell[i];
		}
		
		if (size + taillemax >total) {
			chaine = 'actu_'+(taillecell.length-1);
			document.getElementById(chaine).setAttribute("style","height: "+(size-total+taillemax+20)+"px;");
			if (document.all) {document.getElementById(chaine).style.height = size-total+taillemax+20;}
			taillecell[max-1] = size-total+taillemax-20;
		}
		else {
			max -=1;
			
		}
		
		for (i=0; i<pos.length; i++) {
			chaine = 'actu_'+i;
			
			if (i==0) {precedent=0; prec = 0;} else {precedent = pos[i-1]; prec=taillecell[i-1];}
			pos[i] = prec + precedent;
			//alert("actu_"+i+" : "+pos[i]);
			
			document.getElementById(chaine).setAttribute("style","top: "+pos[i]+"px;");
			if (document.all) {document.getElementById(chaine).style.top = pos[i];}
		}
		
		
		
		//alert(size+" "+total+" "+taillemax+" + 20 = "+ (size-total+taillemax+20));
		debug();
		setTimeout('increment()',500);
	}