Fx.Slide=new Class({Extends:Fx,options:{mode:'vertical',direction:'left',wrapper:false,hideOverflow:true,addClass:true,resetHeight:false},initialize:function(element,options){element=this.element=this.subject=document.id(element);this.parent(options);options=this.options;var wrapper=element.retrieve('wrapper'),styles=element.getStyles('margin','position','overflow');if(options.hideOverflow)styles=Object.append(styles,{overflow:'hidden'});if(options.wrapper)wrapper=document.id(options.wrapper).setStyles(styles);if(!wrapper)wrapper=new Element('div',{styles:styles}).wraps(element);element.store('wrapper',wrapper).setStyle('margin',0);if(element.getStyle('overflow')=='visible')element.setStyle('overflow','hidden');this.now=[];this.open=true;this.wrapper=wrapper;if(options.direction=='right'){this.wrapper.setStyle('right',0);}else if(options.direction=='top'){this.wrapper.setStyles({'height':0,'position':'relative'});}
this.addEvent('complete',function(){this.open=(wrapper['offset'+this.layout.capitalize()]!=0);if(this.open&&this.options.resetHeight)wrapper.setStyle('height','');},true);},vertical:function(){this.margin='margin-top';this.layout='height';this.offset=this.element.offsetHeight;},horizontal:function(){if(this.options.direction=='right'){this.margin='margin-right';}else{this.margin='margin-left';}
this.layout='width';this.offset=this.element.offsetWidth;},set:function(now){this.element.setStyle(this.margin,now[0]);this.wrapper.setStyle(this.layout,now[1]);return this;},compute:function(from,to,delta){return[0,1].map(function(i){return Fx.compute(from[i],to[i],delta);});},start:function(how,mode){if(!this.check(how,mode))return this;this[mode||this.options.mode]();var margin=this.element.getStyle(this.margin).toInt(),layout=this.wrapper.getStyle(this.layout).toInt(),caseIn=[[margin,layout],[0,this.offset]],caseOut=[[margin,layout],[-this.offset,0]],start;switch(how){case'in':start=caseIn;break;case'out':start=caseOut;break;case'toggle':start=(layout==0)?caseIn:caseOut;}
return this.parent(start[0],start[1]);},slideIn:function(mode){return this.start('in',mode);},slideOut:function(mode){return this.start('out',mode);},hide:function(mode){this[mode||this.options.mode]();this.open=false;return this.set([-this.offset,0]);},show:function(mode){this[mode||this.options.mode]();this.open=true;return this.set([0,this.offset]);},toggle:function(mode){return this.start('toggle',mode);}});Element.Properties.slide={set:function(options){this.get('slide').cancel().setOptions(options);return this;},get:function(){var slide=this.retrieve('slide');if(!slide){slide=new Fx.Slide(this,{link:'cancel'});this.store('slide',slide);}
return slide;}};Element.implement({slide:function(how,mode){how=how||'toggle';var slide=this.get('slide'),toggle;switch(how){case'hide':slide.hide(mode);break;case'show':slide.show(mode);break;case'toggle':var flag=this.retrieve('slide:flag',slide.open);slide[flag?'slideOut':'slideIn'](mode);this.store('slide:flag',!flag);toggle=true;break;default:slide.start(how,mode);}
if(!toggle)this.eliminate('slide:flag');return this;}});