
function initChgbanner(){

	var count = $$('.chgbanner_field').length; // Länge des Array mit allen Elementen der Klasse = Anzahl der Bilder
	var current = (count-1);
	var perodic;
	var loop = 1;
		
	function nextPic()
	{
		var prosp;
		if(current == 0)
		{
			$$('.chgbanner_field').setStyle('opacity','1');
			current = ($$('.chgbanner_field').length-1)
		}
		$('pic_'+current).set('tween', {
			duration: '700',
			onComplete : function(){
			
				$$('.chgbanner_navi_links_btns a').removeClass('ro').addClass('no');
				/*$$('.chgbanner_field_headlines').setStyle('display','none');*/
				$$('.chgbanner_field_text').setStyle('display','none');
							
				if(current == 0)
				{
					if($('link_'+(count-1))){
						$('link_'+(count-1)).removeClass('no').addClass('ro');
						/*$('headline_'+(count-1)).setStyle('display','block');*/
						/*$('text_'+(count-1)).setStyle('display','block');*/
					}
				}
				else
				{
					if($('link_'+current)){
						$('link_'+current).removeClass('no').addClass('ro');
						/*$('headline_'+current).setStyle('display','block');*/
						/*$('text_'+current).setStyle('display','block');*/
					}
				}
			}
		});
		if ((current - 1) == 0)
		{
			prosp = count -1;
		}
		else
		{
			prosp = current - 1;
		}
		$('pic_'+(prosp)).tween('opacity', '1');
		$('pic_'+current).tween('opacity', '0');
					
		current = prosp;
		
	}
			
	$('link_play').addEvent('click',function(){
	
		//if($('link_play').hasClass('ro'))
		//{
			$clear(perodic);
			$('link_play').addClass('hidden');
			$('link_pause').removeClass('hidden');
			//$('link_play').setStyle('background-position','0px 20px');
			
		//}
	});
	$('link_pause').addEvent('click',function(){
		//else if($('link_play').hasClass('no'))
	//	{
			//$$('.chgbanner_field').setStyle('opacity','1');
			$$('.chgbanner_navi_links_btns a').removeClass('ro').addClass('no');
			/*$$('.chgbanner_field_headlines').setStyle('display','none');*/
			/*$$('.chgbanner_field_text').setStyle('display','none');*/
		
			/*$('link_'+(count-1)).removeClass('no').addClass('ro');
			$('headline_'+(count-1)).setStyle('display','block');
			$('text_'+(count-1)).setStyle('display','block');
			perodic = nextPic.periodical(10000);
			$('link_play').removeClass('no').addClass('ro');
			current = (count-1);*/
			if(current == 0)
			{
				current = count - 1;
				
				$$('.chgbanner_field').reverse().each(function(item, index)
				{
					setVisibility(item);
				}
				); // umdrehen, wegen der ladezeit
				
			}
			$('link_'+(current)).removeClass('no').addClass('ro');
			/*$('headline_'+(current)).setStyle('display','block');*/
			/*$('text_'+(current)).setStyle('display','block');*/
			perodic = nextPic.periodical(7000);
			$('link_pause').addClass('hidden');
			$('link_play').removeClass('hidden');
			//$('link_play').setStyle('background-position','0px 0px');
			
			
	});
	
	
	$$('.chgbanner_navi_links_btns a').addEvent('click',function(){
		
		loop = 0;
		$clear(perodic);	
		current = this.id.split("_")[1];
		//$('link_play').removeClass('ro').addClass('no');
		$$('.chgbanner_field').setStyle('opacity','0');	 // darf nur den felder gegeben werden, die VOR dem bild liegen	
		$$('.chgbanner_field').reverse().each(function(item, index)
		{
			setVisibility(item);
		}
		);
			
		$$('.chgbanner_navi_links_btns a').removeClass('ro').addClass('no');
		/*$$('.chgbanner_field_headlines').setStyle('display','none');*/
		/*$$('.chgbanner_field_text').setStyle('display','none');*/	
		$('pic_'+this.id.split("_")[1]).tween('opacity', '1');
		$('link_'+this.id.split("_")[1]).removeClass('no').addClass('ro');
		/*$('headline_'+this.id.split("_")[1]).setStyle('display','block');*/
		/*$('text_'+this.id.split("_")[1]).setStyle('display','block');*/
		
		$('link_play').addClass('hidden');
		$('link_pause').removeClass('hidden');
		
	});
	
	function setVisibility(item)
	{ 
		if (current == 0)
		{
			current = count - 1;
		}
		if ( item.id.split("_")[1] != current || item.id.split("_")[1] != (current-1) ) // dann bitte sichtbar bleiben
		{
			$('pic_'+item.id.split("_")[1]).tween('opacity', '0');
		}	
		else 
		{
			$('pic_'+item.id.split("_")[1]).tween('opacity', '1');
		}
	};
	
	perodic = nextPic.periodical(7000);		
}

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


