//alert(document.all.iSliderWrapper.currentStyle.width);
//Images must be: 	width:340px; height:160px;

var SLIDE_WIDTH = 340;
var NEXT_SLIDE = SLIDE_WIDTH * -1;
var cSlides = document.getElementById("iSlider").children.length;
var iSliderWidth = SLIDE_WIDTH * cSlides;
document.getElementById("iSlider").style.width = iSliderWidth + "px"; // Set the iSlider width so the contents overflow to the right. I have to find a cleaner CSS way for this.


var INC = 8;
var ACC = 1;
var INC_ACC = INC;
var INTERVAL = 9000;

var count = 1;
var oSlider = document.getElementById("iSlider");

var inc = 8;

function slideLeft()
{
	if (oSlider.offsetLeft > NEXT_SLIDE)
	{
		oSlider.style.left = (oSlider.offsetLeft-INC_ACC) + "px";
		setTimeout("slideLeft()", 10);
		if (NEXT_SLIDE - oSlider.offsetLeft > Math.floor(SLIDE_WIDTH/1.2) * -1)
		{
			INC_ACC += ACC;
		}
//		document.all.dbg.innerHTML = 'oLeft: ' + oSlider.offsetLeft + 'NEXT_SLIDE: ' + NEXT_SLIDE + ' Resta:' + (NEXT_SLIDE - oSlider.offsetLeft) + ' ACC: ' + ACC;

	}
	else
	{
		oSlider.style.left = NEXT_SLIDE + "px";
		INC_ACC = INC;
		if (NEXT_SLIDE - SLIDE_WIDTH + iSliderWidth == 0) // Arrived end of Slider
		{
			NEXT_SLIDE+= SLIDE_WIDTH;
			setTimeout("slideRight()", INTERVAL);
			return;
		}
		NEXT_SLIDE += NEXT_SLIDE;
		setTimeout("slideLeft()", INTERVAL);
	}
}

function slideRight()
{
	if (oSlider.offsetLeft < NEXT_SLIDE)
	{
		oSlider.style.left = (oSlider.offsetLeft+INC_ACC) + "px";
		setTimeout("slideRight()", 10);
		if (NEXT_SLIDE - oSlider.offsetLeft > Math.floor(SLIDE_WIDTH/3) * -1)
		{
			INC_ACC += ACC;
		}
	}
	else
	{
		oSlider.style.left = NEXT_SLIDE + "px";
		INC_ACC = INC;
		if (NEXT_SLIDE == 0) // Arrived start of Slider
		{
			NEXT_SLIDE = SLIDE_WIDTH * -1;
			setTimeout("slideLeft()", INTERVAL);
			return;
		}
		NEXT_SLIDE -= NEXT_SLIDE;
		setTimeout("slideRight()", INTERVAL);
	}
}

window.onload = function()
{
	setTimeout("slideLeft()", INTERVAL);
}