// 日産VI メニュースクリプト
// Quants Inc.
// Makoto Nishikawa

// DOMをチェック
var _dom = (document.all)?((document.getElementById)?4:3):((document.layers)?1:((document.getElementById)?2:0));

// macならtrue
var _mac = (navigator.userAgent.indexOf('Mac') != -1)

// win版NNでdocument.URLをつかうための一文
document.write('');

// 相対パスを自動設定
var url = document.URL.toLowerCase();
if ((url.indexOf('http://') != -1) || _dom == 1 || _dom == 2 || _dom == 3 || (_dom == 4 && _mac)){
	var flag = 1;
	var position = url.indexOf('/', url.indexOf('/', url.lastIndexOf('/ja/') + 1) + 1);
}
else if (_dom == 4 && !(_mac)){
	var flag = 2;
	var position = url.indexOf('\\', url.indexOf('\\', url.lastIndexOf('\\ja\\') + 1) + 1);
}
var path = '';
while (position != -1){
	path += '../';
	if (flag == 1){
		position = url.indexOf('/', position + 1);
	}
	if (flag == 2){
		position = url.indexOf('\\', position + 1);
	}
}

// NN4用にReloadする
var reloadCnt = 0;
function MyReload(){
	if (_dom == 1){
		var appVer = navigator.appVersion;
		reloadCnt ++;
		if (_mac || appVer.indexOf("4.0") == -1 || ( appVer.indexOf("4.0") != -1 && reloadCnt > 2 )) {
			reloadCnt = 0;
			window.top.location.reload();
		}
	}
}

// 各種変数を設定
var mainTop = 5;														// メインメニューの上マージン
var mainWidth = 117;												// メインメニューの横幅
var space = 1;															// メインメニュー相互間の間隔
var subLeft = 299;													// サブメニューの初期Ｘ座標
var subTop = 57;														// サブメニューの上マージン
var subWidth = new Array(117, 117, 117);		// 各サブメニューの横幅
var subHeight = new Array();								// 各サブメニューの高さ
var subSide = 2;													// サブメニュー枠と要素間の横マージン
var subElementHeight = 15;									// サブメニュー１要素の高さ
var subSpace = 5;														// サブメニュー各要素間の間隔
var subHeader = 2;													// サブメニューヘッダ部の高さ
var subFooter = 2;													// サブメニューフッタ部の高さ
var subItem = new Array(3, 2, 7);						// 各サブメニューの要素数
for (var i = 0; i < 3; i++){
	subHeight[i] = subHeader + (subElementHeight + subSpace) * (subItem[i] - 1) + subElementHeight + subFooter;
}

// 各種DHTML用関数
function getDivFromName(nm){
	if (_dom == 1){
		var s = '';
		for (var i = 1; i < arguments.length; i++){
			s +='document.layers.' + arguments[i] + '.';
		}
		return eval(s + 'document.layers.' + nm);
	}
	if (_dom == 2){
		return document.getElementById(nm);
	}
	if (_dom == 3 || _dom == 4){
		return document.all(nm);
	}
	return null;
}
function moveDivTo(div, left, top){
	if (_dom == 1){
		div.moveTo(left, top);
		return;
	}
	if (_dom == 2){
		div.style.left = left + 'px';
		div.style.top = top + 'px';
		return;
	}
	if (_dom == 3 || _dom == 4){
		div.style.pixelLeft = left;
		div.style.pixelTop = top;
		return;
	}
	return;
}
function setDivVisibility(div,visible){
	if (_dom == 1){
		div.visibility = (visible)?'inherit':'hide';
		return;
	}
	if (_dom == 2 || _dom == 3 || _dom == 4){
		div.style.visibility = (visible)?'inherit':'hidden';
		return;
	}
	return;
}
function getMouseX(e){
	if (_dom == 1 || _dom == 2){
		return e.pageX;
	}
	if (_dom == 3 || _dom == 4){
		return document.body.scrollLeft + event.clientX;
	}
	return 0;
}
function getMouseY(e){
	if (_dom == 1 || _dom == 2){
		return e.pageY;
	}
	if (_dom == 3 || _dom == 4){
		return document.body.scrollTop + event.clientY;
	}
	return 0;
}

// サブメニューを配置
function setMenu(){
	for (var i = 0; i < 3; i++){
		moveDivTo(getDivFromName('s' + (i + 1)), subLeft + (mainWidth + space) * i, subTop);
	}
	setDivVisibility(getDivFromName('main'), true);
	document.onmousemove = hide;
	if (_dom == 1){
		document.captureEvents(Event.MOUSEMOVE);
	}
}

// サブメニュー表示
function mouseOver(id){
	setDivVisibility(getDivFromName('s' + id.charAt(1)), true);
}

// サブメニュー消去
function hide(e){
	var x = getMouseX(e);
	var y = getMouseY(e);
	for (var i = 0; i < 3; i++){
		if ((y < mainTop) || (y > subTop + subHeight[i] - 1) || (x < subLeft + (mainWidth + space) * i ) || (x > subLeft + (mainWidth + space) * i + subWidth[i] - 1)){
			setDivVisibility(getDivFromName('s' + (i + 1)), false);
		}
	}
}

// メニュー書き出し
function writeMenu(id){
	if (_dom != 0){
		var href = new Array();

	// 編集可能領域ここから（サブメニューのリンク先指定）：

		href[0] = new Array('bb/necessity.htm', 'bb/nissan.htm', 'bb/dna.htm');
		href[1] = new Array('forefront/topics.htm', 'forefront/training.htm');
		href[2] = new Array('vi/about.htm', 'vi/system.htm', 'vi/element.htm', 'vi/design.htm', 'vi/team.htm', 'vi/history.htm', 'vi/qa.htm');

	// 編集可能領域ここまで：

		var html = '<DIV ID="dummy" STYLE="position: absolute; visibility: hidden;"></DIV>\n';		// NNバグ対策用ダミーレイヤー
		for (i = 0; i < 3; i++){
			html +=  '<DIV CLASS="sub" ID="s' + (i + 1) + '" STYLE="position: absolute;	width: ' + subWidth[i] + 'px; height: ' + subHeight[i] + 'px; visibility: hidden;">\n';
			html +=  '	<IMG SRC="' + path + 'images/d_menu' + (i + 1) + '_j.gif" WIDTH="' + subWidth[i] + '" HEIGHT="' + subHeight[i] + '" BORDER="0" USEMAP="#map' + (i + 1)  + '">\n';
			html +=  '  <MAP NAME="map' + (i + 1) + '">\n';
			for (var j = 0; j < subItem[i]; j++){
				html +=  '		<AREA SHAPE="rect" COORDS="' + subSide + ', ' + (subHeader + (subElementHeight + subSpace) * j) + ', ' + (subWidth[i] - subSide - 1) + ', ' + (subHeader + (subElementHeight + subSpace) * j + subElementHeight - 1) + '" HREF="' + path + href[i][j] + '">\n';
			}
			html +=  '	</MAP>\n';
			html +=  '</DIV>\n';
		}
		html +=  '<DIV ID="main" STYLE="position: absolute;	left: 298px; top: 5px; width: 472px; height: 52px; visibility: hidden;">\n';
		html +=  '	<TABLE WIDTH="472" BORDER="0" CELLPADDING="0" CELLSPACING="0">\n';
		html +=  '		<TR>\n';
		html +=  '			<td><a href="' + path + 'bb/index.htm" onMouseover="mouseOver(\'m1\');"><img src="' + path + '../images/tm_01' + ((id == 'm1')?'_on':'') + '.gif" width="118" height="52" alt="What\'s BI?" border="0"></a></td>\n';
		html +=  '			<td><a href="' + path + 'forefront/index.htm" onMouseover="mouseOver(\'m2\');"><img src="' + path + '../images/tm_02' + ((id == 'm2')?'_on':'') + '.gif" width="118" height="52" alt="BI Information" border="0"></a></td>\n';
		html +=  '			<td><a href="' + path + 'vi/index.htm" onMouseover="mouseOver(\'m3\');"><img src="' + path + '../images/tm_03' + ((id == 'm3')?'_on':'') + '.gif" width="118" height="52" alt="NISSAN VI" border="0"></a></td>\n';
		html +=  '			<td><a href="#"><img src="' + path + '../images/tm_04' + ((id == 'm4')?'_on':'') + '.gif" width="118" height="52" alt="BI Communication" border="0"></a></td>\n';
		html +=  '		</TR>\n';
		html +=  '	</TABLE>\n';
		html +=  '</DIV>\n';
		document.write(html);
	}
}