/*

Image Slider by elements.at
Author: Elements

*/


itemHeight = 90; // Breite eines Teasers
maskHeight = 170; // 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++;
		}
	}
	
	sliderHeight = (itemsCounter * itemHeight);
	
			
	// Events auf die links / rechts Buttons setzen und Teaser auf Startposition
	
	document.getElementById('teaser_slider').style.top = "0px";
	
	document.getElementById('slideUp').onclick = slideUp;
	
	document.getElementById('slideDown').onclick = slideDown;
	

}


function slideUp ()
{
	document.getElementById('slideUp').onclick = null;
	
	position = parseInt(document.getElementById('teaser_slider').style.top);
	
	if(position < -10)
	{
		newPosition = itemHeight;
		
		end = position + newPosition;
		
		ex9 = new Animator({transition: Animator.makeEaseOut(4),duration: 1000,onComplete: function() {document.getElementById('slideUp').onclick = slideUp;}});
		ex9.addSubject(new NumericalStyleSubject($('teaser_slider'), 'top', position, end));
		ex9.play();
			
	}
	else
	{
		document.getElementById('slideUp').onclick = slideUp;
	}
	
}


function slideDown () 
{
	document.getElementById('slideDown').onclick = null;
	
	position = parseInt(document.getElementById('teaser_slider').style.top);
	
	temp = (sliderHeight - maskHeight) + position;

	if(temp >= 95)
	{
		newPosition = itemHeight*-1;
	
		end = position + newPosition;
		
		ex9 = new Animator({transition: Animator.makeEaseOut(4),duration: 1000,onComplete: function() {document.getElementById('slideDown').onclick = slideDown;}});
		ex9.addSubject(new NumericalStyleSubject($('teaser_slider'), 'top', position, end));
		ex9.play();
			
	}
	else
	{
		document.getElementById('slideDown').onclick = slideDown;
	}
	
}



/* Funktionen zum oeffnen und Schließen des Portalsiding*/


function openSlide() {
	window.clearInterval(openPortalSlider);
	
	document.getElementById('slidebackground').onclick = null;
	
	ex10 = new Animator({transition: Animator.makeEaseOut(4),duration: 1000,onComplete: function() {document.getElementById('openicon').style.display = 'none';document.getElementById('slidecontent').style.display = 'block';}});
		ex10.addSubject(new NumericalStyleSubject($("slidebackground"), 'width', 20, 770));
		ex10.play();
	
}



function closeSlide() {
	
	document.getElementById('slidecontent').style.display = 'none';
	
	ex10 = new Animator({transition: Animator.makeEaseOut(4),duration: 1000,onComplete: function() {document.getElementById('slidebackground').onclick = openSlide; document.getElementById('openicon').style.display = 'block';}});
		ex10.addSubject(new NumericalStyleSubject($("slidebackground"), 'width', 770, 20));
		ex10.play();
		
}

openPortalSlider = window.setInterval('openSlide()', 3000);

