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 fo intarnal page thumbs */
//	$$(".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_");

	// Patch per anchor dentro un div con overflow hidden -> non posso usare l meccanismo di default del browser ma uso lo scroll da mootools
	// -> creo una funzione ad-hoc sfruttando il fatto che Fx.Scroll.toElement funziona sempre
	//Prendo la parte iniziale dell'url attuale fino all'eventuale anchor già presente e ci aggiungo il simbolo #
	var mylocation=location.href.match(/^[^#]*/)[0] + '#';	
	$$("a").each(function(el){ // Posso mettere anche un selettore tipo a.anchor oppure a.smoothscroll		
		//alert(el.href); // Riporta l'URL correttamente codificato es spazio -> %20
		//alert(mylocation); // BUG: Su Safari riporta il link ma non codificato -> il match non avviene -> patch con URI ma su TPS non necesario
		if (el.href.indexOf(mylocation) == 0 && mylocation.length!=el.href.length) { // Se il link ha la parte iniziale = a location ed è almeno un carattere più lungo (quindi prendo solo le anchor alla stessa pagina che hanno qualcosa dopo il #)				
			//el.setStyle("background-color","yellow");
			// Qui dovrei controllare l'esistenza della destinazione
			el.addEvent('click', function(event) { 
				event.stop(); // Equivale al "return false" sull'onclick del link
				var myFx = new Fx.Scroll(window).toElement(el.href.substr(mylocation.length)); // ID ancora = stringa dal carattere # in poi
			}.bind(this) ); // Forse bind serve solo se lo metto dentro un oggetto
		}
	});
		
});

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');
}

/* Autoattivazione LightBox per tutti gli URL con estenzione jpg|png|gif|bmp -- Non necessita di rel="lightbox" */

Slimbox.scanPage = function() {
	$$(document.links).filter(function(el) {
		return el.href && el.href.test(/\.(jpg|png|gif|bmp)$/i);
	}).slimbox({}, null, function(el) {
		return (this == el) || (this.parentNode && (this.parentNode == el.parentNode));
	});
};
if (!/android|iphone|ipod|series60|symbian|windows ce|blackberry/i.test(navigator.userAgent)) {
	window.addEvent("domready", Slimbox.scanPage);
}
