window.addEvent('domready', function() {

	var myResizer = new ELF_LayoutResizer('main','tps-layout-resizer');
	myResizer.restoreSize();

	/* Reflection effect for right side img thumb */
	$$("div#body-right .image-thumb-txt img.image-tumb-reflect").reflect( {height: 0.23} );

	/* Slimbox effect to */
	$$("div#body-right .image-thumb-txt a").slimbox();

	/* Slimbox effect to */
	$$("table.zoomable-imgs a").slimbox();

	/* Multilevel accordion effect for left navigation menu -> è necessario impostare la generazione di tutti i percorsi del tree */
	//createMultiLevelAccordion(".elf-navlist span.accordion_toggler_",".elf-navlist ul.accordion_content_");
		
});

window.addEvent('load', function() {
	
	/* Questo lo metto su onload cosi l'altezza del primo blocco si imposta tenendo conto dell'ingombro del contenuto (nel caso delle immagini viene considerato anche il riflesso aggiunto su domready) */
	/* Accordion effect for right side column element */
	// createSingleLevelAccordion('#body-right h2.accordion_toggler span','#body-right div.accordion_element');


});


/* Multilevel accordion effect for left navigation menu */
function createMultiLevelAccordion(togglerName,contentName) {
	
	// FIX IE6
	if(window.ie6) var heightValue='100%';
	else var heightValue='';
	
	// Selettori CSS dei toggler e content
	//var togglerName='.elf-navlist span.accordion_toggler_';
	//var contentName='.elf-navlist ul.accordion_content_';
	
	// Selezione del primo elemento
	var counter=1;	
	var toggler=$$(togglerName+counter);
	var content=$$(contentName+counter);
	
	while(toggler.length>=1) 
		/* FIX: era > 1 cioè richiedeva almeno due elementi fra cui commutare ma per il menu serve comunque anche se ce n'è uno solo
			Se aggiungo in controllo su counter<=x abilito l'effetto solo sui primi x livelli */
 	{
		new Accordion(toggler, content, {
			opacity: true,
			trigger: 'click',
			display: -1,
			initialDisplayFx: false,
			alwaysHide: true,
			onComplete: function() { 
				var element=$(this.elements[this.previous]);
				if(element && element.offsetHeight>0) element.setStyle('height', heightValue);			
			},
			onActive: function(toggler, content) {
				toggler.addClass('opened');
			},
			onBackground: function(toggler, content) {
				toggler.removeClass('opened');
			}
		});
		
		// Selezione del livello successivo
		counter++;
		toggler=$$(togglerName+counter);
		content=$$(contentName+counter);
		
	}
}
	
	
function createSingleLevelAccordion(togglerName,contentName) {
	
	// Selettori CSS dei toggler e content
	//var togglerName='.elf-navlist span.accordion_toggler_';
	//var contentName='.elf-navlist ul.accordion_content_';
	
	var myAccordion = new Accordion(togglerName, contentName , {
		opacity: true,
		trigger: 'click',
		// trigger: 'mouseenter',
		display: 0,
		initialDisplayFx: true,
		alwaysHide: false,
		onActive: function(toggler, element){		
			toggler.addClass('opened');
		},
		onBackground: function(toggler, element){
			toggler.removeClass('opened');
		}
	});

}

function goTop() {
	var myFx = new Fx.Scroll(window).toElement('AnchorTopPage');
}
