function slideDownUpFilter(element) {
    var el = $(element);
    // el.relativize()
    if (el.style.display == 'none') {
        Effect.BlindDown(el, { duration: 0.2 });
    } else {
        Effect.BlindUp(el, { duration: 0.2 });
    }

    //setTimeOut('isUsed=false', 1000);
}


function onLoad() {
    if ($('ctl00_contenuCentre_filterMontre1_filterDtk1').getValue() != '' && $('ctl00_contenuCentre_filterMontre1_filterDtk1').getValue() != null) {
        var li = $('btFiltre1').getElementsByTagName('LI')
        for (var i = 0; i < li.length; i++) {
            if (li[i].getAttribute('datakey') == $('ctl00_contenuCentre_filterMontre1_filterDtk1').getValue()) {
                $('nom1').update(li[i].innerHTML)
            }
        }
    }

    if ($('ctl00_contenuCentre_filterMontre1_filterDtk2').getValue() != '' && $('ctl00_contenuCentre_filterMontre1_filterDtk2').getValue() != null) {
        var li = $('btFiltre2').getElementsByTagName('LI')
        for (var i = 0; i < li.length; i++) {
            if (li[i].getAttribute('datakey') == $('ctl00_contenuCentre_filterMontre1_filterDtk2').getValue()) {
                $('nom2').update(li[i].innerHTML)
            }
        }
    }

//    if ($('ctl00_contenuCentre_filterMontre1_filterDtk3').getValue() != '' && $('ctl00_contenuCentre_filterMontre1_filterDtk3').getValue() != null) {
//        var li = $('btFiltre3').getElementsByTagName('LI')
//        for (var i = 0; i < li.length; i++) {
//            if (li[i].getAttribute('datakey') == $('ctl00_contenuCentre_filterMontre1_filterDtk3').getValue()) {
//                $('nom3').update(li[i].innerHTML)
//            }
//        }
//    }

    // --> finition 
    $('btFiltre1').observe('click', function(e) {
        if (e.findElement('LI')) {
            var li = e.findElement('LI')
            var dtk = li.getAttribute('datakey')
            $('ctl00_contenuCentre_filterMontre1_filterDtk1').setValue(dtk)
            $('nom1').update(li.innerHTML)
            Effect.BlindUp('filter1', { duration: 0.5 });
            val1 = $('ctl00_contenuCentre_filterMontre1_filterDtk1').getValue()
            val2 = $('ctl00_contenuCentre_filterMontre1_filterDtk2').getValue()
            val3 = '' // $('ctl00_contenuCentre_filterMontre1_filterDtk3').getValue()
            filerVal(val1, val2, val3)
        } else {
            var el = $('filter1');
            if (el.style.display == 'none') {
                Effect.BlindDown(el, { duration: 0.5 });
                //     setTimeout(function() { if ($('filter1').getHeight() > 250) { $('filter1').setAttribute('style', 'overflow-x:visible;overflow-y:scroll;height:250px;'); } }, 1000)
            } else {
                Effect.BlindUp(el, { duration: 0.5 });
            }
        }
    });

    // --> type 
    $('btFiltre2').observe('click', function(e) {
        if (e.findElement('LI')) {
            var li = e.findElement('LI')
            var dtk = li.getAttribute('datakey')
            $('ctl00_contenuCentre_filterMontre1_filterDtk2').setValue(dtk)
            $('nom2').update(li.innerHTML)
            Effect.BlindUp('filter2', { duration: 0.5 });
            val1 = $('ctl00_contenuCentre_filterMontre1_filterDtk1').getValue()
            val2 = $('ctl00_contenuCentre_filterMontre1_filterDtk2').getValue()
            val3 ='' // $('ctl00_contenuCentre_filterMontre1_filterDtk3').getValue()
            filerVal(val1, val2, val3)
        } else {
            var el = $('filter2');
            if (el.style.display == 'none') {
                Effect.BlindDown(el, { duration: 0.5 });
                //      setTimeout(function() { if ($('filter2').getHeight() > 250) { $('filter2').setStyle({ 'overflow-y': 'scroll' }); } else { } }, 500)
            } else {
                Effect.BlindUp(el, { duration: 0.5 });
            }
        }
    });

    // --> nouveauté 
//    $('btFiltre3').observe('click', function (e) {
//        if (e.findElement('LI')) {
//            var li = e.findElement('LI')
//            var dtk = li.getAttribute('datakey')
//            $('ctl00_contenuCentre_filterMontre1_filterDtk3').setValue(dtk)
//            $('nom3').update(li.innerHTML)
//            Effect.BlindUp('filter3', { duration: 0.5 });
//            val1 = $('ctl00_contenuCentre_filterMontre1_filterDtk1').getValue()
//            val2 = $('ctl00_contenuCentre_filterMontre1_filterDtk2').getValue()
//            val3 = $('ctl00_contenuCentre_filterMontre1_filterDtk3').getValue()
//            filerVal(val1, val2, val3)
//        } else {
//            var el = $('filter3');
//            if (el.style.display == 'none') {
//                Effect.BlindDown(el, { duration: 0.5 });
//            } else {
//                Effect.BlindUp(el, { duration: 0.5 });
//            }
//        }
//    });

}

var ccl;
var iid;
var nnbpp;

function filtreKlicked(cl, id, nbpp) {
    ccl = cl
    iid = id
    nnbpp = nbpp
}

function filerVal(val1, val2, val3) {
    paramsurl = 'liste-produits.aspx?id=' + iid + ''
    if (nnbpp.length != 0) {
        paramsurl += '&nbpp=' + nnbpp + ''
    }
    params = 'action=8&id=' + iid + '&cl=' + ccl + '&Dtk1=' + val1 + '&Dtk2=' + val2 + '&Dtk3=' + val3 + ''
    var a = new Ajax.Request('panier.ajax', {
        method: 'POST',
        postBody: params,
        onSuccess: function(transport) {
            var r = transport.responseText
            location.href = paramsurl
        }
    })
}