/**
*　複数のパターンについて表示・非表示を切り替えるJavaScriptサンプル
*/

// HTMLを動的に表示(切り替え)する関数
function dynamicView(elementID, viewStatus) {
	var mainContainer = document.getElementById(elementID);
	
	// 表示ステータスにしたがって処理
	if ( mainContainer ) {
		// 表示されている場合に非表示にする
		visibleID = mainContainer.value;
		if ( visibleID > 0 ) {
			var visibleContainer = document.getElementById(elementID+visibleID);
			visibleContainer.style.display = 'none';
		}
		
		var viewContainer = document.getElementById(elementID+viewStatus);
		if ( viewContainer ) {
			// 前回と同じ表示ステータスが指定された場合、強制的に非表示に
			if ( viewStatus == mainContainer.value ) {
				mainContainer.value         = 0;
				viewContainer.style.display = 'none';
			} else {
				viewContainer.style.display = 'block'
				mainContainer.value         = viewStatus;
			}
		} else {
			mainContainer.style.display = 'none';
			mainContainer.value         = 0;
		}
	} else {
		alert("DOMオブジェクトが取得できませんでした。");
	}
}