riga che cambia colore con checkbox

[pippaccia1971]

ragazzi buondì
allora io ho creato una tabella tipo gestione posta elettronica
dove ho in alto un check box che seleziona tutti i check box,
e nelle righe i singoli checkbox

vorrei che quando venisse selezionato un check box in una riga della tabella , tutta la riga contenente più campi es(3 colonne) venisse colorata in rosso quando invece viene deselezionata tornasse come prima

e vorrei che quando venisse selezionato il checkbox in alto che dovrebbe automaticamente selezionare tutti gli altri checkbox tutte le righe si colorassero di rosso
è possibile?
spero di essere stato chiaro

[pippaccia1971]

cosi Quando seleziono il checkbox nell'intestazione a cascata mi cambia i colori a tutte le righe ma come faccio a ripristinare i valori precedenti quando riclicco sul checkbox prinicipale?

<script language="JavaScript">
<!--
function checkUncheck(check)
{
var checks = document.getElementsByName('sel_check');
for(i = 0; i < checks.length; i++)
{

var coll=document.getElementById('tbl');
checks[i].checked = check.checked;

coll.rows[i].style.backgroundColor='#e9967a';
}

}
//-->
</script>

[pippaccia1971]

Sono riuscito a fare in modo che selezionando una checkbox mi selezioni tutta la riga , ora però devo riuscire a fare in modo che selezionando il checkbox posto sull'intestazione a cascata vengano selezionati tutti gli altri con il colore rosso impostato nel CSS
qualcuno può aiutarmi????
questo è il codice
grazie mille

CSS
<style type="text/css">

.prodotto_hover
{
background-color:#D4D4D4;
}
.prodotto_selezionato
{
background-color:#D41122;
}

</style>


<SCRIPT LANGUAGE=javascript>
<!--
window.onload = function()
{

var elenco_prodotti = document.getElementById('elenco_prodotti')

var prodotti = elenco_prodotti.getElementsByTagName('tr')

//COLORO I CAMPI DELLA PRIMA TABELLA

for (var i = 0; i < prodotti.length; i++)
{
var input_prodotto = prodotti.item(i).getElementsByTagName('input').ite m(0)

input_prodotto.onclick = function()
{
colora_prodotti()


}

}

function colora_prodotti()
{


for (var i = 0; i < prodotti.length; i++)
{
var input_prodotto = prodotti.item(i).getElementsByTagName('input').ite m(0)

if ( input_prodotto.checked )
{
prodotti.item(i).className = ' prodotto_selezionato'
}
else
{
prodotti.item(i).className = prodotti.item(i).className.replace('prodotto_selez ionato', ' ')
}
}

}