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_filterOr1_filterDtk1').getValue() != '' && $('ctl00_contenuCentre_filterOr1_filterDtk1').getValue() != null) {
        var li = $('btFiltre1').getElementsByTagName('LI')
        for (var i = 0; i < li.length; i++) {
            if (li[i].getAttribute('datakey') == $('ctl00_contenuCentre_filterOr1_filterDtk1').getValue()) {
                $('nom1').update(li[i].innerHTML)
            }
        }
    }

    if ($('ctl00_contenuCentre_filterOr1_filterDtk2').getValue() != '' && $('ctl00_contenuCentre_filterOr1_filterDtk2').getValue() != null) {
        var li = $('btFiltre2').getElementsByTagName('LI')
        for (var i = 0; i < li.length; i++) {
            if (li[i].getAttribute('datakey') == $('ctl00_contenuCentre_filterOr1_filterDtk2').getValue()) {
                $('nom2').update(li[i].innerHTML)
            }
        }
    }
    
    if ($('ctl00_contenuCentre_filterOr1_filterDtk3').getValue() != '' && $('ctl00_contenuCentre_filterOr1_filterDtk3').getValue() != null) {
        var li = $('btFiltre3').getElementsByTagName('LI')
        for (var i = 0; i < li.length; i++) {
            if (li[i].getAttribute('datakey') == $('ctl00_contenuCentre_filterOr1_filterDtk3').getValue()) {
                $('nom3').update(li[i].innerHTML)
            }
        }
    }
    
    $('btFiltre1').observe('click', function(e) {
        if (e.findElement('LI')) {
            var li = e.findElement('LI')
            var dtk = li.getAttribute('datakey')
            $('ctl00_contenuCentre_filterOr1_filterDtk1').setValue(dtk)
            $('nom1').update(li.innerHTML)
            Effect.BlindUp('filter1', { duration: 0.5 });
            //filtreKlicked(1, li.innerHTML,"teste")
            val1 = $('ctl00_contenuCentre_filterOr1_filterDtk1').getValue()
            val2 = $('ctl00_contenuCentre_filterOr1_filterDtk2').getValue()
            val3 = $('ctl00_contenuCentre_filterOr1_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 });
            
            
            }
        }
    });

    $('btFiltre2').observe('click', function(e) {
        if (e.findElement('LI')) {
            var li = e.findElement('LI')
            var dtk = li.getAttribute('datakey')
            $('ctl00_contenuCentre_filterOr1_filterDtk2').setValue(dtk)
            $('nom2').update(li.innerHTML)
            Effect.BlindUp('filter2', { duration: 0.5 });
            val1 = $('ctl00_contenuCentre_filterOr1_filterDtk1').getValue()
            val2 = $('ctl00_contenuCentre_filterOr1_filterDtk2').getValue()
            val3 = $('ctl00_contenuCentre_filterOr1_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 });
            }
        }
    });

    $('btFiltre3').observe('click', function(e) {
        if (e.findElement('LI')) {
            var li = e.findElement('LI')
            var dtk = li.getAttribute('datakey')
            $('ctl00_contenuCentre_filterOr1_filterDtk3').setValue(dtk)
            $('nom3').update(li.innerHTML)
            Effect.BlindUp('filter3', { duration: 0.5 });
            val1 = $('ctl00_contenuCentre_filterOr1_filterDtk1').getValue()
            val2 = $('ctl00_contenuCentre_filterOr1_filterDtk2').getValue()
            val3 = $('ctl00_contenuCentre_filterOr1_filterDtk3').getValue()
            filerVal(val1, val2, val3)
        } else {
            var el = $('filter3');
            if (el.style.display == 'none') {
                Effect.BlindDown(el, { duration: 0.5 });
         //       setTimeout(function() { if ($('filter3').getHeight() > 250) { $('filter3').setStyle({ 'overflow-y': 'scroll' }); } }, 500)
            } 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 
        }
    })
}