/**
*
* simpleSlider.js 
* (simple slider with toggler functionality)
*
* built by Simon Jockers for Syzygy Frankfurt, 2009/05/12
* requires mootools framework v1.1 (http://docs111.mootools.net/):
*    
*/


var simpleSlider = new Class({

	options: {
		container: false,
		openText: false, 
		closeText: false,
		baseClass : 'simpleSlider'
	},

	elementToToggle : false,
	toggler : false,
	slider : false,
	fade : false,

	initialize: function(options){
		this.setOptions(options)		
		if ( !this.options.container ) return;
		this.fade = new Fx.Style(this.options.container, 'opacity', {duration:600});				
		this.elementToToggle = $(this.options.container);
		this.toggler = new Element('a').addClass('toggler').injectAfter(this.elementToToggle);		
		this.toggler.setText( this.options.openText );
		this.toggler.addEvent('click', this.onTogglerClick.bind(this) );
		this.slider = new Fx.Slide(this.options.container, {duration: 600});
		this.slider.hide();		
	},
	onTogglerClick: function() {
		this.slider.toggle();				
		this.toggler.toggleClass("closeToggler");		
		if ( this.toggler.getText().toLowerCase() == this.options.openText.toLowerCase() ) {
			this.toggler.setText( this.options.closeText );
			this.fade.start(0, 1);
		} 
		else {
			this.toggler.setText( this.options.openText );
			this.fade.start(1, 0);					
		}
	}

});
simpleSlider.implement(new Events);
simpleSlider.implement(new Options);