var actual=1;
var locked=0;
var auto=0;



var PauseTime=5000;
var LongTime=5000;
var ShortTime=800;



window.onload=function()
{
	var cont=0;
	
	var pirula=$('pirula');

	var  opc1=$('opc1');
	var  opc2=$('opc2');
	var  opc3=$('opc3');
	var  opc4=$('opc4');
	var  opc5=$('opc5');

	var img1=$('img1');
	var img2=$('img2');
	var img3=$('img3');
	var img4=$('img4');
	var img5=$('img5');
	
	var Ini1 =img1.effects({duration: ShortTime, transition: Fx.Transitions.sineInOut}).addEvent('onComplete', function(){Show(1);});
	var Ini2 =img2.effects({duration: 2, transition: Fx.Transitions.sineOut});
	var Ini3 =img3.effects({duration: 2, transition: Fx.Transitions.sineOut});
	var Ini4 =img4.effects({duration: 2, transition: Fx.Transitions.sineOut});
	var Ini5 =img5.effects({duration: 2, transition: Fx.Transitions.sineOut});

	var BEffect1 =img1.effects({duration: ShortTime, transition: Fx.Transitions.sineOut});
	var BEffect2 =img2.effects({duration: ShortTime, transition: Fx.Transitions.sineOut});
	var BEffect3 =img3.effects({duration: ShortTime, transition: Fx.Transitions.sineOut});
	var BEffect4 =img4.effects({duration: ShortTime, transition: Fx.Transitions.sineOut});
	var BEffect5 =img5.effects({duration: ShortTime, transition: Fx.Transitions.sineOut});

	var R2BEffect1 =img1.effects({duration: LongTime, transition: Fx.Transitions.sineInOut});
	var R2BEffect2 =img2.effects({duration: LongTime, transition: Fx.Transitions.sineInOut});
	var R2BEffect3 =img3.effects({duration: LongTime, transition: Fx.Transitions.sineInOut});
	var R2BEffect4 =img4.effects({duration: LongTime, transition: Fx.Transitions.sineInOut});
	var R2BEffect5 =img5.effects({duration: LongTime, transition: Fx.Transitions.sineInOut});


var RBEffect1 =img1.effects({duration: LongTime, transition: Fx.Transitions.sineInOut}).addEvent('onComplete', function(){
	if(locked==0){R2BEffect1.start({ 'opacity': [0] });RBEffect2.start({'opacity':[1]});}
	
});
var RBEffect2 =img2.effects({duration: LongTime, transition: Fx.Transitions.sineInOut}).addEvent('onComplete', function(){
	if(auto==0){R2BEffect2.start({ 'opacity': [0] });RBEffect3.start({'opacity':[1]});}
});
var RBEffect3 =img3.effects({duration: LongTime, transition: Fx.Transitions.sineInOut}).addEvent('onComplete', function(){
	if(auto==0){R2BEffect3.start({ 'opacity': [0] });RBEffect4.start({'opacity':[1]});}
});
var RBEffect4 =img4.effects({duration: LongTime, transition: Fx.Transitions.sineInOut}).addEvent('onComplete', function(){
	if(auto==0){R2BEffect4.start({ 'opacity': [0] });RBEffect5.start({'opacity':[1]});}
});
var RBEffect5 =img5.effects({duration: LongTime, transition: Fx.Transitions.sineInOut}).addEvent('onComplete', function(){
	if(auto==0){R2BEffect5.start({ 'opacity': [0] });RBEffect1.start({'opacity':[1]});}
});

var Pause1=pirula.effects({duration: PauseTime}).addEvent('onComplete', function(){if(auto==0){locked=0;Show(2);}});
var Pause2=pirula.effects({duration: PauseTime}).addEvent('onComplete', function(){if(auto==0){locked=0;Show(3);}});
var Pause3=pirula.effects({duration: PauseTime}).addEvent('onComplete', function(){if(auto==0){locked=0;Show(4);}});
var Pause4=pirula.effects({duration: PauseTime}).addEvent('onComplete', function(){if(auto==0){locked=0;Show(5);}});
var Pause5=pirula.effects({duration: PauseTime}).addEvent('onComplete', function(){if(auto==0){locked=0;Show(1);}});

	
	Show=function(x)
	{
		if(x*20!=actual)
		{
			RBEffect1.stop();
			RBEffect2.stop();
			RBEffect3.stop();
			RBEffect4.stop();
			RBEffect5.stop();
			
			
			R2BEffect1.stop();
			R2BEffect2.stop();
			R2BEffect3.stop();
			R2BEffect4.stop();
			R2BEffect5.stop();
			
			img1.style.ZIndex=1;
			img2.style.ZIndex=1;
			img3.style.ZIndex=1;
			img4.style.ZIndex=1;
			img5.style.ZIndex=1;
			if(x==1)
			{	
				img1.style.ZIndex=4;
				BEffect1.start({ 'opacity': [1] });
				BEffect2.start({ 'opacity': [0] });
				BEffect3.start({ 'opacity': [0] });
				BEffect4.start({ 'opacity': [0] });
				BEffect5.start({ 'opacity': [0] });
				Pause1.start();				
			}
			if(x==2)
			{
				img2.style.ZIndex=4;
				BEffect1.start({ 'opacity': [0] });
				BEffect2.start({ 'opacity': [1] });
				BEffect3.start({ 'opacity': [0] });
				BEffect4.start({ 'opacity': [0] });
				BEffect5.start({ 'opacity': [0] });
				Pause2.start();
			}
			if(x==3)
			{
				img3.style.ZIndex=4;
				BEffect1.start({ 'opacity': [0] });
				BEffect2.start({ 'opacity': [0] });
				BEffect3.start({ 'opacity': [1] });
				BEffect4.start({ 'opacity': [0] });
				BEffect5.start({ 'opacity': [0] });
				Pause3.start();
			}
			if(x==4)
			{
				img4.style.ZIndex=4;
				BEffect1.start({ 'opacity': [0] });
				BEffect2.start({ 'opacity': [0] });
				BEffect3.start({ 'opacity': [0] });
				BEffect4.start({ 'opacity': [1] });
				BEffect5.start({ 'opacity': [0] });
				Pause4.start();
			}
			if(x==5)
			{
				img5.style.ZIndex=4;
				BEffect1.start({ 'opacity': [0] });
				BEffect2.start({ 'opacity': [0] });
				BEffect3.start({ 'opacity': [0] });
				BEffect4.start({ 'opacity': [0] });
				BEffect5.start({ 'opacity': [1] });
				Pause5.start();
			}
			actual=x;
		}
		locked=1;
	};
	
	ShowAndStop=function(x)
	{
		if(x*20!=actual)
		{
			RBEffect1.stop();
			RBEffect2.stop();
			RBEffect3.stop();
			RBEffect4.stop();
			RBEffect5.stop();
			
			
			R2BEffect1.stop();
			R2BEffect2.stop();
			R2BEffect3.stop();
			R2BEffect4.stop();
			R2BEffect5.stop();
			
			img1.style.ZIndex=1;
			img2.style.ZIndex=1;
			img3.style.ZIndex=1;
			img4.style.ZIndex=1;
			img5.style.ZIndex=1;
			if(x==1)
			{	
				img1.style.ZIndex=4;
				BEffect1.start({ 'opacity': [1] });
				BEffect2.start({ 'opacity': [0] });
				BEffect3.start({ 'opacity': [0] });
				BEffect4.start({ 'opacity': [0] });
				BEffect5.start({ 'opacity': [0] });
			}
			if(x==2)
			{
				img2.style.ZIndex=4;
				BEffect1.start({ 'opacity': [0] });
				BEffect2.start({ 'opacity': [1] });
				BEffect3.start({ 'opacity': [0] });
				BEffect4.start({ 'opacity': [0] });
				BEffect5.start({ 'opacity': [0] });
			}
			if(x==3)
			{
				img3.style.ZIndex=4;
				BEffect1.start({ 'opacity': [0] });
				BEffect2.start({ 'opacity': [0] });
				BEffect3.start({ 'opacity': [1] });
				BEffect4.start({ 'opacity': [0] });
				BEffect5.start({ 'opacity': [0] });
			}
			if(x==4)
			{
				img4.style.ZIndex=4;
				BEffect1.start({ 'opacity': [0] });
				BEffect2.start({ 'opacity': [0] });
				BEffect3.start({ 'opacity': [0] });
				BEffect4.start({ 'opacity': [1] });
				BEffect5.start({ 'opacity': [0] });
			}
			if(x==5)
			{
				img5.style.ZIndex=4;
				BEffect1.start({ 'opacity': [0] });
				BEffect2.start({ 'opacity': [0] });
				BEffect3.start({ 'opacity': [0] });
				BEffect4.start({ 'opacity': [0] });
				BEffect5.start({ 'opacity': [1] });
			}
			actual=x;
		}
		locked=1;
	};


	Ini1.start({ 'opacity': [1] });
	Ini2.start({ 'opacity': [0] });
	Ini3.start({ 'opacity': [0] });
	Ini4.start({ 'opacity': [0] });
	Ini5.start({ 'opacity': [0] });
	
	opc1.onclick = function(){auto=1;ShowAndStop(1);}
	opc2.onclick = function(){auto=1;ShowAndStop(2);}
	opc3.onclick = function(){auto=1;ShowAndStop(3);}
	opc4.onclick = function(){auto=1;ShowAndStop(4);}
	opc5.onclick = function(){auto=1;ShowAndStop(5);}

	




	
	
}