//menu内のdt要素、li要素にonMouseOver,onMouseOutを付与する。
//この関数は、onLoadで最初に読み込ませる。
function replaceEle(){
	if(document.getElementById){
		var obj = document.getElementById("menu");
		obj.innerHTML = obj.innerHTML.replace(/<dd>/gi, '<dd onmouseover="popupMenu(this);" onmouseout="hiddenMenu(this);">');
		obj.innerHTML = obj.innerHTML.replace(/<li>/gi, '<li onmouseover="popupMenu(this);" onmouseout="hiddenMenu(this);">');
	}
}

//onMouseOver時に、配下のメニューを表示。
function popupMenu( obj ){
	var menu = obj.getElementsByTagName("ul").item(0);
	var chkNode = obj.childNodes;
	
	if(menu){
		menu.style.display = "block";
	}
	
	if(obj.tagName.match(/li/i)){
		var menuA = obj.getElementsByTagName("a").item(0);
		obj.className = "rollOver";
		
		//リンクの文字色のCSSを適用。
		if(menuA){
			menuA.className = "rollOverA";	
		}
	}
}

//onMouseOut時に、配下のメニューを非表示。
function hiddenMenu( obj ){
	var menu = obj.getElementsByTagName("ul").item(0);
	if(menu){
		menu.style.display = "none";
	}
	
	if(obj.tagName.match(/li/i)){
		var menuA = obj.getElementsByTagName("a").item(0);
		obj.className = "";
		
		//リンクの文字色のCSSを削除。
		if(menuA){
			menuA.className = "";	
		}
	}
}