//===================================================
// Reload on Resize
//===================================================

//===================================================
// @@@@ AVVIO DOMREADY (pagina ancora in caricamento) @@@@
//===================================================

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

	// -----------------------------------------------------
	// Attiva link e crea le schede
	// -----------------------------------------------------
	var collegamenti = $$(".sublink");

	collegamenti.each(function(collegamento, i) {
	
		var id_corrente = collegamento.id;

		// Pre-carica tutte le schede
		new Ajax('schede/'+ id_corrente + '.htm', {
		 
				method: 'get',				
				data: 'nocache=' + new Date().getTime(),		
				onRequest: function() {						
					
					// Crea il Div corrispondente alla pagina
					var nuovo_contenitore = new Element('div', {
						'class': 'contenitore',
						'id': id_corrente + '_contenitore'
					});					
					// Lo inserisce nella pagina
					nuovo_contenitore.injectAfter('table_van');						
				
				},					
				onComplete: function() {				

				
					// Riempe il DIV con il contenuto della pagina
					$(id_corrente + '_contenitore').setHTML(this.response.text);
					
					
					// Attiva il tasto di chiusura					
					$$('.chiudi_contenitore').addEvent("click", function(event) {						
							$$('.contenitore').setStyle('opacity',0);
					});					
									
					// Mostra la pagina selezionata al click del link
					collegamento.addEvent("click", function(event) {
					var event = new Event(event);						
						
						// Chiude altre schede aperte
						$$('.contenitore').setStyle('opacity',0);
						
						// Carica il login per la pagina delle iscrizioni
						if (id_corrente=='iscrizioni'){
							carica_login.request();
						}	
						
						// Posiziona il Div di testo al centro
						$(id_corrente + '_contenitore').setStyles({
												'top':event.page.y,
												'left':event.page.x,
												'width':'10px',		
												'opacity': 0,
												'display':'inline'												
											});
						// Lo allarga lentamente fino alle dimensioni volute e lo opacizzaC
						var allarga_fx = new Fx.Styles(id_corrente + '_contenitore', {duration: 700, transition: Fx.Transitions.Cubic.easeOut});	
						allarga_fx.start({
							'width' : '550px',								
							'top':$('img_van').getTop()+110,
							'left':$('img_van').getLeft()+50,
							'opacity': 0.99
						});	
									
					});		
				},
				onFailure: function() {
				
					// Riempe il DIV con il contenuto della pagina
					$(id_corrente + '_contenitore').setHTML('<div align="right"><a href="javascript:sism()" class="chiudi_contenitore">[ chiudi ]</a></div><br><center><img src="img/sism-village.png"><i> - coming soon -</i></center>');
					
					
					// Attiva il tasto di chiusura					
					$$('.chiudi_contenitore').addEvent("click", function(event) {						
							$$('.contenitore').setStyle('opacity',0);
					});					
									
					// Mostra la pagina selezionata al click del link
					collegamento.addEvent("click", function(event) {
					var event = new Event(event);					
					
						
						// Posiziona il Div di testo al centro
						$(id_corrente + '_contenitore').setStyles({
												'top':event.page.y,
												'left':event.page.x,
												'width':'10px',		
												'opacity': 0,
												'display':'inline'												
											});
						// Lo allarga lentamente fino alle dimensioni volute e lo opacizzaC
						var allarga_fx = new Fx.Styles(id_corrente + '_contenitore', {duration: 700, transition: Fx.Transitions.Cubic.easeOut});	
						allarga_fx.start({
							'width' : '480px',								
							'top':$('img_van').getTop()+110,
							'left':$('img_van').getLeft()+90,
							'opacity': 0.97
						});	
									
					});	
				}
		}).request();
	
	});
	
});		



//===================================================

//===================================================
// @@@@ AVVIO LOAD (pagina caricata interamente) @@@@
//===================================================
window.addEvent('load', function(){

	var collegamenti = $$(".sublink");

	collegamenti.each(function(collegamento, i) {
			switch(collegamento.id){
				case 'iscrizioni':
						  var top=$('img_van').getTop()+250;
						  var left=$('img_van').getLeft()+185;
						  break;    
				case 'programma':
						  var top=$('img_van').getTop()+364;
						  var left=$('img_van').getLeft()+153;						  
						  break;
				case 'palermo':
						  var top=$('img_van').getTop()+314;
						  var left=$('img_van').getLeft()+565;						  
						  break;
				case 'staff':
						  var top=$('img_van').getTop()+265	;
						  var left=$('img_van').getLeft()+568;						  
						  break;
				case 'comearrivare':
						  var top=$('img_van').getTop()+496;
						  var left=$('img_van').getLeft()+382;						  
						  break;	
				case 'patrocini':
						  var top=$('img_van').getTop()+456;
						  var left=$('img_van').getLeft()+154;						  
						  break;		
				case 'location':
						  var top=$('img_van').getTop()+182;
						  var left=$('img_van').getLeft()+515;						  
						  break;	
			}
					// Crea l'asterisco
					var asterisco = new Element('img', {
						'class': 'asterisco',
						'src': 'img/asterisco_ani.gif'
					});					
					asterisco.setStyles({
												'top': top,
												'left': left,													
												'opacity': 1,
												'display':'inline'
											});					
					// Lo inserisce nella pagina
					asterisco.injectAfter('table_van');		
	});
	
	// -----------------------------------------------------
	// Posiziona il countdown
	// -----------------------------------------------------
	$('benvenuto').setStyles({ 'top': $('img_van').getTop()+110,
											'left': $('img_van').getLeft()+250,
											'display' : 'inline'
											
										});
						  

});
//===================================================

	// Funzione allodola
	function sism(){
		return;
	}