var h2KlappboxSlider = [];
var triggerStack = [];
var currentTrigger;

window.addEvent('domready', function() {
	
	var Boxen = $$('#content div.slider');
	var trigger;
	var currentKlappbox;

	$each(Boxen, function(box, index){
		box.setAttribute('id', 'klappbox_'+index);

		trigger = box.getPrevious();
		trigger.setAttribute('id', 'trigger_'+index);
		
		triggerStack[index] = trigger;
		
		h2KlappboxSlider[index] = new Fx.Slide(box, { 
			mode: "vertical", 
			duration: 400}
		).hide();
		
		trigger.addEvent('mouseenter', function(event) {
			if (!currentTrigger || (currentTrigger != this)) {
				this.setAttribute('class', 'mouseenter');
			}
			this.setStyle('cursor', 'pointer');
			this.setStyle('cursor', 'hand');
			new Event(event).stop();
		});

		trigger.addEvent('mouseleave', function(event) {
			if (this.getAttribute('class') != "mouseclick") {
				this.removeAttribute('class');
			}
			this.setStyle('cursor', 'default');
			new Event(event).stop();
		});
				
		trigger.addEvent('click', function(event) {
			this.setAttribute('class', 'mouseclick');
			new Event(event).stop();
			
			var t = this.id;
			var t_index = t.substring(8);
			
			if (currentTrigger) {
				currentTrigger.removeAttribute('class');
			}
			currentTrigger = this;

			
			if (currentKlappbox == KlappboxSlider[t_index]) {
				currentKlappbox.slideOut();
				currentKlappbox = false;
				return;
			} 
			if (currentKlappbox) {
				currentKlappbox.slideOut();
			}
			currentKlappbox = h2KlappboxSlider[t_index];			

			
			h2KlappboxSlider[t_index].slideIn();
		});
		
	});

});