var ALDEA = {};
ALDEA.accordion = Class.create();
ALDEA.accordion.prototype = {
  	initialize: function(idAccordion, options) {
		this.accordionPanel = $(idAccordion);
		this.init();
  	},
	accordion: function(event){
		var el = Event.findElement(event, 'H1');
        var eldown = $(el.parentNode.id+'-body');
		var elup = $($('visible').parentNode.id+'-body');
		if($('visible') == el && eldown.getStyle('display') == "block"){
			new Effect.Fade(elup,{duration:0.3});
	        return;
	    }else if($('visible')){
			new Effect.Fade(elup,{duration:0.2});
			new Effect.Appear(eldown,{delay:0.4, duration:2.0});
	        $('visible').id = '';
		    el.id = 'visible';
	    }

	},
	init: function(){
		this.accordionPanel.className = 'accordionPanel';
		var panelTitles = this.accordionPanel.getElementsByTagName('h1');
		for(i=0;i<panelTitles.length;i++)
			Event.observe(panelTitles[i], "click", this.accordion.bindAsEventListener(this));
		var apanels = this.accordionPanel.getElementsByTagName('div');
		for(i=0;i<apanels.length;i++)
			if(apanels[i].className == 'panel_body')
				apanels[i].style.display = 'none';
	}
}