// メニュー表示テーブルの幅
var menuWidth = 750;

var imgSize = new Array(); 
	imgSize[0] = 125; // 商品紹介
	imgSize[1] = 125; // 会社概要
	imgSize[2] = 125; // 環境方針
	imgSize[3] = 125; // 採用情報
	imgSize[4] = 125; // 当社のあゆみ
	imgSize[5] = 124; // お知らせ

var imagePosition = new Array();
for(i=0; i < imgSize.length; i++)
{
	if(i == 0)
	{
		imagePosition[0] = 0;
	}
	else
	{
		imagePosition[i] = imagePosition[(i - 1)] + imgSize[(i - 1)];
	}
}






// menu画像をプリロードする

var menuImage = new Array();

// 商品紹介
menuImage[0] = new Array();
	menuImage[0][0] = new Image();
	menuImage[0][0].src = "/common/img/navi_products_off.jpg";
	menuImage[0][1] = new Image();
	menuImage[0][1].src = "/common/img/navi_products_on.jpg";

// 会社概要
menuImage[1] = new Array();
	menuImage[1][0] = new Image();
	menuImage[1][0].src = "/common/img/navi_company_off.jpg";
	menuImage[1][1] = new Image();
	menuImage[1][1].src = "/common/img/navi_company_on.jpg";

// 環境方針
menuImage[2] = new Array();
	menuImage[2][0] = new Image();
	menuImage[2][0].src = "/common/img/navi_environment_off.jpg";
	menuImage[2][1] = new Image();
	menuImage[2][1].src = "/common/img/navi_environment_on.jpg";

// 採用情報
menuImage[3] = new Array();
	menuImage[3][0] = new Image();
	menuImage[3][0].src = "/common/img/navi_recruit_off.jpg";
	menuImage[3][1] = new Image();
	menuImage[3][1].src = "/common/img/navi_recruit_on.jpg";

// 当社のあゆみ
menuImage[4] = new Array();
	menuImage[4][0] = new Image();
	menuImage[4][0].src = "/common/img/navi_history_off.jpg";
	menuImage[4][1] = new Image();
	menuImage[4][1].src = "/common/img/navi_history_on.jpg";

// お知らせ
menuImage[5] = new Array();
	menuImage[5][0] = new Image();
	menuImage[5][0].src = "/common/img/navi_news_off.jpg";
	menuImage[5][1] = new Image();
	menuImage[5][1].src = "/common/img/navi_news_on.jpg";



/*----------------------------------------------------
関数名: ScreenWidth
概要  : ウィンドウサイズの取得
説明  : 各ブラウザ別にウィンドウサイズを取得する
----------------------------------------------------*/
function ScreenWidth(){
	if (document.all && document.getElementById && (document.compatMode == 'CSS1Compat')) {
	// IE6 標準モード
	scrWidth = document.documentElement.clientWidth;
	}else if(document.all){
	// IE6 互換モード
	scrWidth = document.body.clientWidth;
	}else{
	// それ以外
	scrWidth = window.innerWidth - 20;
	}
	return scrWidth;
}

/*----------------------------------------------------
関数名: initialize
概要  : ツリービュー初期化関数
説明  : ツリービュー内の子メニューを閉じる.
javascriptが無効の場合でもメニューの全項目が利用できる
ようにするための配慮.
body要素のonloadイベントに記述することを推奨.
----------------------------------------------------*/

function initialize(){
	//DOMが使えなかったらツリービューも使えない
	//予め全ての項目を開いておいて、DOMが有効ならば閉じるようにする
	if(document.hasChildNodes){
		var child_objects = document.getElementsByTagName('div');
		for (i=0;i<child_objects.length;i++){
			if(document.all){
				if(child_objects.item(i).getAttribute('className') == 'hidden_obj'){
					child_objects.item(i).style.display = 'none';
				}
			}else if(document.getElementById){
				if(child_objects.item(i).getAttribute('class') == 'hidden_obj'){
					child_objects.item(i).style.display = 'none';
				}
			}
		}
	}
}


/*----------------------------------------------------
関数名: menu()
概要  : メニュー開閉関数
説明  : メニュー内の子メニューを開閉する.
(孫メニューは開閉しない)
変数  :  host_object_id 子メニューを包括する要素のIDを
指定する.(つまり自らの要素のID)
ただし、thisなどのようにオブジェクトを渡してはならない.
visible_object_id 開閉するオブジェクトのidを指定
----------------------------------------------------*/

function menu(visible_object_id, image_id, position){
	image_change(image_id, position);
	visible_change(visible_object_id, position);
}


/* メニュー表示 */
function visible_change(visible_object_id, position){
	//ウィンドウの横幅を取得
	var scrWidth = ScreenWidth();

	if(document.all){
		var visible_object = document.all[visible_object_id];
		var base_object = document.all["BasePosition"];
	}else if(document.getElementById){
		var visible_object = document.getElementById(visible_object_id);
		var base_object = document.getElementById("BasePosition");
	}

	if(visible_object.style.visibility == 'visible'){
			visible_object.style.visibility = "hidden";
	}else{
			if(document.all){
				if(scrWidth > menuWidth){
					visible_object.style.left = ((scrWidth - menuWidth) / 2) + imagePosition[position] + 0;
				}else{
					visible_object.style.left = imagePosition[position] + 15;
				}
				if(window.opera)
					{
						visible_object.style.top = 49 + base_object.offsetHeight - 3;
					}
				else
					{
						visible_object.style.top = 49 + base_object.offsetHeight - 1;
					}
			}else if(document.getElementById){
				if(scrWidth > menuWidth){
					visible_object.style.left = (((scrWidth - menuWidth) / 2) + imagePosition[position]) + 0 + "px";
				}else{
					visible_object.style.left = imagePosition[position] + 15 + "px";
				}
				//visible_object.style.top = 70 + base_object.offsetHeight + "px";
				visible_object.style.top = 75 + "px";
			}

			visible_object.style.visibility = "visible";
	}
}


/* 画像入れ替え */

function image_change(image_id, position)
{
	//alert(image_id);
	if(document.all)
	{
		var image_object = document.all[image_id];
	}
	else if(document.getElementById)
	{
		var image_object = document.getElementById(image_id);
	}

	if(image_object.src == menuImage[position][1].src)
	{
		image_object.src = menuImage[position][0].src;
	}
	else
	{
		image_object.src = menuImage[position][1].src;
	}
}