// JavaScript Document
var button;
	
function backwards()
{
	button = "backward";
	
	this.onclick ="";
	forward1.onclick = "";
	
	token = setInterval(iScroll, 1);
}

function forwards()
{
	button = "forward";
	
	this.onclick = "";
	backward1.onclick ="";
	
	token = setInterval(iScroll, 1);
}

function iScroll()
{	
	var carousel = document.getElementById("carousel");
	var images = carousel.getElementsByTagName("img");
	
	for(var i=0; i < images.length; i++)
	{
		var xCord = images[i].style.left.substr(0,images[i].style.left.length - 2);
		var move = parseInt(xCord);
		
		if(button == "forward")
		{
			if(xCord == -234)
			{
				clearInterval(token);
				forward1.onclick = forwards; 
				backward1.onclick = backwards;
			}
			
			if(xCord < -234)
			{
				direction = furthestImage;
			}
			else
			{
				direction = move - 1;
			}

		}
		else if(button == "backward")
		{
			if(xCord == furthestImage)
			{
				clearInterval(token);
				forward1.onclick = forwards; 
				backward1.onclick = backwards;
			}
			
			if(xCord > furthestImage)
			{
				direction = -234;
			}
			else
			{
				direction = move + 1;
			}
		}
		images[i].style.left = direction + "px";
	}	
}

function getFurthestImage()
{
	var carousel = document.getElementById("carousel");
	var images = carousel.getElementsByTagName("img");
	
	// Get the amount images in the carousel array (minus 1 since array start at zero)
	getArrayLength = (images.length - 1);
	
	// get the xCord of the furthest image, inorder to make comparison
	furthestImage = images[getArrayLength].style.left.substr(0,images[getArrayLength].style.left.length - 2) - 1;
	return furthestImage;
	
}