var imageIndex = 0;
var timeoutID = 0;
var playMode = 1;


function animImageInc()
{
if (imageIndex < numOfImages)
	imageIndex++
else
	imageIndex = 1;
}

function animImageDec()
{
if (imageIndex > 1)
	imageIndex--;
else
	imageIndex = numOfImages;
}

function setCurrImage()
{
	document.MainImage.src = imgarray[imageIndex].src;
}

function updateAnim()
{
	var currTimeoutValue;
	
	currTimeoutValue = timeoutValue;

	if (playMode == 1)
	{
		animImageInc();
		if (imageIndex == numOfImages) 
			currTimeoutValue += animDelay;
	}
	else
	{
		animImageDec();
		if (imageIndex == 1) 
			currTimeoutValue += animDelay;
	}
	setCurrImage();
	timeoutID = setTimeout("updateAnim()", currTimeoutValue);
}

function clearLastUpdate()
{
	clearTimeout(timeoutID);
	timeoutID = 0;
}

function startPlay()
{
	clearLastUpdate();
	playMode = 1;
	updateAnim();	
}

function startPlayReverse()
{
	clearLastUpdate();
	playMode = 2;
	updateAnim();	
}


updateAnim();