WWAccordion = {};

dojo.declare("WWAccordion", null, {
    constructor: function(args) {
        dojo.mixin(this,args);
        this.init();
    },

    init: function(){
        this.opened = -1;

        this.dts = dojo.query('dt.parent.level'+this.level, this.node);
        this.dds = dojo.query('dd.parent.level'+this.level, this.node);
        this.dts.forEach(function(el, i){
            el.i = i;
            if(dojo.style(this.dds[i], 'height') > 0){
                this.opened = i;
            }
            dojo.connect(el,"onclick", dojo.hitch(this,'onOpenOrClose'));
            new WWAccordion({
                node : this.dds[i], 
                level : this.level+1, 
                duration: this.duration
                });
        },this);
    },

    onOpenOrClose: function(e){
        var el = e.currentTarget;
        var h = dojo.style(this.dds[el.i], 'height');
        if(h == 0){
            if(this.opened >= 0 && this.opened != el.i){
                if(this.dds[this.opened].anim && this.dds[this.opened].anim.status() == "playing"){
                    this.dds[this.opened].anim.stop();
                }
                this.dds[this.opened].anim = dojo.animateProperty({
                    node: this.dds[this.opened], 
                    properties: {
                        height: 0
                    }, 
                    duration: this.duration, 
                    onEnd: dojo.hitch(this,'onCloseEnd')
                    }).play();
                dojo.removeClass(this.dts[this.opened],'open');
            }
            dojo.style(this.dds[el.i], 'display', 'block');
            if(this.dds[el.i].anim && this.dds[el.i].anim.status() == "playing"){
                this.dds[el.i].anim.stop();
            }
            this.dds[el.i].anim = dojo.animateProperty({
                node: this.dds[el.i], 
                properties: {
                    height: dojo.style(dojo.query('dl.level'+(this.level+1), this.dds[el.i])[0], 'height')
                    }, 
                duration: this.duration, 
                onEnd: dojo.hitch(this,'onOpenEnd')
                }).play();
            dojo.addClass(this.dts[el.i],'open');
            this.opened = el.i;
        }else{
            if(this.dds[el.i].anim && this.dds[el.i].anim.status() == "playing"){
                this.dds[el.i].anim.stop();
            }
            this.dds[el.i].anim = dojo.animateProperty({
                node: this.dds[el.i], 
                properties: {
                    height: 0
                }, 
                duration: this.duration, 
                onEnd: dojo.hitch(this,'onCloseEnd')
                }).play();
            dojo.removeClass(this.dts[el.i],'open');
        }
    },


    onOpenEnd: function(el){
        dojo.style(el, 'height', '100%');
    },

    onCloseEnd: function(el){
        dojo.style(el, 'display', 'none');
    }

});