// JavaScript Document

var t = false;
var anTi;
var st = false;
var anTis;

var titoli = Array('Siti internet','Web marketing','Posizionamento');
var sottotitoli = Array('La tua immagine nel mondo del web','Soluzioni su misura per la tua azienda','Il tuo sito in testa sui motori di ricerca');


window.addEvent('load',function(){
	
	// PORTFOLIO
	
	var port_title = $$('#portfoliohome h3');
	var port_desc = $$('#portfoliohome .descrizione');
	var lista_img = $$('#slideshow-portfolio-images img');
	var lista_img_wrap = $('slideshow-portfolio-images').getChildren('div');
	lista_img_wrap.setStyle('left','0px');
	var lista_i = 0;
	
	$('slideshow-portfolio-rarrow').addEvent('click',function(e){
		e.stop();
		if (lista_i>=lista_img.length-1)
			lista_i = 0;
		else
			lista_i++;
			
		lista_img_wrap.tween('left',-293*lista_i);

		port_title.set('text',lista_img[lista_i].getAttribute('title'));
		port_desc.set('text',lista_img[lista_i].getAttribute('alt'));
	});
	
	$('slideshow-portfolio-larrow').addEvent('click',function(e){
		e.stop();
		if (lista_i==0)
			lista_i = lista_img.length-1;
		else
			lista_i--;
		lista_img_wrap.tween('left',-293*lista_i);
		
		port_title.set('text',lista_img[lista_i].getAttribute('title'));
		port_desc.set('text',lista_img[lista_i].getAttribute('alt'));
	});
	
	//MENU HEADER
	
	var container = $$('#header .menu');
	var toggler = $$('#header .menu > li');
	for(i=0;i<toggler.length;i++) {
		toggler[i].addEvent('mouseenter',function(e){
			e.stop();
			ul = this.getChildren('ul');
			ul.set('tween',{duration:750, transition: Fx.Transitions.Cubic.easeOut});
			ul.setStyle('height','0px');
			ul.tween('height',100);
		});
		toggler[i].addEvent('mouseleave',function(e){
			e.stop();
			ul.setStyle('display','block');
			this.getChildren('ul').tween('height',0);
		});	
	}
	
	//FILMATO
	
	t = new Element('div',{ 'class': 'titoloHome', 'text': titoli[0] }).inject($('header').firstChild);
	anTi = new Fx.Morph(t,{fps:150,duration:'3100',transition:Fx.Linear});
 	
	st = new Element('div',{ 'class': 'sottotitoloHome', 'text': sottotitoli[0] }).inject($('header').firstChild);
	anTis = new Fx.Morph(st,{fps:150,duration:'3100',transition:Fx.Linear});
	
	filmato();
	
},'javascript');

function filmato() {
	
	t.innerHTML = titoli[0];
	st.innerHTML = sottotitoli[0];
	
	anTi.start({left:[150,450],opacity:[0,.7]}).chain(
		function() { anTi.start({left:[450,900],opacity:[.7,0]}); },
		function() { t.innerHTML = titoli[1];
					 anTi.start({left:[150,450],opacity:[0,.7]}); },
		function() { anTi.start({left:[450,900],opacity:[.7,0]}); },
		function() { t.innerHTML = titoli[2];
					 anTi.start({left:[150,450],opacity:[0,.7]}); },
		function() { anTi.start({left:[450,900],opacity:[.7,0]}); },
		function() { filmato(); }
	);
 	anTis.start({left:[1000,470],opacity:[0,.85]}).chain(
		function() { anTis.start({left:[470,150],opacity:[.85,0]}); },
		function() { st.innerHTML = sottotitoli[1];
					 anTis.start({left:[1000,470],opacity:[0,.85]}); },
		function() { anTis.start({left:[470,150],opacity:[.85,0]}); },
		function() { st.innerHTML = sottotitoli[2];
					 anTis.start({left:[1000,470],opacity:[0,.85]}); },
		function() { anTis.start({left:[470,150],opacity:[.85,0]}); }
	);
}