var frameInterval = 50;
var imageId;
var Images;
var loaded = false;	// 모든 이미지가 로드되었는 지 여부
var loadedImageCount = 0;
var timer = null;
var imageIndex = 0;

function ImageDisplay(p_imageId, p_imageURLs)
{
	imageId = new Array(p_imageURLs.length);
	Images = new Array(p_imageURLs.length);
	// Images 배열 초기화
	for (var i = 0; i < p_imageURLs.length; i++)
	{
		imageId[i] = p_imageId[i];
		Images[i] = new Image();
		Images[i].onload = countLoadedImages;
		Images[i].src = p_imageURLs[i];
	}
};

function countLoadedImages()
{
	loadedImageCount++;
	// 모든 이미지들이 로드 되었나?
	if (loadedImageCount == Images.length)
	{
		loaded = true;
		start();
	}
};

function displayNextImage()
{
	var image = document.getElementById(imageId[imageIndex]);
	image.src = Images[imageIndex].src;
	image.style.display = "";
	imageIndex++;
//	alert(Images[imageIndex].src);
//	alert(Images.length);
	if (imageIndex == Images.length)
	{
		stop();
	}
};


function start()
{
	displayNextImage();
	timer = setInterval(displayNextImage, frameInterval);
};

function stop()
{
	if (timer) clearInterval(timer);
	timer = null;
};