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

	var fade_divs = $$('#faders .fader');
	var fade_tabs = $$('#indexNews .tab');
	var fadeFx = new Array();
	var last_fired;
	var next = 0;
	var periodical_on = false;
	var stay_length = 8000;
	
	fade_divs.each(function(fade_div, i){
		fadeFx[i] = new Fx.Tween(fade_div, {
			property : 'opacity', duration : 900, transition : Fx.Transitions.Sine.easeIn
		});
		fade_div.set({
			'events': {
				'mouseover': function(){
					$clear(myperiodical);
					periodical_on = false;
				},
				'mouseleave': function(){
					if(!periodical_on){
						myperiodical = show_div.periodical(stay_length);
						periodical_on = true;
					}
				}
			}
		});			
		fadeFx[i].set(0);
	});

	var show_div = function (){
		
		fade_divs.each(function(fade_div, i){
			if(i != next){
				fade_tabs[i].removeClass('active');
				//fadeFx[i].cancel();
				fadeFx[i].start(0);
				//exampleFx[i].set(0);
			}
		});
		
		var tmpFadeFx = new Fx.Tween(fade_divs[next], {
			property : 'opacity',
			duration : 900, 
			transition : Fx.Transitions.Sine.easeIn
		});
		//fadeFx[next].cancel();
		tmpFadeFx.start(1);
		fade_tabs[next].addClass('active');
		next++;
		if (fade_divs[next] == null) {
			next = 0;
		}
	}
	
	var myperiodical = show_div.periodical(stay_length);
	periodical_on = true;
	show_div();
	
	fade_tabs.each(function(tab, i){
		tab.set({
			'events': {
				'click': function(){
					$clear(myperiodical);
						periodical_on = false;
					next = i;
					show_div();
					return false;
				},
				'mouseleave': function(){
					if(!periodical_on){
						myperiodical = show_div.periodical(stay_length);
						periodical_on = true;
					}
				}
			}
		});	
	});	
	
});