var $path = "http://www.moeco.co.jp/";
//var $path = "file:///0-Works/moeco/html/091030/";
//var $path = "http://test.moeco.co.jp/";

/////////////// Write Copyright ///////////////
var $copyright = "<span class='footerMenu'><img src='" + $path + "images/header-menu_arrow.gif' alt='-&gt;' width='7' height='7'><a href='" + $path + "aboutThisSite.html'> このサイトについて</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;</span>Copyright(C) Mitsui Oil Exploration Co.,Ltd.";
function writeCopyright() {
	document.write($copyright);
}



/////////////// Change [HOME]Tab Image ///////////////
var homeTabOffImageList = new Array();
homeTabOffImageList[0] = new Image(); homeTabOffImageList[0].src = $path + "images/to_home-off.gif";
var homeTabOnImageList = new Array();
homeTabOnImageList[0] = new Image(); homeTabOnImageList[0].src = $path + "images/to_home-on.gif";

function changeHomeTab() {
	document.images['home'].src = homeTabOnImageList[0].src;
}
function returnHomeTab() {
	document.images['home'].src = homeTabOffImageList[0].src;
}



/////////////// Change Menu Images ///////////////
var menuNameList = new Array();
menuNameList[0] = "about";
menuNameList[1] = "project";
menuNameList[2] = "topics";
menuNameList[3] = "recruit";

var menuOverImageList = new Array();
menuOverImageList[0] = new Image(); menuOverImageList[0].src = $path + "images/header-button_about-on.gif";
menuOverImageList[1] = new Image(); menuOverImageList[1].src = $path + "images/header-button_project-on.gif";
menuOverImageList[2] = new Image(); menuOverImageList[2].src = $path + "images/header-button_topics-on.gif";
menuOverImageList[3] = new Image(); menuOverImageList[3].src = $path + "images/header-button_recruit-on.gif";

var menuOffImageList = new Array();
menuOffImageList[0] = new Image(); menuOffImageList[0].src = $path + "images/header-button_about-off.gif";
menuOffImageList[1] = new Image(); menuOffImageList[1].src = $path + "images/header-button_project-off.gif";
menuOffImageList[2] = new Image(); menuOffImageList[2].src = $path + "images/header-button_topics-off.gif";
menuOffImageList[3] = new Image(); menuOffImageList[3].src = $path + "images/header-button_recruit-off.gif";

var $menuButtons = menuNameList.length;
function changeMenu($menuImageNo) {
	returnMenu();
	$menuImageName = menuNameList[$menuImageNo];
	document.images[$menuImageName].src = menuOverImageList[$menuImageNo].src;
}
function returnMenu() {
	var $i = 0;
	while($i < $buttons) {
		$menuImageName = menuNameList[$i];
		document.images[$menuImageName].src = menuOffImageList[$i].src;
		$i++;
	}
}



/////////////// Write Sub Menus ///////////////
//global menu buttons
var $buttons = 4;

var menuList1 = new Array(
	'images/menu_message.gif',
	'images/menu_hse.gif',
	'images/menu_data.gif',
	'images/menu_shareholders.gif',
	'images/menu_announce.gif',
	'images/menu_director.gif',
	'images/menu_organization.gif',
	'images/menu_financial.gif',
	'images/menu_history.gif'
);
var menuLinkList1 = new Array(
	'about/message.html',
	'about/hse.html',
	'about/data.html',
	'about/shareholders.html',
	'about/announce.html',
	'about/directors.html',
	'about/organization.html',
	'about/financial.html',
	'about/history.html'
);
var menuList2 = new Array(
	'images/menu_thailand.gif',
	'images/menu_vietnam.gif',
	'images/menu_cambodia.gif',
	'images/menu_usa.gif',
	'images/menu_indonesia.gif',
	'images/menu_oman.gif',
	'images/menu_egypt.gif',
	'images/menu_libya.gif',
	'images/menu_japan.gif',
	'images/menu_other.gif'
);
var menuLinkList2 = new Array(
	'project/thailand.html',
	'project/vietnam.html',
	'project/cambodia.html',
	'project/usa.html',
	'project/indonesia.html',
	'project/oman.html',
	'project/egypt.html',
	'project/libya.html',
	'project/japan.html',
	'project/other.html'
);
var menuList3 = new Array();
var menuLinkList3 = new Array();

var menuList4 = new Array();
var menuLinkList4 = new Array();

// SubMenu Setting
// SubMenu Count
var $subButtons = 4;

// SubMenu Layer No.
var projectSub = new Array(
	'5',
	'6',
	'off',
	'7',
	'8',
	'off',
	'off',
	'off',
	'off',
	'off'
);
// Menu Count
var submenuCount = new Array(
	'7',
	'4',
	'2',
	'2'
)
var submenuCss = new Array(
	'subsubThailand',
	'subsubVietnam',
	'subsubUSA',
	'subsubIndonesia'
);
var submenuUni = new Array(
	'subsubThaiUni',
	'subsubVietUni',
	'subsubUSAUni',
	'subsubIndoUni'
)
var submenuList1 = new Array(
	'images/submenu_thai01.gif',
	'images/submenu_thai02.gif',
	'images/submenu_thai03.gif',
	'images/submenu_thai04.gif',
	'images/submenu_thai05.gif',
	'images/submenu_thai07.gif',
	'images/submenu_thai06.gif'
);
var submenuLinkList1 = new Array(
	'project/thailand-10.html',
	'project/thailand-b8.html',
	'project/thailand-g4.html',
	'project/thailand-b12.html',
	'project/thailand-14a.html',
	'project/thailand-g50.html',
	'project/thailand-l10.html'
);
var submenuList2 = new Array(
	'images/submenu_viet01.gif',
	'images/submenu_viet02.gif',
	'images/submenu_viet03.gif',
	'images/submenu_viet04.gif'
);
var submenuLinkList2 = new Array(
	'project/vietnam-b48.html',
	'project/vietnam-52.html',
	'project/vietnam-104.html',
	'project/vietnam-122.html'
);
var submenuList3 = new Array(
	'images/submenu_usa01.gif',
	'images/submenu_usa02.gif'
);
var submenuLinkList3 = new Array(
	'project/usa-moexusa.html',
	'project/usa-gulfofmexico.html'
);
var submenuList4 = new Array(
	'images/submenu_indo03.gif',
	'images/submenu_indo04.gif'
);
var submenuLinkList4 = new Array(
	'project/indonesia_merangin.html',
	'project/indonesia_tuna.html'
);

var $OS;
var $dom;
var $browser;
function browserCheck() {
	if(navigator.userAgent.indexOf('Mac')!=-1) { $OS = 'Mac'; }
	else { $OS = 'Win'; }
	if(document.all) {
		if(document.getElementById) {
			$dom = 'IE5';
		}
		else { $dom = 'other'; }
	}
	else {
		if(document.getElementById) {
			$dom = 'NN67';
		}
		else { $dom = 'other'; }
	}
	if($dom != "other") { $browser = $OS+$dom; }
	else { $browser = "Other"; }
}

var menuList = new Array();
var menuLinkList = new Array();
var submenuList = new Array();
var submenuLinkList = new Array();

function writeSubMenu() {
	browserCheck();
	var $i = 0;
	while ($i < $buttons) {
		if($i == 0) {
			var $menus = menuList1.length;
			var $j = 0;
			var $width = 172;
			document.write("<div class='menuAbout' id='layer1' name='layer1' onMouseOver='layerStay();' onMouseOut='layerLagHide();'>");
			while ($j < $menus) {
				menuList[$j] = menuList1[$j];
				menuLinkList[$j] = menuLinkList1[$j];
				$layerName = '1'+$j;
				writeLayers($layerName,$j,$width);
				$j++;
			}
			document.write("</div>");
		}
		else if($i == 1) {
			var $menus = menuList2.length;
			var $j = 0;
			var $width = 172;
			document.write("<div class='menuProject' id='layer2' name='layer2' onMouseOver='layerStay();' onMouseOut='layerLagHide();'>");
			while ($j < $menus) {
				menuList[$j] = menuList2[$j];
				menuLinkList[$j] = menuLinkList2[$j];
				$layerName = '2'+$j;
				writeProjectLayers($layerName,$j,$width);
				$j++;
			}
			document.write("</div>");
		}
		$i++;
	}
	// SubMenu 2006.12.20 追加
	var $subWidth = 217; /* mod 172 -> 217 */
	var $submenuLayer = 5;
	for($i=0; $i < $subButtons; $i++){
		var $layerNo = $submenuLayer + $i;
		var $menuCnt = submenuCount[$i];
		document.write("<div class='subsubMenu' id='layer"+$layerNo+"' name='layer"+$layerNo+"' onMouseOver='sublayerStay();' onMouseOut='layerSubLagHide();'>");
//		alert("<div class='subsubMenu' id='layer"+$layerNo+"' name='layer"+$layerNo+"'>");
		document.write("<div class='"+submenuUni[$i]+"' id='layer"+$layerNo+"Uni' name='layer"+$layerNo+"Uni'></div>");
		document.write("<div class='"+submenuCss[$i]+"' id='layer"+$layerNo+"Menu' name='layer"+$layerNo+"Menu'>");
//		alert("<div class='"+submenuUni[$i]+"' id='layer"+$layerNo+"Uni' name='layer"+$layerNo+"Uni'></div>");
//		alert("<div class='"+submenuCss[$i]+"' id='layer"+$layerNo+"Menu' name='layer"+$layerNo+"Menu'>");
		for($j=0; $j < $menuCnt; $j++){
			switch($i){
				case 0:
					submenuList[$j] = submenuList1[$j];
					submenuLinkList[$j] = submenuLinkList1[$j];
//					alert(submenuList[$j]);
//					alert(submenuLinkList[$j]);
					break;
				case 1:
					submenuList[$j] = submenuList2[$j];
					submenuLinkList[$j] = submenuLinkList2[$j];
					break;
				case 2:
					submenuList[$j] = submenuList3[$j];
					submenuLinkList[$j] = submenuLinkList3[$j];
					break;
				case 3:
					submenuList[$j] = submenuList4[$j];
					submenuLinkList[$j] = submenuLinkList4[$j];
					break;
			}
			$layerName = $layerNo+""+$j;
//			alert(submenuList[$j]);
//			alert(submenuLinkList[$j]);
			writeSubLayers($layerNo,$j,$subWidth);
		}
		document.write("</div>");
		document.write("</div>");
	}
}

function writeLayers($layerName,$i,$width) {
	if($browser == "Other") {}
	else {
		document.write("<p class='subMenuButton'><a href='",$path,menuLinkList[$i],"'><img src='",$path,menuList[$i],"' width='",$width,"' height='21' alt=''></a></p>\n");
	}
}

function writeProjectLayers($layerName,$i,$width) {
	if($browser == "Other") {}
	else {
		if(projectSub[$i] == 'off'){
			document.write("<p class='subMenuButton'><a href='",$path,menuLinkList[$i],"' onMouseOver='layerSubHide();'><img src='",$path,menuList[$i],"' width='",$width,"' height='21' alt=''></a></p>\n");
		} else {
			var $layerNo = projectSub[$i];
			document.write("<p class='subMenuButton'><a href='"+$path+menuLinkList[$i]+"' onMouseOver='subLayerPopup("+$layerNo+")' onMouseOut='layerSubLagHide();'><img src='"+$path+menuList[$i]+"' width='"+$width+"' height='21' alt=''></a></p>\n");
//			alert("<p class='subMenuButton'><a href='"+$path+menuLinkList[$i]+"' onMouseOver='subLayerPopup("+$layerNo+")' onMouseOut='layerLagHide()'><img src='"+$path+menuList[$i]+"' width='"+$width+"' height='21' alt=''></a></p>\n");
		}
	}
}
function writeSubLayers($layerName,$i,$width) {
	if($browser == "Other") {}
	else {
		document.write("<p class='subsubMenuButton'><a href='",$path,submenuLinkList[$i],"'><img src='",$path,submenuList[$i],"' width='",$width,"' height='21' alt=''></a></p>\n");
//		alert("<p class='subsubMenuButton'><a href='"+$path+submenuLinkList[$i]+"'><img src='"+$path+submenuList[$i]+"' width='"+$width+"' height='21' alt=''></a></p>\n");
	}
}

function layerPopup($selectedButton) {
	layerHide();
	if($selectedButton == 0) {
		popupLayers(1);
	}
	else if($selectedButton == 1) {
		popupLayers(2);
	}
}

function subLayerPopup($selectedButton) {
	popupSubLayers($selectedButton);
}

function popupLayers($selectedLayer) {
	$layerName = 'layer'+$selectedLayer;
	if(($browser == "WinIE5") || ($browser == "WinIE6") || ($browser == "MacIE5")) {
		document.all($layerName).style.visibility = "visible";
	}
	if(($browser == "WinNN67") || ($browser == "MacNN67")) {
//		alert($selectedLayer);
		document.getElementById($layerName).style.visibility = "visible";
	}
}

function popupSubLayers($selectedLayer) {
	layerSubHide();
	$selectedName = 'layer'+$selectedLayer;
	$selectedUni = 'layer'+$selectedLayer+'Uni';
	$selectedMenu = 'layer'+$selectedLayer+'Menu';
	if(($browser == "WinIE5") || ($browser == "WinIE6") || ($browser == "MacIE5")) {
		document.all($selectedName).style.visibility = "visible";
		document.all($selectedUni).style.visibility = "visible";
		document.all($selectedMenu).style.visibility = "visible";
		document.all('layer2').style.visibility = "visible";
	}
	if(($browser == "WinNN67") || ($browser == "MacNN67")) {
//		alert($selectedLayer);
		document.getElementById($selectedName).style.visibility = "visible";
		document.getElementById($selectedUni).style.visibility = "visible";
		document.getElementById($selectedMenu).style.visibility = "visible";
		document.getElementById('layer2').style.visibility = "visible";
	}
}

var $layerSwitch='false';
var $sublayerSwitch='false';
var $timeLag;
var $subtimeLag;

function layerHide(){
	if($timeLag){
		clearTimeout($timeLag);
	}
	layerSubHide();
	if($layerSwitch=='true'){
		if(($browser == "WinIE5") || ($browser == "WinIE6") || ($browser == "MacIE5")) {
			document.all("layer1").style.visibility = "hidden";
			document.all("layer2").style.visibility = "hidden";
		}
		if(($browser == "WinNN67") || ($browser == "MacNN67")) {
			document.getElementById("layer1").style.visibility = "hidden";
			document.getElementById("layer2").style.visibility = "hidden";
		}
	returnMenu();
	$layerSwitch = 'false';
	}
}

function layerSubHide(){
	if($subtimeLag){
		clearTimeout($subtimeLag);
	}
	if($sublayerSwitch=='true'){
		if(($browser == "WinIE5") || ($browser == "WinIE6") || ($browser == "MacIE5")) {
			var $submenuLayer = 5;
			for($i=0; $i < $subButtons; $i++){
				var $layerNo = $submenuLayer + $i;
				var $hidLayerName = 'layer'+$layerNo;
				var $hidLayerUni = 'layer'+$layerNo+'Uni';
				var $hidLayerMenu = 'layer'+$layerNo+'Menu';
				document.all($hidLayerName).style.visibility = "hidden";
				document.all($hidLayerUni).style.visibility = "hidden";
				document.all($hidLayerMenu).style.visibility = "hidden";
//				document.all('layer2').style.visibility = "hidden";
			}
		}
		if(($browser == "WinNN67") || ($browser == "MacNN67")) {
			var $submenuLayer = 5;
			for($i=0; $i < $subButtons; $i++){
				var $layerNo = $submenuLayer + $i;
				var $hidLayerName = 'layer'+$layerNo;
				var $hidLayerUni = 'layer'+$layerNo+'Uni';
				var $hidLayerMenu = 'layer'+$layerNo+'Menu';
				document.getElementById($hidLayerName).style.visibility = "hidden";
				document.getElementById($hidLayerUni).style.visibility = "hidden";
				document.getElementById($hidLayerMenu).style.visibility = "hidden";
//				document.getElementById('layer2').style.visibility = "hidden";
			}
		}
	returnMenu();
	$sublayerSwitch = 'false';
	}
}

function layerLagHide(){
	$layerSwitch = 'true';
	if($timeLag){ clearTimeout($timeLag); }
	$timeLag=setTimeout('layerHide();',1000);
}

function layerSubLagHide(){
	$sublayerSwitch = 'true';
	if($subtimeLag){ clearTimeout($subtimeLag); }
	$subtimeLag=setTimeout('layerSubHide();',300);
}

function layerStay(){
	$layerSwitch = 'false';
}

function sublayerStay(){
	$sublayerSwitch = 'false';
	$layerSwitch = 'false';
}