// Menu Width
var menuWidth = 750;

var imgSize = new Array(); 
	imgSize[0] = 149; // 会社概要
	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 Image Preload

var menuImage = new Array();

// Company Info
menuImage[0] = new Array();
	menuImage[0][0] = new Image();
	menuImage[0][0].src = "/eng/common/img/navi_company_off.jpg";
	menuImage[0][1] = new Image();
	menuImage[0][1].src = "/eng/common/img/navi_company_on.jpg";

// Environment
menuImage[1] = new Array();
	menuImage[1][0] = new Image();
	menuImage[1][0].src = "/eng/common/img/navi_environment_off.jpg";
	menuImage[1][1] = new Image();
	menuImage[1][1].src = "/eng/common/img/navi_environment_on.jpg";

// History
menuImage[3] = new Array();
	menuImage[3][0] = new Image();
	menuImage[3][0].src = "/eng/common/img/navi_history_off.jpg";
	menuImage[3][1] = new Image();
	menuImage[3][1].src = "/eng/common/img/navi_history_on.jpg";

// News
menuImage[4] = new Array();
	menuImage[4][0] = new Image();
	menuImage[4][0].src = "/eng/common/img/navi_news_off.jpg";
	menuImage[4][1] = new Image();
	menuImage[4][1].src = "/eng/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
----------------------------------------------------*/

function initialize(){
	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()
----------------------------------------------------*/

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;
	}
}