// Mootools 1.4.1

var slider = null;
var panelWidth = 1000;
var anzahlBilder = 0;
var lastElement = null;
var position = null;
var ytplayer = null;

function onYouTubePlayerReady(playerId)
{
	ytplayer = document.getElementById("myytplayer");
}

function play()
{
  if (ytplayer)
  {
    ytplayer.playVideo();
  }
}

function buildSlider(Bilder)
{
	slider = $('slider');
	Bilder = Bilder.split(",");
	anzahlBilder = (Bilder.length-1);
	
	slider.set('tween',
		{
			duration: '1000',
			transition: Fx.Transitions.Expo.easeInOut
		});
	 
	$('pfeilRechts').addEvent('click', function(event)
	{
		event.stop();
		if(ytplayer != null)
		{
			ytplayer.pauseVideo();
		}
		
		if(lastElement != null)
		{
			lastElement.set('class','none');
		}
		
		var currentMargin = parseInt(slider.getStyle('margin-left'));
		var nextMargin = currentMargin-panelWidth;
		if(nextMargin > ((anzahlBilder*panelWidth)*(-1)) && (currentMargin%panelWidth) == 0)
		{
			slider.tween('margin-left', nextMargin);
			position = (nextMargin/panelWidth)*(-1);
		}
		
		//Diese If-Anweisung auskommentieren damit der Slider am Ende stehen bleibt.
		if(nextMargin <= ((anzahlBilder*panelWidth)*(-1)) && (currentMargin%panelWidth) == 0)
		{
			slider.tween('margin-left', 0);
			position = 0;
		}
		$(""+position).set('class','active');
		lastElement = $(""+position);
	});
	
	$('pfeilLinks').addEvent('click', function(event)
	{
		event.stop();
		if(ytplayer != null)
		{
			ytplayer.pauseVideo();
		}
		
		if(lastElement != null)
		{
			lastElement.set('class','none');
		}
		
		var currentMargin = parseInt(slider.getStyle('margin-left'));
		var nextMargin = currentMargin+panelWidth;
		if(nextMargin <= 0 && (currentMargin%panelWidth) == 0)
		{
			slider.tween('margin-left', nextMargin);
			position = (nextMargin/panelWidth)*(-1);
		}
		
		//Diese If-Anweisung auskommentieren damit der Slider am Ende stehen bleibt.
		if(nextMargin > 0 && (currentMargin%panelWidth) == 0)
		{
			slider.tween('margin-left', -((panelWidth*(anzahlBilder-1))));
			position = (anzahlBilder-1);
		}
		$(""+position).set('class','active');
		lastElement = $(""+position);
	});
}

function jumpTo(position, element)
{
	if(position >= 0 && position <= (anzahlBilder-1))
	{
		if(lastElement != null)
		{
			lastElement.set('class','none');
		}
		
		slider.tween('margin-left', -(position*panelWidth));
		element.set('class','active');
		lastElement = element;
	}	
}