var gSlideShowInterval = 5000;
var gAutoStartSlideShow = true;
var gSlideShowOn = false;
var gSlideShowTimer = null;
var gSlideValue = 4;
var curRow = 0;

function StartSlideShow()
{
	gSlideShowOn = true;
	SetSlideShowTimer();
	document.getElementById('cameraPlayTab').style.display = "none";
}

function SetSlideShowTimer()
{
	KillSlideShowTimer();
	gSlideShowTimer = setTimeout(function(){ gSlideShowTimer = null; AdvanceToNextImage(); }, gSlideShowInterval);
}

function KillSlideShowTimer()
{
	if (gSlideShowTimer)
		clearTimeout(gSlideShowTimer);
	gSlideShowTimer = null;
}

function StopSlideShow()
{
	gSlideShowOn = false;
	KillSlideShowTimer();
	document.getElementById('cameraPlayTab').style.display = "block";
}

function HandleThumbnailClick(id)
{
	StopSlideShow();
	curRow = id;
	showLayers(id);
}

function AdvanceToNextImage()
{
	curRow++;
	if(curRow == 4){
		curRow = 0;
	}
	showLayers(curRow);
}

function showLayers(id) {
	for (i=0; i<gSlideValue; i++){
		var cameraName = "livecamera"+i;
		var tabName = "camera"+i+"Tab";
		if (i == id){
			document.getElementById(cameraName).src = "http://echigo-park.jp/livecamera/img/kouen_s"+i+".jpg";
			document.getElementById(cameraName).style.display = "block";
			document.getElementById(tabName).style.display = "none";
		} else {
			document.getElementById(cameraName).style.display = "none";
			document.getElementById(tabName).style.display = "block";
		}
	}
	if (gSlideShowOn)
		SetSlideShowTimer();
}

document.write("<div id='livecamera'><h2>公園ライブカメラ</h2><div id='cameraImage'><a href='http://echigo-park.jp/livecamera/index.html'><img src='http://echigo-park.jp/livecamera/img/kouen_s0.jpg' id='livecamera0' /><img src='http://echigo-park.jp/livecamera/img/kouen_s1.jpg' id='livecamera1' /><img src='http://echigo-park.jp/livecamera/img/kouen_s2.jpg' id='livecamera2' /><img src='http://echigo-park.jp/livecamera/img/kouen_s3.jpg' id='livecamera3' /></a></div><ul><li id='camera0Tab'><a href='javascript:;' onclick='HandleThumbnailClick(0)'>カメラ1を表示する</a></li><li id='camera1Tab'><a href='javascript:;' onclick='HandleThumbnailClick(1)'>カメラ2を表示する</a></li><li id='camera2Tab'><a href='javascript:;' onclick='HandleThumbnailClick(2)'>カメラ3を表示する</a></li><li id='camera3Tab'><a href='javascript:;' onclick='HandleThumbnailClick(3)'>カメラ4を表示する</a></li><li id='cameraPlayTab'><a href='javascript:;' onclick='StartSlideShow()'>カメラを繰り返し再生する</a></li></ul></div>");
if (gAutoStartSlideShow)
	StartSlideShow();