window.addEvent('domready', function() {
	
	//General club, Fede y RFEN
	var AccordionGeneral = new Fx.Accordion('div.toggler', 'div.element', {
		opacity: false,
		onActive: function(toggler, element){
			toggler.setStyle('color', '#ff3300');
		},
		onBackground: function(toggler, element){
			toggler.setStyle('color', '#222');
		},
		display:-1
	});
	
	// Club -> Records y Ranking
	var AccordionInterior = new Fx.Accordion('div.toggler_interior', 'div.element_interior', {
		opacity: false,
		onActive: function(toggler, element){
			toggler.setStyle('color', '#ff3300');
		},
		onBackground: function(toggler, element){
			toggler.setStyle('color', '#222');
		},
		display:-1
	});

	// Records por Fechas
	var AccordionRecords = new Fx.Accordion('div.toggler_records', 'div.element_records', {
		opacity: false,
		onActive: function(toggler, element){
			toggler.setStyle('color', '#ff3300');
		},
		onBackground: function(toggler, element){
			toggler.setStyle('color', '#222');
		},
		display:-1
	});
	
	// Ranking por Fechas
	var AccordionRanking = new Fx.Accordion('div.toggler_ranking', 'div.element_ranking', {
		opacity: false,
		onActive: function(toggler, element){
			toggler.setStyle('color', '#ff3300');
		},
		onBackground: function(toggler, element){
			toggler.setStyle('color', '#222');
		},
		display:-1
	});
	
	//Cerrar todo al pulsar en General
	$$('.toggler').addEvent('click', function(){
		AccordionRecords.display(-1);
		AccordionRanking.display(-1);
		AccordionInterior.display(-1);
		
	});
	
	// Redimensión Records y Ranking
	$$('.toggler_interior').addEvent('click', function(){
		AccordionRecords.display(-1);
		AccordionRanking.display(-1);
		elemento_hijo = this.getChildren('.element_interior');
		alto = elemento_hijo.getStyle('height');
    elemento_padre = this.getParent('.element');
		elemento_padre.setStyle('height', alto);
	});
	
	// Redimensión Records-Fechas
	$$('.toggler_records').addEvent('click', function(){
		elemento_hijo = this.getChildren('.element_records');
		alto = elemento_hijo.getStyle('height');
    elemento_padre = this.getParent('.element_interior');
		elemento_padre.setStyle('height', alto);
	});
	
	// Redimensión Ranking-Fechas
	$$('.toggler_ranking').addEvent('click', function(){
		elemento_hijo = this.getChildren('.element_ranking');
		alto = elemento_hijo.getStyle('height');
    elemento_padre = this.getParent('.element_interior');
		elemento_padre.setStyle('height', alto);
	});
	
});