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

	var Slide = {	
		preset: {
			buttonId:'',
			slideItem:'',
			transitionTimeIn: 300,
			transitionTimeOut: 150,
			active: false,
			itemIn: -597,
			itemOut: 597,
			slide: false,
			active: false
		},
		
		build: function () {
			//alert (this.preset.buttonId+" ja "+this.preset.slideItem);
			if (this.preset.active==false) {
				this.item_in();
				this.preset.slide.start({
					'right': [this.preset.itemIn,0]
				});
			} else {
				this.item_out();
				this.preset.slide.start({
					'right': [0,this.preset.itemIn]
				});
			}
		},
		
		item_in: function () {
			this.preset.slide = new Fx.Morph(this.preset.slideItem, {
				duration: this.preset.transitionTimeIn, 
				transition: Fx.Transitions.Quad.easeInOut, 
				wait:false
			});
			this.preset.active = true;
			var el = new Element('a', {id: 'closeButton_'+this.preset.slideItem});
			$(this.preset.slideItem).adopt(el);
			$('closeButton_'+this.preset.slideItem).set({
				'events': {	
					'click': function(){ Slide.build() }
				},
				'text':'Sulje',
				'class':'close'
			});
		},
		
		item_out: function() {
			//alert (this.preset.buttonId+" ja "+this.preset.slideItem);
			this.preset.slide = new Fx.Morph(this.preset.slideItem, {
			     duration: this.preset.transitionTimeOut,
			     transition: Fx.Transitions.Quad.easeInOut, 
			     wait:false
			});
			this.preset.active = false;
			$('closeButton_'+this.preset.slideItem).destroy();
		},
		
		assign: function (to,option) {
			to.addEvent('click',function() {
				Slide.preset.buttonId = this.get('id');
				Slide.preset.slideItem = "slide_"+this.get('id');
				Slide.build(); 
			});
		}
	};
	
	Slide.assign($$('a[class=mem_button]'), {
		buttonId:$(this)
	});
});