window.addEvent('domready', function() {
	
	var network = $('network');   var network_text = $('network_text');
	var clients = $('clients');   var clients_text = $('clients_text');
	var contacts = $('contacts'); var contacts_text = $('contacts_text');
	var showreel = $('showreel');
	var filmato = $('filmato');
	
	//var ogg = new Array('network', 'clients', 'contacts');
	var aperto = false;
	var backopen = '';
	var sezione = '';
	
	$('showreel').addEvent('click', function(){
		
		if(aperto) return;
		
		if(window.ie){
			mostra_fimato("video/video.swf");
		}

		var fx1 = new Fx.Styles(network_text, {duration:500, wait:false});
		var fx2 = new Fx.Styles(clients_text, {duration:500, wait:false});
		var fx3 = new Fx.Styles(contacts_text, {duration:500, wait:false});
		
		aperto = true;
		sezione = '';
		showreel.setStyle('cursor','auto');
		
		fx1.start({'opacity': 0, 'height': 0});
		fx2.start({'opacity': 0, 'height': 0});
		fx3.start({'opacity': 0, 'height': 0}).chain(function(){
			
			var fx11 = new Fx.Styles(network, {duration:1000, wait:false});
			var fx22 = new Fx.Styles(clients, {duration:1000, wait:false});
			var fx33 = new Fx.Styles(contacts, {duration:1000, wait:false});
			
		    fx11.start({'opacity': 0, 'left': 0});
			fx22.start({'opacity': 0, 'left': 0});
			fx33.start({'opacity': 0, 'left': 0}).chain(function(){
				
				var fx111 = new Fx.Styles(contacts, {duration:1000, wait:false});
				var fx222 = new Fx.Styles(clients, {duration:1000, wait:false});
				var fx333 = new Fx.Styles(network, {duration:1000, wait:false});
				
				network.setStyle('background-image','URL(layout/ideas_small.png)');
				clients.setStyle('background-image','URL(layout/bg_clients_small.png)');
				contacts.setStyle('background-image','URL(layout/bg_contacts_small.png)');
				
				fx111.start({'opacity': 1, 'left': 260});
				fx222.start({'opacity': 1, 'left': 190});
				fx333.start({'opacity': 1, 'left': 120}).chain(function(){
					
					var fx4 = new Fx.Styles(filmato, {duration:500, wait:false});
					
					filmato.setStyle('opacity',0);
					filmato.setStyle('display','block');
					
					fx4.start({'opacity': 1, 'height': 400}); //280});
					
					////////////////
					$('back').setStyle('display','block');
					////////////////
				
				});
			});
		});				
	});
	
	$('back').addEvent('click', function(){
		
		////////////////
		$('back').setStyle('display','none');
		////////////////
		
		if(window.ie){
			filmato.setHTML('');
		}
		
		var fx4 = new Fx.Styles(filmato, {duration:500, wait:false});
		var fx1 = new Fx.Styles(network, {duration:1000, wait:false});
		var fx2 = new Fx.Styles(clients, {duration:1000, wait:false});
		var fx3 = new Fx.Styles(contacts, {duration:1000, wait:false});
		
		fx4.start({'opacity': 0, 'height': 0});
		fx1.start({'opacity': 0, 'left': 0});
		fx2.start({'opacity': 0, 'left': 0});
		fx3.start({'opacity': 0, 'left': 0}).chain(function(){
			
			filmato.setStyle('display','none');
			network.setStyle('background-image','URL(layout/idea_big.png)');
			clients.setStyle('background-image','URL(layout/bg_clients.png)');
			contacts.setStyle('background-image','URL(layout/bg_contacts.png)');
			
			var fx11 = new Fx.Styles(network, {duration:1000, wait:false});
			var fx22 = new Fx.Styles(clients, {duration:1000, wait:false});
			var fx33 = new Fx.Styles(contacts, {duration:1000, wait:false});
			
			fx11.start({'opacity': 1, 'left': 135});
			fx22.start({'opacity': 1, 'left': 280});
			fx33.start({'opacity': 1, 'left': 435}).chain(function(){
				
				aperto = false;
				showreel.setStyle('cursor','pointer');
				
				if(backopen!=''){
					$(backopen).fireEvent('click');
					backopen = '';
				}
				
				/*///////////////////////////////////////////////////////////////////////////////
				var fx111 = new Fx.Styles(network_text, {duration:500, wait:false});
				var fx222 = new Fx.Styles(clients_text, {duration:500, wait:false});
				var fx333 = new Fx.Styles(contacts_text, {duration:500, wait:false});
				

				fx111.start({'opacity': 1, 'height': 254});
				fx222.start({'opacity': 1, 'height': 254});
				fx333.start({'opacity': 1, 'height': 254}).chain(function(){
					
					aperto = false;
					showreel.setStyle('cursor','pointer');
					
				});
				///////////////////////////////////////////////////////////////////////////////*/
			});
		});
	});
	
	$('network').addEvent('click', function(){
		
		if(aperto){ 
			backopen = 'network';
			$('back').fireEvent('click');
			return;
		}
		
		if(sezione=='network') return;
		
		var fx1 = new Fx.Styles(network_text, {duration:500, wait:false});
		var fx2 = new Fx.Styles(clients_text, {duration:500, wait:false});
		var fx3 = new Fx.Styles(contacts_text, {duration:500, wait:false});
		
		$(network_text).setStyle('border-top','2px solid black');
		$(network_text).setStyle('border-bottom','2px solid black');
		
		//fx1.start({'opacity': 0, 'height': 0});
		fx2.start({'opacity': 0, 'height': 0});
		fx3.start({'opacity': 0, 'height': 0}).chain(function(){
			
			var fx11 = new Fx.Styles(network_text, {duration:500, wait:false});
			fx11.start({'opacity': 1, 'height': 254});
			sezione = 'network';
		});
		
	});

	$('it-flag').addEvent('click', function(){
					
		var fx1 = new Fx.Styles($('cont'), {duration:500, wait:false});

		fx1.start({'top': -268});
		
		$('en-flag').setStyle('display','block');
		$('it-flag').setStyle('display','none');

		
	});

	$('en-flag').addEvent('click', function(){
					
		var fx1 = new Fx.Styles($('cont'), {duration:500, wait:false});

		fx1.start({'top': 10});
		$('it-flag').setStyle('display','block');
		$('en-flag').setStyle('display','none');
		
	});
	
	
	
	var cur=1;


	$('freccia_sx').addEvent('click', function(){
					
		var fx1 = new Fx.Styles($('cont'), {duration:500, wait:false});
        l=parseInt($('cont').getStyle('left'));
		fx1.start({'left': l+850});
		
        
        $('freccia_dx').setStyle('display','block');
        
        cur--;
        
        if(cur==1) $('freccia_sx').setStyle('display','none');
        
        

		
	});

	$('freccia_dx').addEvent('click', function(){
					
		var fx1 = new Fx.Styles($('cont'), {duration:500, wait:false});
        l=parseInt($('cont').getStyle('left'));
		fx1.start({'left': l-850});

        
        $('freccia_sx').setStyle('display','block');

        cur++;

        
        if(cur==pag) $('freccia_dx').setStyle('display','none');
        
        

		
	});

	
	$('clients').addEvent('click', function(){
		
		if(aperto){ 
			backopen = 'clients';
			$('back').fireEvent('click');
			return;
		}
		
		if(sezione=='clients') return;
		
		var fx1 = new Fx.Styles(network_text, {duration:500, wait:false});
		var fx2 = new Fx.Styles(clients_text, {duration:500, wait:false});
		var fx3 = new Fx.Styles(contacts_text, {duration:500, wait:false});
		
		fx1.start({'opacity': 0, 'height': 0});
		fx2.start({'opacity': 0, 'height': 0});
		fx3.start({'opacity': 0, 'height': 0}).chain(function(){
			
			var fx11 = new Fx.Styles(clients_text, {duration:500, wait:false});
			fx11.start({'opacity': 1, 'height': 300});
			sezione = 'clients';
		});
		
	});
	
	$('contacts').addEvent('click', function(){
		
		if(aperto){ 
			backopen = 'contacts';
			$('back').fireEvent('click');
			return;
		}
		
		if(sezione=='contacts') return;
		
		var fx1 = new Fx.Styles(network_text, {duration:500, wait:false});
		var fx2 = new Fx.Styles(clients_text, {duration:500, wait:false});
		var fx3 = new Fx.Styles(contacts_text, {duration:500, wait:false});
		
		fx1.start({'opacity': 0, 'height': 0});
		fx2.start({'opacity': 0, 'height': 0});
		fx3.start({'opacity': 0, 'height': 0}).chain(function(){
			
			var fx11 = new Fx.Styles(contacts_text, {duration:500, wait:false});
			fx11.start({'opacity': 1, 'height': 254});
			sezione = 'contacts';
		});
		
	});
	
	
});	

function mostra_fimato(url){
		//var so = new SWFObject(url, "showreel", "415", "230", "7", "#000");
		//so.write("filmato");
}

window.addEvent('load', function(){
	if(!window.ie){
        mostra_fimato("video/video.swf");
	}
});