// prototype.js est nécessaire pour la gestion des événements

var className_tr_dessus = 'fond_dessus';
var className_tr_clique = 'fond_clique';

function events_produitTR()
{
    if($('produit') != undefined)
    {
        var produit_trs = $('produit').getElementsByTagName('TR');
        for(var i=0; i<produit_trs.length; i++)
        {
            if(produit_trs[i].id != undefined && produit_trs[i].id != '')
            {
                Event.observe(produit_trs[i], 'click', onclick_produitTR, false);
                Event.observe(produit_trs[i], 'mouseover', onmouseover_produitTR, false);
                Event.observe(produit_trs[i], 'mouseout', onmouseout_produitTR, false);
            }
        }
    }
}


function onclick_produitTR(e)
{
    var elt = Event.findElement(e, 'TR');

    // Pour ie, il faut mattre la classe sur tous les td du tr
    var tds = elt.getElementsByTagName('TD');
    for(var i=0; i<tds.length; i++)
    {
        $(tds[i]).addClassName(className_tr_clique);
		$(tds[i]).addClassName(className_tr_dessus);
	}

    idProduit = elt.id;
    typeProduit = elt.getAttribute('type');
    if($('idProduit') && $('selectionProduit'))
    {
        $('idProduit').value = idProduit;
        $('type').value = typeProduit;
        $('selectionProduit').submit();
    }
}
function onmouseover_produitTR(e)
{
    var elt = Event.findElement(e, 'TR');

    // Pour ie, il faut mattre la classe sur tous les td du tr
    var tds = elt.getElementsByTagName('TD');
    for(var i=0; i<tds.length; i++)
    {
		$(tds[i]).addClassName(className_tr_dessus);
    }
}

function onmouseout_produitTR(e)
{
    var elt = Event.findElement(e, 'TR');

    // Pour ie, il faut mattre la classe sur tous les td du tr
    var tds = elt.getElementsByTagName('TD');
    for(var i=0; i<tds.length; i++)
    {
		$(tds[i]).removeClassName(className_tr_dessus);
    }
}