onloadHooks.push(function(){ 
	changeTeaser();
});

function changeTeaser(){
	
	var count = $$('.keyimagewrap').length.toInt() - 1; // Länge des Array mit allen Elementen der Klasse = Anzahl der Bilder
  var current = count;
	var perodic;
	var loop = 1;

	function nextPic()
	{
		var prosp;
		if(current.toInt() < 0)
		{
			$$('.keyimagewrap').setStyle('opacity','1');
			current = ($$('.keyimagewrap').length-1)
		};
		if ((current - 1) < 0)
		{
			prosp = count;
		}
		else
		{
			prosp = current - 1;
		}
		
		/*$('headerimage_'+current).set('tween', {
			duration: '1000',
			onComplete : function(){
				console.log("tä!");
			}
		});
		$('headerimage_'+prosp).set('tween', {
			duration: '1000',
			onComplete : function(){
				console.log("tu!");
			}
		});
		console.log("prosp: "+prosp);
		console.log("current: "+current);*/
		
		var first = new Fx.Tween('headerimage_'+current, {
		property: 'opacity',
		duration: 1000
	});
	
	var second = new Fx.Tween('headerimage_'+prosp, {
		property: 'opacity',
		duration: 1000
	});
	
	first.start('1','0');
	second.start('0','1');
		/*$('headerimage_'+current).tween('opacity', '0');
		$('headerimage_'+(prosp)).tween('opacity', '1');*/
		
		$$('[class=ig_keyimage_current]').each(function(item, index)
		{
			item.innerHTML = count.toInt() + 1 - prosp.toInt();

		}
		);
		current = prosp;
	}
	
	function setVisibility(item)
	{ 
		if (current < 0)
		{
			current = count;
		}
		if ( item.id.split("_")[5] != current ) 
		{	
			$('headerimage_'+item.id.split("_")[5]).tween('opacity', '0');
		}	
		else 
		{ 
			$('headerimage_'+item.id.split("_")[5]).tween('opacity', '1');
		}
		$$('[class=ig_keyimage_current]').each(function(item, index)
		{
			item.innerHTML = count + 1 - current.toInt();

		}
		);
	};
	
	perodic = nextPic.periodical(7000);
	
	// Blätterfunktion rückwärts	
	$$('[class=ig_keyimage_selector_left]').each(function(item, index){item.addEvent('click',function(){
		$clear(perodic);
		current = this.id.split("_")[5];
		
		$$('[class=ig_keyimage_selector_left]').reverse().each(function(item, index)
		{
			setVisibility(item);
		}
		);
		perodic = nextPic.periodical(7000);
	});
	});

	// Blätterfunktion vorwärts	
	$$('[class=ig_keyimage_selector_right]').each(function(item, index){item.addEvent('click',function(){
		$clear(perodic);
		current = this.id.split("_")[5];
		$$('[class=ig_keyimage_selector_right]').reverse().each(function(item, index)
		{
			setVisibility(item);
		}
		);
		perodic = nextPic.periodical(7000);
	});
	});
}