var descriptor = 1;
var am=1.2;
var fix;

function hideAllCats() {
    //скрыть все контейнеры
    $$('div.content').each(function(item,index) {
        //анимация
        if(item.getStyle('display')!='none') {
            //анимация закрытия, которая кончится display:none
            $('fake').setStyle('display','block').setStyle('width',item.getStyle('width')).setStyle('height',item.getSize().y);
            item.setStyle('display','none');
        }
        } );
    //сделать все лишки неактивными
    $$('ul#nav li').each(function(item,index) {
        item.removeClass('selected');
        } )
    
}

//setting events

window.addEvent('domready', function() {

    if (Browser.Engine.trident) fix = 60; else fix=7;

    $$('div.sub').each(function(item,index) {item.set('tween', {duration: 200*am,transition: Fx.Transitions.Quint.easeInOut});});

     $('fake').set('tween', {duration: 300*am,transition: Fx.Transitions.Pow.easeInOut});
     
    $$('.cswitch').each(function(item,index) {
        item.addEvent('click', function(){
            if (index == descriptor) return;
            
                hideAllCats();
                
                $$('div.content').each(function(container,number) {
                if(number==index) {
                    
                    //появление
                    container.setStyle('display','block');
                    var toSize=container.getStyle('height').toInt();
                    $('fake').fade('show').setStyle('position','');
                    $('fake').set('tween',{duration: 300*am,transition: Fx.Transitions.Pow.easeInOut,onComplete:function(){
                           descriptor.setStyle('display','block');
                           $('fake').setStyle('position','absolute').set('tween',{ onComplete:function(){
                                   $('fake').setStyle('position','').fade('show').setStyle('display','none');
                            }}).fade('out');
                            item.getParent().addClass('selected');
                            descriptor=index;
                            
                        }}).tween('height',toSize-fix);
                    container.setStyle('display','none');
                    descriptor=container;
                };
                } );
                
            return false;   
            });
        } );

});