var opened_collection;
var duration = 2;

function open_collection(id){
    if(opened_collection == id){
        // Ferme cette collection
        close_openened_collection();
        opened_collection = null;
    }
    else{
        // Ferme la collection qui est ouverte si celle ci est fermée
        close_openened_collection();
        // Et lance l'ouverture
        opened_collection = id;
        display_collection();
    }
}

// Ferme la collection qui est ouverte
function close_openened_collection(){
    if (opened_collection != null && $('collection' + opened_collection) != null ){
        $('collection' + opened_collection).parentNode.childNodes[0].childNodes[0].className = "unselected";
        var myslide = new Fx.Slide('collection'+opened_collection, {duration:duration, mode: 'vertical'});
        myslide.slideOut();
        opened_collection = null;
    }
}

function display_collection(){
    if ( $('collection' + opened_collection) != null){
        $('collection' + opened_collection).parentNode.childNodes[0].childNodes[0].className = "selected";
        var myslide = new Fx.Slide('collection'+opened_collection, {duration:duration, mode: 'vertical'});
        myslide.slideIn();
    }
}

/***/
/*
var accordion = new Accordion('h4.atStart', 'ul.atStart', {
    opacity: false,
    onActive: function(toggler, element){
        toggler.className = "toggler atStart selected";
    },
     
    onBackground: function(toggler, element){
        toggler.className = "toggler atStart unselected";
    }
}, $('accordion'));
*/
window.addEvent('domready', function() {
 var accordion = new Accordion($('accordion'), 'h4.atStart', 'ul.atStart', {
 opacity: false,
   onActive: function(toggler, element){
        toggler.className = "toggler atStart selected";
    },
    onBackground: function(toggler, element){
        toggler.className = "toggler atStart unselected";
    }
 });
 accordion.display($('collection'+current));
});