var intItemPosCorr = -5;

var objSliderPane;
var arrItems;
var intCurrentIndex;
var intItemWidth

$(window).load(function()
	{
		objSliderPane = $('#header-sliderpane');
		arrItems = $('#header-sliderpane .item');
		intCurrentIndex = 0;
		intItemWidth = $(arrItems[0]).outerWidth(true);

		positionItems();
		window.setTimeout('switchItem()', 6000);
	});

function positionItems()
{
	//Stratposition berechnen
	var intStartPos = ($(window).width() - $('#main-container').width()) / 2;

	objSliderPane.css('left', intStartPos - intItemWidth + intItemPosCorr + 'px');

	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 <= 3; i++)	//naechste vier Items positionieren und einblenden
	{
		intLocalIndex++;
		intLocalIndex = intLocalIndex >= arrItems.length ? 0 : intLocalIndex;
		$(arrItems[intLocalIndex]).css('left', (i * intItemWidth) + 'px');
		$(arrItems[intLocalIndex]).css('display', 'block');
	}
}

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