/*
	レガシィなブラウザでポップアップメニューを実現するためのスクリプト。
	対象：ファイヤーフォックス 2.0
	　　　インターネットエクスプローラ 6.0
*/
column_width=10;	//	各項目の幅(文字数単位)

pm_onload=window.onload;
var i;
var ua=navigator.userAgent;
//	ファイヤーフォックス 2.0とそれに相当するゲッコウブラウザであれば、スタイル調整をする。
if (document.getElementById && ua.indexOf('Gecko/')>-1 &&
    (i=ua.indexOf('rv:'))>0 && parseFloat(ua.substring(i+3,ua.length))<1.9) {
	window.onload=style_firefox2;
	}

//	IE 6.0であれば、スタイル調整をする。
if (document.all && ua.indexOf('Opera/')<0 && ua.indexOf('Opera ')<0 &&
    (i=ua.indexOf('MSIE '))>0 && parseFloat(ua.substring(i+5,ua.length))==6.0) {
	window.onload=style_IE6;
	}


/***************************************************************/
/* ファイヤーフォックス 2.0でのスタイル調整 */
function style_firefox2() {
	if (pm_onload) pm_onload();
	var ele=document.getElementById('MENU_NAVI');
	if (!ele) return;

	//	先ず、フォントの大きさを診る。
	var s=document.defaultView.getComputedStyle(ele, '');
	var font_size=parseInt(s.fontSize);

	//	続いて、画面の幅を調べる。
	var screen_width=window.innerWidth;

	//	更に、メニューバー直下の<li>要素の数を調べる。
	var eles=ele.childNodes;
	var i=-1;
	var child_number=0;
	while (++i<eles.length) {
		if (eles[i].nodeType==1) child_number++;
		}

	//	左端の位置を確定させる。
	var dx=font_size*column_width;
	var x=(screen_width-child_number*dx) >> 1;

	//	各項目をあるべき位置にポジショニングする。
	i=-1; var j=0;
	while (++i<eles.length) {
		if (eles[i].nodeType!=1) continue;
		eles[i].style.position='absolute';
		eles[i].style.left=x+'px';
		eles[i].style.top='0';
		x+=dx;
		}
}

/***************************************************************/
/* IE 6.0でのDOM操作 */
function style_IE6() {
	if (pm_onload) pm_onload();
	var ele=document.all['MENU_NAVI'];
	if (!ele) return;

	//	メニューバーの幅を100%にする。
	i=document.documentElement.clientWidth || document.body.clientWidth;
	ele.style.pixelWidth=i;

	//	各列をあるべき位置に配置し、マウス操作でスクリプトを起動出来るようにする。
	var eles=ele.childNodes;
	var eles2,eles3;
	i=-1;
	while (++i<eles.length) {
		if (eles[i].nodeType!=1) continue;
		eles[i].onmouseover=show_IE6;	//見出しにカーソルが乗ったら子メニューを出す。
		eles2=eles[i].getElementsByTagName('ul');
		eles3=eles[i].getElementsByTagName('p');
		if (!eles2[0] || !eles3[0]) continue;
		eles2[0].innerHTML='<li><p>'+eles3[0].innerHTML+'</p></li>'+eles2[0].innerHTML;
		eles2[0].style.marginTop='0';
		eles2[0].onmouseover=show2_IE6;	//子メニューにカーソルが乗ったら消えないようにする。
		eles2[0].onmouseout=hide_IE6;	//カーソルが去ったら消す。
		}
}

//	全ての子メニューを消す。
function hideAll_IE6() {
	var ele=document.all['MENU_NAVI'];
	var eles=ele.childNodes;
	var eles2;
	i=-1;
	while (++i<eles.length) {
		eles2=eles[i].getElementsByTagName('ul');
		if (!eles2[0]) continue;
		eles2[0].style.display='none';
		}
}

function show_IE6() {
	hideAll_IE6();

	var eles=this.getElementsByTagName('ul');
	if (!eles[0]) return;

	eles[0].style.display='block';
}

function show2_IE6() {
	this.style.display='block';
}

function hide_IE6() {
	this.style.display='none';
}