//======================================
//メインメニューの初期設定
//======================================
function setChangeMenu() {
	//メニューの数を取得する
	var mainMenuObj = $("mainMenu");
	var menuLength = $tagName("li", mainMenuObj).length;
	
	//menu1を複製して表示領域menu0を作成する
	var cloneMenu = $("menu1").cloneNode(false);
	//id名をmenu0に変更
	cloneMenu.id = "menu0";
	//documentに追加
	mainMenuObj.appendChild(cloneMenu);
	
	//各メニューを非表示にする
	for (var i=1; i<=menuLength; i++) {
		$("menu" + i).style.display = "none";
		var targetMenuElem = $tagName("li", mainMenuObj)[i-1];
		if (targetMenuElem.clientWidth < 50) {
			targetMenuElem.style.width = "55px";
		}
	}
	//初期表示
	menuOver("menu1", $tagName("li", mainMenuObj)[0]);
}

//======================================
//表示されるメニューを変更
//======================================
var activeMenu;
function menuOver(ID, elem) {
	if (activeMenu) {
		activeMenu.style.color = "";
		activeMenu.style.borderTopColor = "";
		activeMenu.style.borderRightColor = "";
		activeMenu.style.borderBottomColor = "";
		activeMenu.style.borderLeftColor = "";
	}
	
	try{
		$("menu0").innerHTML = $(ID).innerHTML;
		elem.style.color = "#0A66B4";
		elem.style.borderTopColor = "#666666";
		elem.style.borderRightColor = "#666666";
		elem.style.borderBottomColor = "#EFEFEF";
		elem.style.borderLeftColor = "#666666";
		activeMenu = elem;
	} catch(e) {
		// 描画完了前エラー抑止
	}
}
//======================================
//ログアウトボタンのメソッド
//======================================
function logoutRollOver(elem) {
	elem.style.color = "#FFFFFF";
	elem.style.backgroundColor = "#FF0000";
	elem.style.cursor = "pointer";
}
function logoutRollOut(elem) {
	elem.style.color = "";
	elem.style.backgroundColor = "";
	elem.style.cursor = "";
}

//======================================
//getElementByIdのショートカット
//======================================
function $(ID) {
	if (document.all) {
		return document.all(ID);//IE用
	} else if (document.getElementById) {
		return document.getElementById(ID);//その他のブラウザ用
	}
}

//======================================
//getElementByTagNameのショートカット
//======================================
function $tagName(NAME, targetElem) {
	if (document.all) {
		return targetElem.all.tags(NAME);//IE用
	} else if (document.getElementById) {
		return targetElem.getElementsByTagName(NAME);//その他のブラウザ用
	}
}

//======================================
//コンストラクタ
//======================================
//setChangeMenu();