// Pour faire des rangée de couleur alternante dans un tableu

/*
COMMENT UTILISER
 * doit etre jumelé avec /css/alternate_row.css
 * doit etre déclaré onLoad  --->   <body onLoad="alternate_rows('nom_de_la_table')">

EXEMPLE DE TABLE
***************
LA TABLE, ici on choisi la couleur de la table, la grosseur du texte et le id de la table
***************
<table border="0" cellspacing="0" cellpadding="0" class="jaune_orange txt-petit" id="nom_de_la_table">
***************
ENTETE, balise TH et non TD
***************
	<tr>
		<th>titre 1</th>
		<th>titre 2</th>
		<th>titre 3</th>
		<th>titre 4</th>
	</tr>
***************
CONTENU, balise TD, les class (firstCol, lastCol) sur la premiere et derniere cellule sont falcultatif
***************
	<tr>
		<td class="firstCol">contenu 1</td>
		<td>contenu 2</td>
		<td>contenu 3</td>
		<td class="lastCol">contenu 4</td>
	</tr>
</table>
*/

function alternate_rows(tableId){
	var theTable = document.getElementById(tableId);	
	if (theTable){
		var tableRows = theTable.getElementsByTagName('tr');
		for (var i = 0; i < tableRows.length; i++){		
			if ((i % 2) == 0){	
				tableRows[i].className += " alt1";
			}else{
				tableRows[i].className += " alt2";
			}
		}
	}
}
