/*********************************
 サブメニュー・フッダー部分のJS
*********************************/

//////////// 変数宣言 ////////////

var resetTime = null;
var resetID = null;
var smenus = new Array();
var mnames = new Array();
var mbodys = new Array();
var mspace = new Array();


//////////// 設定項目 ////////////

// サブメニューがリセットされるまでのミリ秒
var resetTime = 300;

// メニュー画像のid
mnames[0] = "menu01";
mnames[1] = "menu02";
mnames[2] = "menu03";
mnames[3] = "menu04";
mnames[4] = "menu05";
mnames[5] = "menu06";

// サブメニューのHTML
mbodys[0] = '';
mbodys[1] = '';
mbodys[2] = '<SPAN class="txt12_333333">| <a href="works/itc/index.html">ITC事業</a> | <a href="works/its/index.html">ITS事業</a> | <a href="works/itp/index.html">ITP事業</a> | <a href="works/fc/index.html">FC事業</a> | <a href="works/resort/index.html">JOAリゾート</a> |</SPAN>';
mbodys[3] = '<SPAN class="txt12_333333">| <a href="company/outline/index.html">会社概要</a> | <a href="company/history/index.html">沿革</a> | <a href="company/location/index.html">所在地</a> | <a href="company/connections/index.html">取引先一覧</a> |</SPAN>';
mbodys[4] = '<SPAN class="txt12_333333">| <a href="recruit/new_graduate/index.html">新卒採用</a> | <a href="recruit/midway/index.html">中途採用</a> | <a href="recruit/part_time/index.html">アルバイト採用</a> |</SPAN>';
mbodys[5] = '<SPAN class="txt12_333333">| <a href="support/index.html">障害情報</a> | <a href="inquily/index.html">お問い合せ</a> |</SPAN>';

// サブメニューにつけるスタイルシート
mspace[0] = "padding-left:135px;";
mspace[1] = "padding-left:225px;";
mspace[2] = "padding-left:315px;";
mspace[3] = "padding-left:405px;";
mspace[4] = "padding-left:445px;";
mspace[5] = "padding-left:525px;";


//////////// 関数定義 ////////////

// <body onload="init();">
function init() {
	adjustFooder();
	new Element(document.body).setEventListener(Action.RESIZE, adjustFooder);
	if (Client.NN || Client.MZ) {
		setInterval("adjustFooder();", 50);
	} else {
		new Element(document.body).setEventListener(Action.SCROLL, adjustFooder);
	}
	new Element(document.body).setEventListener(Action.MOUSEOVER, setResetTimer);
	new Element("submenu").setEventListener(Action.MOUSEOVER, dummy);
	for (var i=0; i<mnames.length; i++) {
		new Element(mnames[i]).setEventListener(Action.MOUSEOVER, distSubMenu);
		smenus[i] = new Element(mnames[i] +"_sub");
	}
}

// サブメニューがリセットされるまでのカウントダウン
function setResetTimer() {
	clearResetTimer();
	resetID = setTimeout("resetSubMenu();", resetTime);
}

// カウントダウン停止
function clearResetTimer() {
	clearTimeout(resetID);
}

// マウスが被ったメニュー画像に対応するサブメニューを表示
function distSubMenu(eve) {
	if (eve) {
		eve.cancelBubble = true;
	} else {
		event.cancelBubble = true;
	}
	
	resetSubMenu();
	var index = 0;
	for (var i=0; i<smenus.length; i++) {
		if (this.id == mnames[i]) {
			index = i;
			break;
		}
	}
	
	MM_swapImage(this.id, "", "common_img/menu_on/" +this.id+ ".gif",1);
	if (!mbodys[index]) { //mbody[index]が空なら
		new Element(this).setEventListener(Action.MOUSEOUT, MM_swapImgRestore);
		return;
	}
	var smenu = smenus[index];
	new Element("menu_img").setDisplay("none");
	smenu.setDisplay("inline");
}

// サブメニュー表示を消す
function resetSubMenu(eve) {
	clearResetTimer();
	if (new Element("menu_img").getDisplay() == "inline") return;
	MM_swapImgRestore();
	for (var i=0; i<smenus.length; i++) {
		smenus[i].setDisplay("none");
	}
	new Element("menu_img").setDisplay("inline");
}

// サブメニュー表示部分にマウスが被ったら
function dummy(eve) {
	clearResetTimer();
	if (eve) {
		eve.cancelBubble = true;
	} else {
		event.cancelBubble = true;
	}
}

// サブメニュー書き込み
function writeSubMenu() {
	for (var i=0; i<mbodys.length; i++) {
		document.write('<span id="' +mnames[i]+'_sub" style="display:none;' +mspace[i]+ '">&nbsp;' +mbodys[i]+ '</span>');
	}
}

// フッダー合わせ
function adjustFooder() {
	var size = Client.getInnerSize();
	var offset = Client.getScroll();
	var fooder = new Element("fooder");
	var h = size.getY()+offset.getY()-18;
	if ((Client.NN || Client.NS6) && (!Client.MZ) && size.getX()<715) h -= 15;
	fooder.setPositionY(h);
}

