var objSliderPane;
var arrItems;
var intCurrentIndex;
var intItemWidth

function initMainteaserSlider()
{
	objSliderPane = $('#mainteaser-sliderpane');
	arrItems = $('#mainteaser .item');
	intCurrentIndex = 0;
	intItemWidth = $(arrItems[0]).width();
	
	positionItems();
	window.setTimeout('switchItem()', 6000);
}

function positionItems()
{
	for (var i = 0; i < arrItems.length; i++)
	{
		$(arrItems[i]).css('display', 'none');	//alle Items ausblenden
	}
	var intLocalIndex = intCurrentIndex - 1;
	for (var i = 0; i <= 2; i++)	//naechste drei Items positionieren und einblenden
	{
		intLocalIndex++;
		intLocalIndex = intLocalIndex >= arrItems.length ? 0 : intLocalIndex;
		$(arrItems[intLocalIndex]).css('left', (i * intItemWidth) + 'px');
		$(arrItems[intLocalIndex]).css('display', 'block');
	}
	objSliderPane.css('left', '0px');
}

function switchItem()
{
	positionItems();
	var intNewX = parseInt(objSliderPane.css('left')) - intItemWidth;
	objSliderPane.animate({left: intNewX}, 1000);
	intCurrentIndex++;
	intCurrentIndex = intCurrentIndex >= arrItems.length ? 0 : intCurrentIndex;
	window.setTimeout('switchItem()', 6000);
}

