/*
 index.htmlの<body onload="setTimer">から呼び出されます。
 10 * 1000は、10×1000ミリ秒を表しています。
 指定した時間ごとにchangeView()を呼び出します。
 */
function setTimer() {
    var timerID = setInterval("changeView()", 10 * 1000);
}

/*
 setTimer()で指定された、一定時間ごとに呼び出される関数です。
 document.getElementById("leftNormal")が表示状態かどうかによって、他の
 指定した時間ごとにchangeView()を呼び出します。
 */
function changeView() {
    if (document.getElementById("leftNormal").style.display == "none") {
        normalStyle = "block";
        limitedStyle = "none";
    } else {
        normalStyle = "none";
        limitedStyle = "block";
    }
    document.getElementById("leftNormal").style.display = normalStyle;
    document.getElementById("leftLimited").style.display = limitedStyle;
    document.getElementById("centerNormal").style.display = normalStyle;
    document.getElementById("centerLimited").style.display = limitedStyle;
    document.getElementById("rightNormal").style.display = normalStyle;
    document.getElementById("rightLimited").style.display = limitedStyle;
}


/*
 index.htmlの<body onload="setTimer">の代わりにonload="randomeView"を指定すると、
 index.htmlを読み込んだときにだけ図が変わります。
 */
function randomeView() {
	if (Math.random() > 0.5) {
		theLeftNormalStyle = document.getElementById("leftNormal").style;
		theLeftLimitedStyle = document.getElementById("leftLimited").style;
		theLeftNormalStyle.display = "none";
		theLeftLimitedStyle.display = "block";
	}

	if (Math.random() > 0.5) {
		theCenterNormalStyle = document.getElementById("centerNormal").style;
		theCenterLimitedStyle = document.getElementById("centerLimited").style;
		theCenterNormalStyle.display = "none";
		theCenterLimitedStyle.display = "block";
	}

	if (Math.random() > 0.5) {
		theRightNormalStyle = document.getElementById("rightNormal").style;
		theRightLimitedStyle = document.getElementById("rightLimited").style;
		theRightNormalStyle.display = "none";
		theRightLimitedStyle.display = "block";
	}
}
