window.addEvent('domready', function(){
	if ($('fotartalom') && $('fotartalom').getElement('div.lapozo')) {  
		new AjanlatLapozo();	
	}; 

	if ($('alfejezetek')) {  
		new FejezetLapozo();	
	};
	
	if ($('masodiknavigacio')) {  
		new masodiknavigeloszto();	
	}; 
	if ($('atmresult')) {  
		new atmlistazo();	
	};
	
	
	
});


var AjanlatLapozo = new Class({

	initialize: function(){
		this.szamlalo = 0;
		this.blokkok =  $('fotartalom').getElement('div.foajanlat').getElements('div.ajanlattartalom');  
		this.blokkokeffektek =  $('fotartalom').getElement('div.foajanlat').getElements('div.ajanlattartalom').map(function(egyelem){
			return new Fx.Tween(egyelem);
		});
		this.lapozogombok = $('fotartalom').getElement('ul.lapozogombok').getElements('li');
		var atvaltas = function(){this.atvalto()}.bind(this);
		atvaltas.delay(5000);

	},

	atvalto: function(){
		var aktivelem = this.szamlalo;
		var vege;
		if(this.szamlalo === (this.blokkok.length -1)) { 
			vege = true;
			 } else { vege = false; };		
		var kovetkezo;
		if(vege){kovetkezo = 0;} else { kovetkezo = this.szamlalo + 1;}
		this.blokkokeffektek[aktivelem].start('opacity', 0).chain(function(){
			this.lapozogombok[aktivelem].removeClass('aktiv');
			this.blokkok[kovetkezo].setStyles({
				visibility: 'visible',
				opacity: 0			
			});
			this.blokkokeffektek[kovetkezo].start('opacity', 1)
			this.lapozogombok[kovetkezo].addClass('aktiv');			
			if (this.szamlalo === (this.blokkok.length - 1)) {
				this.szamlalo = 0
			} else { this.szamlalo = this.szamlalo + 1};			
			var atvaltas = function(){this.atvalto()}.bind(this);
			atvaltas.delay(4500);  
		}.bind(this));


	}

});


var FejezetLapozo = new Class({
	
	initialize: function(){
		this.aktivpozicio = 0;
		this.alfejezetek = $('alfejezetek').getElements('li').map(function(egyelem, sorszam){
			egyelem.addEvent('click', function(){			   
				this.atvalto(sorszam);				
			}.bind(this)); 
			return egyelem;
		}.bind(this));
		this.fejezettartalmak = $('fejezetszoveg').getElements('div.fejezettartalom');
		this.fejezettartalmakEffektek = $('fejezetszoveg').getElements('div.fejezettartalom').map(function(egyelem, sorszam){   
			if(egyelem.hasClass('aktiv')){
				this.aktivpozicio = sorszam;			   
			};
			return new Fx.Tween(egyelem);
		}.bind(this));
		
	},
	
	
	atvalto: function(sorszam){		
		$('alfejezetek').getElement('li.aktiv').removeClass('aktiv');
		this.alfejezetek[sorszam].addClass('aktiv');
		this.fejezettartalmakEffektek[this.aktivpozicio].start('opacity', 0).chain(function(){
			////console.log(sorszam); 						
			this.fejezettartalmak[this.aktivpozicio].removeClass('aktiv');
			this.fejezettartalmak[this.aktivpozicio].setStyles({
				display: 'none',
				opacity: 0			
			});
			this.fejezettartalmak[sorszam].setStyles({
				display: 'block',
				opacity: 0			
			});
			this.fejezettartalmak[sorszam].addClass('aktiv');
			this.fejezettartalmakEffektek[sorszam].start('opacity', 1);
			this.aktivpozicio = sorszam;
			
			
			
		}.bind(this));
	}
});  

var masodiknavigeloszto = new Class({
	
	initialize: function(){
		this.linkek = $('masodiknavigacio').getElements('li');
		if(this.linkek.length < 7){
		this.linkek.each(function(elem){
			elem.setStyle('width', 860/this.linkek.length);			
		}.bind(this));
	} else {$('masodiknavigacio').getElement('ul').addClass('soklink');}
	}
});

var atmlistazo = new Class({
	
	initialize: function(){
		var myAccordion = new Fx.Accordion($$('.atmH'), $$('.atmB'), {
		    display: -1		    
		});
		$('continents').addEvent('change', function(){
			$('atmresult').getElement('ul').setStyles({
				opacity: 0,
				visibility: 'hidden'
			});
			$('atmresult').getElement('ul').fade('in');
		});
	}
});