var howManySeconds = 1.5;
var prevStatusHandle = null;
var viewObjs = new Array();
var mode = "auto";
var idx_store = 0;

function slower()
{
	howManySeconds = howManySeconds + 1;
}

function faster()
{
	if (howManySeconds > 1)
		howManySeconds = howManySeconds - 1;
}

function doNext(imgs, id)
{
	viewObjs[viewObjs.length-1] = 0;
	var vo = viewObjs.length;
	viewObjs[vo] = 1;
	mode = "manual";
	showImage(imgs, id, idx_store, vo);
}

function doBack(imgs, id)
{
	viewObjs[viewObjs.length-1] = 0;
	var vo = viewObjs.length;
	viewObjs[vo] = 1;
	mode = "manual";
	showImage(imgs, id, idx_store, vo, 'back');
}

function showImage(imgs, id, idx, vo, dir)
{
	var pause_flag = 0;
	if (viewObjs[vo] == 1)
	{
		var handle = document.getElementById(id);
		if (handle)
		{
			if ((dir) && (dir=='back'))
			{
				idx = idx - 1;
				if (idx<0)
				{
					//goToNextPage();
					pause(imgs, id)
					idx = imgs.length;
				}
			}else
			{
				idx = idx + 1;
				if (idx>= imgs.length)
				{
					//goToNextPage();
					pause(imgs, id)
					//setTimeout("pause("+imgs+", "+id+")", howManySeconds*1000);
					idx = 0;
					pause_flag = 1;
				}
			}
			if (pause_flag==0)
			{
				idx_store = idx;
				handle.innerHTML = "<img src=\"images/"+imgs[idx]+"\">";
				var statusHandle = document.getElementById("imageViewerStatus"+idx)
				if (statusHandle)
				{
					if ((prevStatusHandle) && (prevStatusHandle!=null))
					{
						prevStatusHandle.style.border = "solid 1px C0C0C0";
						prevStatusHandle.style.backgroundColor = "orange";
					}
					statusHandle.style.border = "solid 1px gray";
					statusHandle.style.backgroundColor = "orange";
					prevStatusHandle = statusHandle;
				}
			}
		}
		if (mode == "auto")
			setTimeout("showImage(imgs, '"+id+"', "+idx+", "+vo+")", howManySeconds*1000);
	}
}

function startImages(imgs, id)
{
	var handle = document.getElementById(id);
	if (handle)
	{
		var vo = viewObjs.length;
		viewObjs[vo] = 1;
		showImage(imgs, id, -1, vo)
	}
}

function start(imgs, id)
{
	viewObjs[viewObjs.length-1] = 0;
	var vo = viewObjs.length;
	viewObjs[vo] = 1;
	mode = "auto";
	showImage(imgs, id, idx_store, vo);
}


function pause(imgs, id)
{
	viewObjs[viewObjs.length-1] = 0;
	var vo = viewObjs.length;
	viewObjs[vo] = 1;
	mode = "manual";
	//showImage(imgs, id, (idx_store-1), vo);
}

function showThisImage(imgs, id, idx)
{
	viewObjs[viewObjs.length-1] = 0;
	var vo = viewObjs.length;
	viewObjs[vo] = 1;
	mode = "manual";
	showImage(imgs, id, (idx-1), vo);
}


function redo(imgs, id)
{
	viewObjs[viewObjs.length-1] = 0;
	var vo = viewObjs.length;
	viewObjs[vo] = 1;
	mode = "auto";
	if ((prevStatusHandle) && (prevStatusHandle!=null))
	{
		prevStatusHandle.style.border = "solid 1px C0C0C0";
		prevStatusHandle.style.backgroundColor = "orange";
	}
	prevStatusHandle = null;
	showImage(imgs, id, -1, vo);
}