var teaserstart = 1;
var teaserInterval = null;


function slide(start,end,direction,pixel,endslide)
{
if (direction == 0)
	if (start < end)
	{
	document.getElementById("teaserlist").style.marginLeft = (parseInt(document.getElementById("teaserlist").style.marginLeft)-pixel)+"px";	
	start++;
	setTimeout(function(){slide(start,end,direction,pixel,endslide)},10);
  	}

if (direction == 1)
	if (start > end)
	{
	document.getElementById("teaserlist").style.marginLeft = (parseInt(document.getElementById("teaserlist").style.marginLeft)+pixel)+"px";	
	start--;
	setTimeout(function(){slide(start,end,direction,pixel,endslide)},10);

	}
}


function slideto(endslide)
{

var slidenumber =((-parseInt(document.getElementById("teaserlist").style.marginLeft))/561)+1;

for(i=1;i<=4;i++)
	document.getElementById("tlink"+i).style.background="#6FBE41";

document.getElementById("tlink"+endslide).style.background="#000";

if (slidenumber > endslide)
	{
		var difference = slidenumber-endslide;
		slide( (difference*561)/33,0,1,33,endslide);

	} 
if (slidenumber < endslide)
	{
		var difference = endslide-slidenumber;
		slide(0, (difference*561)/33,0,33,endslide);

	} 
}

function freezeandslide(slide)
{

if (-(parseInt(document.getElementById("teaserlist").style.marginLeft)) % 561 == 0)
{
clearInterval(teaserInterval);
teaserstart = slide;
slideto(slide);
teaserInterval = setInterval('startteaser()',4000);
}

}

function start()
{
teaserInterval = setInterval('startteaser()',4000);
}

function startteaser()
{
(teaserstart<4)?teaserstart++:teaserstart=1;
slideto(teaserstart)
}