// table width of menu

var menuWidth = 750;

var imgSize = new Array(); 
	imgSize[0] = 125;// home
	imgSize[1] = 130;// KOMATSU and Cummins
	imgSize[2] = 125;// Company Information
	imgSize[3] = 125;// intoroduction of IPA
	imgSize[4] = 130;// Research & Development
	imgSize[5] = 130;// Career

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


// preload of menu images
var menuImage = new Array();

// home
menuImage[0] = new Array();
	menuImage[0][0] = new Image();
	menuImage[0][0].src = "/common/img/navi_home.gif";
	menuImage[0][1] = new Image();
	menuImage[0][1].src = "/common/img/navi_home.gif";

// KOMATSU and Cummins
menuImage[1] = new Array();
	menuImage[1][0] = new Image();
	menuImage[1][0].src = "/common/img/navi_komatsucummins.gif";
	menuImage[1][1] = new Image();
	menuImage[1][1].src = "/common/img/navi_komatsucummins.gif";

// Company Information
menuImage[2] = new Array();
	menuImage[2][0] = new Image();
	menuImage[2][0].src = "/common/img/navi_company_info.gif";
	menuImage[2][1] = new Image();
	menuImage[2][1].src = "/common/img/navi_company_info.gif";

// Guidance
menuImage[3] = new Array();
	menuImage[3][0] = new Image();
	menuImage[3][0].src = "/common/img/navi_guidance.gif";
	menuImage[3][1] = new Image();
	menuImage[3][1].src = "/common/img/navi_guidance.gif";

// Results
menuImage[4] = new Array();
	menuImage[4][0] = new Image();
	menuImage[4][0].src = "/common/img/navi_development.gif";
	menuImage[4][1] = new Image();
	menuImage[4][1].src = "/common/img/navi_development.gif";

// Recruit
menuImage[5] = new Array();
	menuImage[5][0] = new Image();
	menuImage[5][0].src = "/common/img/navi_recruit.gif";
	menuImage[5][1] = new Image();
	menuImage[5][1].src = "/common/img/navi_recruit.gif";



/*----------------------------------------------------
Function Name: ScreenWidth
summary : get window size
----------------------------------------------------*/
function ScreenWidth(){
	if (document.all && document.getElementById && (document.compatMode == 'CSS1Compat')) {
	// IE6 standard mode
	scrWidth = document.documentElement.clientWidth;
	}else if(document.all){
	// IE6 legacy mode
	scrWidth = document.body.clientWidth;
	}else{
	// others
	scrWidth = window.innerWidth - 20;
	}
	return scrWidth;
}

/*----------------------------------------------------
Function Name: 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';
				}
			}
		}
	}
}


/*----------------------------------------------------
Function Name: menu()
----------------------------------------------------*/

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


// display menu
function visible_change(visible_object_id, position){
	//get window width
	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";
	}
}


/* Change Image */

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