if (!window.Varien)
    var Varien = new Object();

Varien.Dropdowns = Class.create();
Varien.Dropdowns.prototype = {
    initialize: function(selector) {
        var self=this;
        var globalDoc = document;
        this.ddselector = selector;
        $$('.'+selector).each(this.initDD.bind(this));
        Event.observe(globalDoc, 'click', function(event) {
            if (!$(event.target).hasClassName('fancy-inactive-item')) {
                this.hideDDall(0);
            }
        }.bind(this));
    },

    initDD: function(el) {
        this.ddcont = $(el.id+"-content");
        this.ddhead = $(el.id+"-header");
        this.ddlist = $(el.id+"-list");
        this.ddw = el.offsetWidth;
        this.ccw = this.ddlist.offsetWidth;
        this.fitContainers(this.ccw,this.ddw,this.ddcont,el);
        Event.observe(this.ddhead, 'click', this.showDD.bind(this, this.ddcont));
    },

    hideDDall: function(cid) {
        $$('.ddlist').each(function(item){
            item.style.display = 'none';
        });
    },

    hideDD: function(cid) {
        $$('.ddlist').each(function(item){
            if (item.hasClassName('ddon') && item.id != cid) {
				item.style.display = 'none';
                item.removeClassName('ddon');
            }
        });
    },

    showDD: function(c) {
        if (c.hasClassName('ddon')) {
            Effect.toggle(c.id, 'blind', { delay: 0.1, duration: .1 });
            c.removeClassName('ddon');
        }else{
            c.addClassName('ddactive');
            c.style.display = 'none';
            Effect.toggle(c.id, 'blind', { delay: 0.1, duration: .1 });
            c.addClassName('ddon');
        }
        this.hideDD(c.id);
    },

    fitContainers: function(cw,dw,c,dd){
        if(cw > dw){
            dd.style.width = cw+7+'px';
        }else{
            c.style.width = dw+'px';
        }
    }
}

Varien.DropdownsMu = Class.create();
Varien.DropdownsMu.prototype = Object.extend(new Varien.Dropdowns(), {
    fitContainers: function(cw,dw,c,dd){
        if (cw == 0 || dw == 0) {
            return;
        }
        if(cw > dw){
            dd.style.width = cw+7+'px';
        }else{
            c.style.width = dw+'px';
        }
    }
});

Event.observe(document, 'dom:loaded', function() {
    //new Varien.Dropdowns('dropdown');
})