/**
 * "Tabbed" Effect News Slider
 * 
 * @author mt <mustapha.tay@mindwerk.de>
 */
function initSlideNewscontainer (executetime) {
	var executetime = executetime || 6;
	aSM = $$('.slideshow .showcase div.bigimage');
	play_news = $$('.slideshow .bigimage .news_pause').invoke('removeClassName','active');
	
	if (aSM.length > 1) {
		aSM.invoke('hide')[0].show();
		aSM_a = $$('.slideshow .showcase-nav li').invoke('removeClassName','active');
		aSM_a[0].addClassName('active');

		//wenn die News in der Liste angeklickt werden.
		aSM_a.invoke('writeAttribute', 'onclick', 'javascript:void(0);').invoke('observe', 'click', function(event){
			
			var po = Event.findElement(event,'li');
			var cl = new String(po.classNames());
			var next = cl.match(/\d/);
			
			//hier wird der Icon von Pause auf Play geändert.
			play_news[next].addClassName('stop');
			//Der Timer soll getsopt werden.
			pSliderMagazine.stop();
			
			for (i=(aSM_a.length-1); i > -1; i--) {
				if (next != i && aSM_a[i].hasClassName('active')) {
					aSM_a[i].removeClassName('active');
					new Effect.Fade( aSM[i] );
				}
			}
			po.addClassName('active');
			new Effect.Appear( aSM[next] );
		});
		
		//Hier ist replay/pause
		
		play_news.invoke('writeAttribute', 'onclick', 'javascript:void(0);').invoke('observe', 'click', function(event){
			var po2 = $(Event.element(event)).up('.news_pause');
			aSM_a_1 = $$('.slideshow .showcase-nav li');
			
			if(po2.hasClassName('stop')){
				play_news.invoke('removeClassName','stop');
				//Der Object wird neue überschrieben und wieder gestartet.
				pSliderMagazine = new PeriodicalExecuter(newsTimer, 4);
			}else{
				play_news.invoke('removeClassName','play');
				po2.addClassName('stop');
				//Der Timer wird gestopt.
				pSliderMagazine.stop();
			}
		});
		
		//hier wird eine CSS-Klasse zu den Attribute hinzugefügt.
		for (i=(aSM_a.length-1); i!=-1; i--) {
			aSM_a[i].addClassName('tn-a-'+i);
		}
		
		function newsTimer() {
			for (i=(aSM_a.length-1); i!=-1; i--) {
				if (aSM_a[i].hasClassName('active')) {
					aSM_a[i].removeClassName('active');
					new Effect.Fade( aSM[i] );
					next = (((i+1) >= aSM_a.length) ? 0 :(i+1));
					aSM_a[next].addClassName('active');
					new Effect.Appear( aSM[next] );
					break;
				}
			}
		}
		
		pSliderMagazine = new PeriodicalExecuter(newsTimer, executetime);
	}
}

document.observe("dom:loaded", function() {
	initSlideNewscontainer(7);
});