var Animacio = Class.create({
  initialize: function() {
	this.darab = 4;
	this.act = 1;
	this.stopped = 0;
  },
  
	start:function(){
		futtato = new PeriodicalExecuter(Animacio.valt, 5);
	},
	
	setActive:function(id){
		Animacio.stopped = 1;
		futtato.stop();
		for(var i=1;i<=Animacio.darab;i++){
			$('headerpic'+i).setStyle({opacity: 0.0});
		}
		$('headerpic'+id).setStyle({opacity: 1.0});
		
		for(var i=1;i<=Animacio.darab;i++){
			$('headerbox'+i).removeClassName("active");
		}
		$('headerbox'+id).addClassName("active");
		
		Animacio.stopped = 0;
		futtato = new PeriodicalExecuter(Animacio.valt, 5);
		Animacio.act = id;
	},
	
	valt:function(){
		var elso = Animacio.act;
		if(Animacio.act == Animacio.darab){
			var masodik = 1;
		}else{
			var masodik = elso+1;
		}
		Animacio.act = masodik;
		
		//alert(elso+'-'+masodik);
		new Effect.Opacity('headerpic'+elso, { duration: 3.0, from: 1.0, to: 0.0, afterFinish:function(){
			$('headerbox'+elso).removeClassName("active");
			for(var i=1;i<=Animacio.darab;i++){
				$('headerbox'+i).removeClassName("active");
			}
		}  });
		
			
			
		new Effect.Opacity('headerpic'+masodik, { duration: 3.0, from: 0.0, to: 1.0, afterFinish:function(){
			$('headerbox'+masodik).addClassName("active");
		}  });
	}
});

var Animacio = new Animacio();