var FoldingMenu = new Class({
	Implements: [Options],
	options: {
		suffix: '_container',
		transition: Fx.Transitions.Sine.easeOut,
		duration: 1500,
		style_close: 'close',
		style_open: 'open'
	},
	
	initialize: function(elements, options) {
		this.setOptions(options);
		this.el = elements;

		this.el.each( function(item){
			var fold_el = item + this.options.suffix;
			var item_fold = new Fx.Slide(fold_el, {
				duration: this.options.duration,
				transition: this.options.transition,
				wait: false
			}).hide();
			$(item).addEvent('click', function(e){
				item_fold.toggle();
				this.toggle_arrow(item);
        e.stop();
			}.bind(this));
		}.bind(this));
	},
	
	toggle_arrow: function(element) {
		
		if ($(element).hasClass(this.options.style_close)) {
			$(element).removeClass(this.options.style_close);
			$(element).addClass(this.options.style_open);
		} else {
			$(element).removeClass(this.options.style_open);
			$(element).addClass(this.options.style_close);
		}
	}
});