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

var imgSize = new Array(); 
	imgSize[0] = 150; // 建災防のご紹介
	imgSize[1] = 150; // 活動について
	imgSize[2] = 150; // 各種データ資料
	imgSize[3] = 150; // 講習会のご案内
	imgSize[4] = 150; // ニュースリリース

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_association_off.gif";
	menuImage[0][1] = new Image();
	menuImage[0][1].src = "/common/img/navi_association_on.gif";

// 活動について
menuImage[1] = new Array();
	menuImage[1][0] = new Image();
	menuImage[1][0].src = "/common/img/navi_activity_off.gif";
	menuImage[1][1] = new Image();
	menuImage[1][1].src = "/common/img/navi_activity_on.gif";

// 各種データ資料
menuImage[2] = new Array();
	menuImage[2][0] = new Image();
	menuImage[2][0].src = "/common/img/navi_data_off.gif";
	menuImage[2][1] = new Image();
	menuImage[2][1].src = "/common/img/navi_data_on.gif";

// 講習会のご案内
menuImage[3] = new Array();
	menuImage[3][0] = new Image();
	menuImage[3][0].src = "/common/img/navi_training_off.gif";
	menuImage[3][1] = new Image();
	menuImage[3][1].src = "/common/img/navi_training_on.gif";

// ニュースリリース
menuImage[4] = new Array();
	menuImage[4][0] = new Image();
	menuImage[4][0].src = "/common/img/navi_news_off.gif";
	menuImage[4][1] = new Image();
	menuImage[4][1].src = "/common/img/navi_news_on.gif";



/*----------------------------------------------------
関数名: 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 =  document.body.clientWidth - 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] + "px";
				}
				else
				{
					visible_object.style.left = imagePosition[position] + "px";
				}

				if(window.opera)
				{

					visible_object.style.top = 73 + base_object.offsetHeight - 3;
				}
				else
				{
					visible_object.style.top = 81 + base_object.offsetHeight - 1;
				}

			}else if(document.getElementById){
				if(scrWidth > menuWidth){
					visible_object.style.left = (((scrWidth - menuWidth) / 2) + imagePosition[position])+ 10 + "px";
				}else{
					visible_object.style.left = imagePosition[position] + "px";
				}
				//visible_object.style.top = 70 + base_object.offsetHeight + "px";
				visible_object.style.top = 110 + "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;
	}
}