/*

Image Slider by elements.at
Author: Elements

*/


itemWidth = 270; // Breite eines TEasers
maskWidth = 540; // Breite des Containers, der Teaser

if(document.getElementById('portalslide'))
{
	
	p_items = document.getElementById('teaser_slider').getElementsByTagName('div');
	
	itemsCounter = 0;
	for(i=0;i<p_items.length;i++)
	{
		if(p_items[i].className == "teaser")
		{
			itemsCounter++;
		}
	}
	
	sliderWidth = (itemsCounter * itemWidth);
			
	// Events auf die links / rechts Buttons setzen und Teaser auf Startposition
	
	document.getElementById('teaser_slider').style.left = "0px";
	
	document.getElementById('toLeft').onclick = toLeft;
	
	document.getElementById('toRight').onclick = toRight;
	
	

}


function toLeft ()
{
	document.getElementById('toLeft').onclick = null;
	
	position = parseInt(document.getElementById('teaser_slider').style.left);
	
	if(position < -10)
	{
		newPosition = itemWidth;
		
		end = position + newPosition;
		
		ex9 = new Animator({transition: Animator.makeEaseOut(4),duration: 1000,onComplete: function() {document.getElementById('toLeft').onclick = toLeft;}});
		ex9.addSubject(new NumericalStyleSubject($('teaser_slider'), 'left', position, end));
		ex9.play();
			
	}
	else
	{
		document.getElementById('toLeft').onclick = toLeft;
	}
	
}


function toRight () 
{
	document.getElementById('toRight').onclick = null;
	
	position = parseInt(document.getElementById('teaser_slider').style.left);
	
	temp = (sliderWidth - maskWidth) + position;

	if(temp >= 95)
	{
		newPosition = itemWidth*-1;
	
		end = position + newPosition;
		
		ex9 = new Animator({transition: Animator.makeEaseOut(4),duration: 1000,onComplete: function() {document.getElementById('toRight').onclick = toRight;}});
		ex9.addSubject(new NumericalStyleSubject($('teaser_slider'), 'left', position, end));
		ex9.play();
			
	}
	else
	{
		document.getElementById('toRight').onclick = toRight;
	}
	
}