var index = 1;
var tabs = new Array();
var carousel_timer;

var OVERVIEW_PERIOD = 10000;

function home_carousel() {

	if (index<tabs.length) index += 1;
	else index = 1;
	show(tabs[(index-1)].id);
	
}
function show(id) {

	$$('#overview li').each(function(li) { li.fade.delay(450,li,0); });
	$$('#overview li h2').each(function(h) { h.fade(0)});
	if (document.getElement('a[href*='+id+']')) {
		$$('#teaser_nav li a').removeClass('active');
		document.getElement('a[href*='+id+']').addClass('active');
	}

	
	$(id).fade.delay(1050,$(id),1);
	if ($(id).getElement('h2')) {
		$(id).getElement('h2').fade.delay(1450,$(id).getElement('h2'),1);
	}

}
window.addEvent('domready', function(){ 
	
	
	if (navigator.cookieEnabled) {
		
		$$('#login_column .js').removeClass('js');
		$$('#login_column .no_js').dispose();
		
	}
	
	
	$$('#overview>li').each(function(li,i) {
		
		tabs[i] =	{
						index:i,
						id:li.get('id')		
					}
		
	});
	$$('#overview li h2')
	.set('tween', {duration:600})
	.filter(function(h) {return (!h.getParent('li').hasClass('active'))})
	.setStyle('opacity',0);
	
	
	$$('#overview li')
	.set('tween', {duration:600})
	.filter(function(li) {return (!li.hasClass('active'))})
	.setStyle('opacity',0);

	
	
	$$('.#teaser_nav li a')
	.set('tween',{link:'chain'})
	.addEvent('click', function(a) {
	
		if ((this.get('href')) && (!this.hasClass('nav'))) {
			
			$clear(carousel_timer);
			id = this.get('href').split('#')[1];
			
			$$('#overview li').each(function(li,i) {
			
				if (li.get('id') == id) index = i+1;
			
			});
			
			show(id);
			
			carousel_timer = home_carousel.periodical(OVERVIEW_PERIOD);
			
			
		}
		return false;
	
	});
	$$('a.next_link').addEvent('click', function() {
		
		$clear(carousel_timer);
		id =  (index<tabs.length) ?	tabs[index].id : tabs[0].id;
		$$('#overview li').each(function(li,i) {
			if (li.get('id') == id) index = i+1;
		});
		
		show(id);
		carousel_timer = home_carousel.periodical(OVERVIEW_PERIOD);
		
		return false;
	
	});
	
	$$('a.previous_link').addEvent('click', function() {
		
		$clear(carousel_timer);
		id =  (index>1) ?	tabs[index-2].id : tabs[tabs.length-1].id;
		$$('#overview li').each(function(li,i) {
			if (li.get('id') == id) index = i+1;
		});
		
		show(id);
		carousel_timer = home_carousel.periodical(OVERVIEW_PERIOD);
		
		return false;
	
	});
	
	carousel_timer = home_carousel.periodical(OVERVIEW_PERIOD);

	

})