// JavaScript Document

/*

Autor: lluis clavaguera
Data: 08/06/09
Versio de mootools que utilitza: mootools-1.2.2-core

Que fa:

El que fa és amb un conjunt de 4 textes, fa que primer apareix el primer, llavors quan quasi ha aparegut comença a apreixre el segon i aquest desapareix, i aixi amb els altres 4.

Apareixa té a veure amb la opacity dels elements.

Esta fet amb timmer que el que aconseguim es reduir el temps en que tarda en apareixer un element quan fem fade(.5) amb mootools.

*/


<!--

//variables
var simpleTimer;
var simpleTimer_disp;
var simpleTimer_compro;
var simpleTimer_confi;
var count=1;
var count_disp=1;
var count_compro=1;
var count_confi=1;
var apareix_desapareix_resp=false; // false apareix i true desapareix
var apareix_desapareix_disp=false;
var apareix_desapareix_confi=false;
var apareix_desapareix_compro=false;

var apareix_resp = function(){
//funcio que es crida amb un timer ( periodical ) per tal de que vagi aparagent la imatges

if(!apareix_desapareix_resp)
{
	if(count>=10)
	{
		$('foto1').fade('1');
		apareix_desapareix_resp=true;
	}else
	{
		$('foto1').fade('.'+count);
		count++;
	}

	if(count==9)
	{
		simpleTimer_disp=apareix_disp.periodical(140);
	}
	
	
}else
{
	if(count<=0)
	{
		$('foto1').fade('0');
		$clear(simpleTimer);
	}else
	{
		$('foto1').fade('.'+count);
		count--;
	}
}	
	
	
}
 
var apareix_disp = function(){
//funcio que es crida amb un timer ( periodical ) per tal de que vagi aparagent la imatges

if(!apareix_desapareix_disp)
{	
	if(count_disp>=10)
	{
		$('foto2').fade('1');
		apareix_desapareix_disp=true;
	}else
	{
		$('foto2').fade('.'+count_disp);
		count_disp++;
	}
	
	if(count_disp==9)
	{
		simpleTimer_confi=apareix_confi.periodical(140);
	}
}else
{
	if(count_disp<=0)
	{
		$('foto2').fade('0');
		$clear(simpleTimer_disp);
	}else
	{
		$('foto2').fade('.'+count_disp);
		count_disp--;
	}
}
	
} 
 
var apareix_confi = function(){
//funcio que es crida amb un timer ( periodical ) per tal de que vagi aparagent la imatges

if(!apareix_desapareix_confi)
{	
	if(count_confi>=10)
	{
		$('foto3').fade('1');
		apareix_desapareix_confi=true;
	}else
	{
		$('foto3').fade('.'+count_confi);
		count_confi++;
	}
	
	if(count_confi==9)
	{
		simpleTimer_compro=apareix_compro.periodical(140);
	}
}else
{
	if(count_confi<=0)
	{
		$('foto3').fade('0');
		$clear(simpleTimer_confi);
	}else
	{
		$('foto3').fade('.'+count_confi);
		count_confi--;
	}
}

} 
 
var apareix_compro = function(){
//funcio que es crida amb un timer ( periodical ) per tal de que vagi aparagent la imatges

if(!apareix_desapareix_compro)
{	
	if(count_compro>=10)
	{
		$('foto4').fade('1');
		apareix_desapareix_compro=true;
	}else
	{
		$('foto4').fade('.'+count_compro);
		count_compro++;
	}
	
	/*if(count==9)
	{
		simpleTimer_confi=apareix_confi.periodical(150);
	}*/
}else
{
	if(count_compro<=0)
	{
		$('foto4').fade('0');
		$clear(simpleTimer_compro);
	}else
	{
		$('foto4').fade('.'+count_compro);
		count_compro--;
	}

}

	
} 

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

	$('foto1').setStyle('opacity','0');
	$('foto2').setStyle('opacity','0');
	$('foto3').setStyle('opacity','0');
	$('foto4').setStyle('opacity','0');

});

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

//crida als timers

	simpleTimer=apareix_resp.periodical(140);

	
});


-->