// JavaScript Document


<!--ここからメニュー用CSS-->

<!--
timer = false;//タイマーの初期化
time = 1000;//レイヤーや背景色を元に戻すまでの時間(ミリ秒)
//タイマーの削除用
function clearTimer(){
　if(timer){
　　clearTimeout(timer);
　}
}
//メインメニューの背景色変化用
function changeColor(id,color){
　//メインメニューのIDをすべて配列にする
　var menu = new Array('menu1','menu2','menu3','menu4','menu5','menu6','menu7');
　//すべてのメインメニューの背景を初期化
　for(i = 0; i < menu.length; ++i){
　　document.getElementById(menu[i]).style.backgroundColor = 'transparent';
　}
　//選択されたメインメニューのみ背景色を変化
　document.getElementById(id).style.backgroundColor = color;
}
//サブメニューの表示変化用
function changeDisplay(id,flag){
　//サブメニュー用レイヤーのIDをすべて配列にする
　var layer = new Array('layer0','layer1','layer2','layer3','layer4','layer5','layer6','layer7');//配列の先頭は非表示時に表示するダミーのレイヤー
　//すべてのレイヤーを非表示化
　for(i = 0; i < layer.length; ++i){
　　document.getElementById(layer[i]).style.display = 'none';
　}
　//フラグが0以外なら選択されたレイヤーを表示、0ならダミーを表示
　var object = (flag)? document.getElementById(id): document.getElementById(layer[0]);
　object.style.display = 'block';
}
//メイン
function changeMenu(id,flag,menu){
　//タイマーがあれば削除
　clearTimer();
　//フラグが0以外(onMouseOver)時の色指定。フラグが0の時(onMouseOut)は透明
　var color = (flag)? 'white': 'transparent';
　//色変更
　changeColor(menu,color);
　//サブメニュー表示切替
　changeDisplay(id,flag);
}
//サブメニュー内での背景色変化
function subMenu(object,flag,menu){
　var color = 'transparent';
　if(flag){
　　//onMouseOver時に色指定とタイマーの削除
　　color = 'white';
　　clearTimer();
　}else{
　　//onMouseOut時に元も戻すタイマーの設定
　　timer = setTimeout('changeMenu(\''+object.parentNode.id+'\',0,\''+menu+'\')',time);
　}
　//サブメニューの色変更
　object.style.backgroundColor = color;
}
//-->