//03.9.02 LastUpdate
//03.4.16 LastUpdate

// submenu
// 1_menu
menuList1 = new Array(
	' Company profile                   ',
	' Seiko NPC\'s environmental efforts'
);
menuLinkList1 = new Array(
	'general/index.html',
	'general/conservation.html'
);
// 2_menu
menuList2 = new Array(
	' Product Info                   ',
	' Download                   ',
	' Distributors                  '
);
menuLinkList2 = new Array(
	'products/index.html',
	'products/datasheet.html',
	'products/agency.html'
);
// 3_menu
menuList3 = new Array(
	' Seiko NPC\'s quality assurance                  ',
	' Basic corporate quality concepts',
	' Claim adjustment system                   ',
	' Reliability testing                   ',
	' Product traceability                   ',
	' Using our product'
);
menuLinkList3 = new Array(
	'quality/index.html',
	'quality/assurance.html',
	'quality/adjustment.html',
	'quality/reliability.html',
	'quality/traceability.html',
	'quality/instructions.html'
);


// submenu_bgcolor
onMenuColor = new Array(
	'#cccccc',
	'#cccccc',
	'#cccccc'
);


var $buttons = 3;
var $allButtons = 3;


var menuNameList = new Array(
	'm01',
	'm02',
	'm03'
);


var $OS;
var $dom;
var $browser;
var $path;
var $currentPage;
var menuList = new Array();
var menuLinkList = new Array();
var menuOffImageList = new Array();
var menuOverImageList = new Array();

var $offColor =  "#ffffff";
var $onColor;
var $fontOffColor = "#000000";
var $fontOnColor = "#000000";
var $timeLag;
var $layerSwitch='false';
var $buttonNo;


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

function writeMenu() {
	if($path == 0){
		$link = './';
	}
	else {
		if($path == 1) {
			$link = '../';
		}
		else if($path == 2) {
			$link = '../../';
		}
		else if($path == 3) {
			$link = '../../../';
		}
	}
	
	
	
	document.write("<table border='0' cellpadding='0' cellspacing='0' width='528'>");
	document.write("<tr>");
	document.write("<td><a href='javaScript:void(0)' onMouseOver='javaScript:changeMenuImage(0); layerPopup(1);' onMouseOut='javaScript:returnMenuImage(0); layerLagHide();'><img src='",$link,"img/m01.gif' width='176' height='21' border='0' alt='Company Info' name='m01'></a></td>");
	document.write("<td><a href='javaScript:void(0)' onMouseOver='javaScript:changeMenuImage(1); layerPopup(2);' onMouseOut='javaScript:returnMenuImage(1); layerLagHide();'><img src='",$link,"img/m02.gif' width='176' height='21' border='0' alt='Products' name='m02'></a></td>");
	document.write("<td><a href='javaScript:void(0)' onMouseOver='javaScript:changeMenuImage(2); layerPopup(3);' onMouseOut='javaScript:returnMenuImage(2); layerLagHide();'><img src='",$link,"img/m03.gif' width='176' height='21' border='0' alt='Quality assurance' name='m03'></a></td>");
	document.write("</tr>");
	document.write("</table>");
}


function writeSubMenu($this) {
	$path = $this;
	if($path == 0){
		$subLink="./";
	}
	else if($path == 1){
		$subLink="../";
	}
	else if($path == 2){
		$subLink="../../";
	}
	else if($path == 3){
		$subLink="../../../";
	}



	browserCheck();
	var $i = 0;

	while ($i < $buttons) {
		$onColor = onMenuColor[$i];
		
		if($i == 0) {
			$menus = menuList1.length;
			var $j = 0;
			while ($j < $menus) {
				menuList[$j] = menuList1[$j];
				menuLinkList[$j] = menuLinkList1[$j];
				$layerName = '1'+$j;
				$menuPositon = 171;
				writeLayers($layerName,$j);
				$j++;
			}
		}
		else if($i == 1) {
			$menus = menuList2.length;
			var $j = 0;
			while ($j < $menus) {
				menuList[$j] = menuList2[$j];
				menuLinkList[$j] = menuLinkList2[$j];
				$layerName = '2'+$j;
				$menuPositon = 347;
				writeLayers($layerName,$j);
				$j++;
			}
		}
		else if($i == 2) {
			$menus = menuList3.length;
			var $j = 0;
			while ($j < $menus) {
				menuList[$j] = menuList3[$j];
				menuLinkList[$j] = menuLinkList3[$j];
				$layerName = '3'+$j;
				$menuPositon = 523;
				writeLayers($layerName,$j);
				$j++;
			}
		}
		$i++;
	}
}


function writeLayers($layerName,$i) {
	if(($browser == "WinIE4") || ($browser == "WinIE5") || ($browser == "WinIE6") || ($browser == "MacIE4") || ($browser == "MacIE5")) {
		var $marginTopValue = $i*19+62;
		document.write("<div style='top:0px; left:",$menuPositon,"px; width:177px; height:20px; position:absolute; font-size:11px; line-height:11px; margin-top:",$marginTopValue,"px; margin-left:0px; border-style:solid; border-width:1px; border-top-color:#000000; border-right-color:#000000; border-bottom-color:#000000; border-left-color:#000000; background-color:",$offColor,"; visibility:hidden;' id='layer",$layerName,"' onMouseOver='layerStay(); changeColor(",$layerName,");' onMouseOut='layerLagHide(); returnColor(",$layerName,");'><p class='menuSetting'><a href='",$subLink+menuLinkList[$i],"' onFocus='this.blur()'><img src='img/menu-cube.gif' alt='&middot;' border='0' width='7' height='7'><font id='menuText",$layerName,"' class='menuText'>",menuList[$i],"</font></a></p></div>");
	}
	if($browser == "WinNN4") {
		var $marginTopValue = $i*20+63;
		document.write("<layer top='",$marginTopValue,"' left='",$menuPositon,"' width='176' height='20' name='layerOn",$layerName,"' bgcolor='",$onColor,"' z-Index='",$i,"' visibility='hide' onMouseOver='changeColor(",$layerName,"); layerStay();' onMouseOut='returnColor(",$layerName,"); layerLagHide();'><p class='menuSettingNN4'><a href='",$subLink+menuLinkList[$i],"' id='menuText",$i,"'><img src='img/menu-cube.gif' alt='&middot;' border='0' width='7' height='7'><font class='menuTextOnNN4'>",menuList[$i],"</font></a></p></layer>");
		document.write("<layer top='",$marginTopValue,"' left='",$menuPositon,"' width='176' height='20' name='layer",$layerName,"' bgcolor='",$offColor,"' z-Index='",$i,"' visibility='hide' onMouseOver='changeColor(",$layerName,"); layerStay();' onMouseOut='returnColor(",$layerName,"); layerLagHide();'><p class='menuSettingNN4'><a href='",menuLinkList[$i],"' id='menuText",$i,"' onFocus='this.blur()'><img src='img/menu-cube.gif' alt='&middot;' border='0' width='7' height='7'><font class='menuTextOffNN4'>",menuList[$i],"</font></a></p></layer>");
	}
	if($browser == "MacNN4") {
		var $marginTopValue = $i*19+63;
		document.write("<layer top='",$marginTopValue,"' left='",$menuPositon,"' width='176' height='20' name='layerOn",$layerName,"' bgcolor='",$onColor,"' z-Index='",$i,"' visibility='hide' onMouseOver='changeColor(",$layerName,"); layerStay();' onMouseOut='returnColor(",$layerName,"); layerLagHide();'><p class='menuSettingNN4'><a href='",$subLink+menuLinkList[$i],"' id='menuText",$i,"' onFocus='this.blur()'><img src='img/menu-cube.gif' alt='&middot;' border='0' width='7' height='7'><font class='menuTextOnMacNN4'>",menuList[$i],"</font></a></p></layer>");
		document.write("<layer top='",$marginTopValue,"' left='",$menuPositon,"' width='176' height='20' name='layer",$layerName,"' bgcolor='",$offColor,"' z-Index='",$i,"' visibility='hide' onMouseOver='changeColor(",$layerName,"); layerStay();' onMouseOut='returnColor(",$layerName,"); layerLagHide();'><p class='menuSettingNN4'><a href='",$subLink+menuLinkList[$i],"' id='menuText",$i,"' onFocus='this.blur()'><img src='img/menu-cube.gif' alt='&middot;' border='0' width='7' height='7'><font class='menuTextOffMacNN4'>",menuList[$i],"</font></a></p></layer>");
	}
	if($browser == "WinNN67") {
		var $marginTopValue = $i*19+20;
		document.write("<div style='width:175px; height:20px; position:absolute; margin-top:",$marginTopValue,"px; margin-left:",$menuPositon,"px; border-style:solid; border-width:1px; border-color:black; background-color:",$offColor,"; visibility:hidden;' id='layer",$layerName,"' onMouseOver='changeColor(",$layerName,"); layerStay();' onMouseOut='returnColor(",$layerName,"); layerLagHide();'><p class='menuSettingNN67'><a href='",$subLink+menuLinkList[$i],"' onFocus='this.blur()'><img src='img/menu-cube.gif' alt='&middot;' border='0' width='7' height='7'><font class='menuTextOffNN' id='menuText",$layerName,"'>",menuList[$i],"</font></a></p></div>");
	}
	if($browser == "MacNN67") {
		var $marginTopValue = $i*19+20;
		document.write("<div style='width:175px; height:20px; position:absolute; margin-top:",$marginTopValue,"px; margin-left:",$menuPositon,"px; border-style:solid; border-width:1px; border-color:black; background-color:",$offColor,"; visibility:hidden;' id='layer",$layerName,"' onMouseOver='changeColor(",$layerName,"); layerStay();' onMouseOut='returnColor(",$layerName,"); layerLagHide();'><p class='menuSettingNN67'><a href='",$subLink+menuLinkList[$i],"' onFocus='this.blur()'><img src='img/menu-cube.gif' alt='&middot;' border='0' width='7' height='7'><font class='menuTextOffNN' id='menuText",$layerName,"'>",menuList[$i],"</font></a></p></div>");
	}
	if($browser == "Other") {
		alert("");
	}
}

function writeAddLayers($layerAddName,$k) {
		$i = $k+1;
	if(($browser == "WinIE4") || ($browser == "WinIE5") || ($browser == "WinIE6") || ($browser == "MacIE4") || ($browser == "MacIE5")) {
		var $marginTopValue = $i*19+62;
		document.write("<div style='top:0px; left:",$menuPositon,"px; width:176px; height:20px; position:absolute; font-size:11px; line-height:11px; margin-top:",$marginTopValue,"px; margin-left:0px; border-style:solid; border-width:1px; border-top-color:#000000; border-right-color:#000000; border-bottom-color:#000000; border-left-color:#000000; background-color:",$offColor,"; visibility:hidden;' id='layer",$layerAddName,"' onMouseOver='layerStay(); changeColor(",$layerAddName,");' onMouseOut='layerLagHide(); returnColor(",$layerAddName,");'><p class='menuSetting'><a href='",$subLink+menuAddLinkList[$k],"' onFocus='this.blur()'><img src='img/menu-cube.gif' alt='&middot;' border='0' width='7' height='7'><font id='menuText",$layerAddName,"' class='menuText'>",menuAddList[$k],"</font></a></p></div>");
	}
	if($browser == "WinNN4") {
		var $marginTopValue = $i*20+63;
		document.write("<layer top='",$marginTopValue,"' left='",$menuPositon,"' width='176' height='20' name='layerOn",$layerAddName,"' bgcolor='",$onColor,"' z-Index='",$k,"' visibility='hide' onMouseOver='changeColor(",$layerAddName,"); layerStay();' onMouseOut='returnColor(",$layerAddName,"); layerLagHide();'><p class='menuSettingNN4'><a href='",$subLink+menuAddLinkList[$k],"' id='menuText",$k,"'><img src='img/menu-cube.gif' alt='&middot;' border='0' width='7' height='7'><font class='menuTextOnNN4'>",menuAddList[$k],"</font></a></p></layer>");
		document.write("<layer top='",$marginTopValue,"' left='",$menuPositon,"' width='176' height='20' name='layer",$layerAddName,"' bgcolor='",$offColor,"' z-Index='",$k,"' visibility='hide' onMouseOver='changeColor(",$layerAddName,"); layerStay();' onMouseOut='returnColor(",$layerAddName,"); layerLagHide();'><p class='menuSettingNN4'><a href='",menuAddLinkList[$k],"' id='menuText",$k,"' onFocus='this.blur()'><img src='img/menu-cube.gif' alt='&middot;' border='0' width='7' height='7'><font class='menuTextOffNN4' onMouseOut=''>",menuAddList[$k],"</font></a></p></layer>");
	}
	if($browser == "MacNN4") {
		var $marginTopValue = $i*19+63;
		document.write("<layer top='",$marginTopValue,"' left='",$menuPositon,"' width='176' height='20' name='layerOn",$layerAddName,"' bgcolor='",$onColor,"' z-Index='",$k,"' visibility='hide' onMouseOver='changeColor(",$layerAddName,"); layerStay();' onMouseOut='returnColor(",$layerAddName,"); layerLagHide();'><p class='menuSettingNN4'><a href='",$subLink+menuAddLinkList[$k],"' id='menuText",$k,"' onFocus='this.blur()'><img src='img/menu-cube.gif' alt='&middot;' border='0' width='7' height='7'><font class='menuTextOnMacNN4'>",menuAddList[$k],"</font></a></p></layer>");
		document.write("<layer top='",$marginTopValue,"' left='",$menuPositon,"' width='176' height='20' name='layer",$layerAddName,"' bgcolor='",$offColor,"' z-Index='",$k,"' visibility='hide' onMouseOver='changeColor(",$layerAddName,"); layerStay();' onMouseOut='returnColor(",$layerAddName,"); layerLagHide();'><p class='menuSettingNN4'><a href='",$subLink+menuAddLinkList[$k],"' id='menuText",$k,"' onFocus='this.blur()'><img src='img/menu-cube.gif' alt='&middot;' border='0' width='7' height='7'><font class='menuTextOffMacNN4'>",menuAddList[$k],"</font></a></p></layer>");
	}
	if($browser == "WinNN67") {
		var $marginTopValue = $i*19+20;
		document.write("<div style='width:175px; height19px; position:absolute; margin-top:",$marginTopValue,"px; margin-left:",$menuPositon,"px; border-style:solid; border-width:1px; border-color:black; background-color:",$offColor,"; visibility:hidden;' id='layer",$layerAddName,"' onMouseOver='changeColor(",$layerAddName,"); layerStay();' onMouseOut='returnColor(",$layerAddName,"); layerLagHide();'><p class='menuSettingNN67'><a href='",$subLink+menuAddLinkList[$k],"' onFocus='this.blur()'><img src='img/menu-cube.gif' alt='&middot;' border='0' width='7' height='7'><font class='menuTextOffNN' id='menuText",$layerAddName,"'>",menuAddList[$k],"</font></a></div>");
	}
	if($browser == "MacNN67") {
		var $marginTopValue = $i*19+20;
		document.write("<div style='width:175px; height:18px; position:absolute; margin-top:",$marginTopValue,"px; margin-left:",$menuPositon,"px; border-style:solid; border-width:1px; border-color:black; background-color:",$offColor,"; visibility:hidden;' id='layer",$layerAddName,"' onMouseOver='changeColor(",$layerAddName,"); layerStay();' onMouseOut='returnColor(",$layerAddName,"); layerLagHide();'><p class='menuSettingNN67'><a href='",$subLink+menuAddLinkList[$k],"' onFocus='this.blur()'><img src='img/menu-cube.gif' alt='&middot;' border='0' width='7' height='7'><font class='menuTextOffNN' id='menuText",$layerAddName,"'>",menuAddList[$k],"</font></a></div>");
	}
	if($browser == "Other") {
		alert("");
	}
}

function layerPopup($selectedButton) {
	layerHide();
	if($selectedButton == 1) {
		$menus = menuList1.length;
		var $i = 0;
		while ($i < $menus) {
			menuList[$i] = menuList1[$i];
			$selectedLayer = '1'+$i;
			popupLayers($selectedLayer,$i);
			$i++;
		}
	}
	else if($selectedButton == 2) {
		$menus = menuList2.length;
		var $i = 0;
		while ($i < $menus) {
			menuList[$i] = menuList2[$i];
			$selectedLayer = '2'+$i;
			popupLayers($selectedLayer,$i);
			$i++;
		}
	}
	else if($selectedButton == 3) {
		$menus = menuList3.length;
		var $i = 0;
		while ($i < $menus) {
			menuList[$i] = menuList3[$i];
			$selectedLayer = '3'+$i;
			popupLayers($selectedLayer,$i);
			$i++;
		}
	}
}


function popupLayers($selectedLayer) {
	$layerName = 'layer'+$selectedLayer;
	$layerOnName = 'layerOn'+$selectedLayer;
	if(($browser == "WinIE4") || ($browser == "WinIE5") || ($browser == "WinIE6") || ($browser == "MacIE4") || ($browser == "MacIE5")) {
		document.all($layerName).style.visibility = "visible";
	}
	if(($browser == "WinNN4") || ($browser == "MacNN4")) {
		document.layers[$layerOnName].visibility = "show";
		document.layers[$layerName].visibility = "show";
	}
	if(($browser == "WinNN67") || ($browser == "MacNN67")) {
		document.getElementById($layerName).style.visibility = "visible";
	}
}

function layerHide(){
	if($timeLag){
		clearTimeout($timeLag);
	}
	var $menuNo;
	if($layerSwitch=='true'){
		var $i = 0;
		while($i < $allButtons) {
			if($i == 0) {
				$menus = menuList1.length;
				$menuNo = '1';
			}
			else if($i == 1) {
				$menus = menuList2.length;
				$menuNo = '2';
			}
			else if($i == 2) {
				$menus = menuList3.length;
				$menuNo = '3';
			}
			
			if(($browser == "WinIE4") || ($browser == "WinIE5") || ($browser == "WinIE6") || ($browser == "MacIE4") || ($browser == "MacIE5")) {
				var $j = 0;
				while ($j < $menus) {
					document.all("layer"+$menuNo+$j).style.visibility = "hidden";
					$j++;
				}
			}
			if(($browser == "WinNN4") || ($browser == "MacNN4")) {
				var $j = 0;
				while ($j < $menus) {
					$layerName = 'layer'+$menuNo+$j;
					$layerOnName = 'layerOn'+$menuNo+$j;
					document.layers[$layerName].visibility = "hide";
					document.layers[$layerOnName].visibility = "hide";
					$j++;
				}
			}
			if(($browser == "WinNN67") || ($browser == "MacNN67")) {
				var $j = 0;
				while ($j < $menus) {
					document.getElementById("layer"+$menuNo+$j).style.visibility = "hidden";
					$j++;
				}
			}
			$i++;
		}
	}
}


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

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

var menuNameList = new Array();
menuNameList[0] = "m01";
menuNameList[1] = "m02";
menuNameList[2] = "m03";
menuNameList[3] = "m04";
menuNameList[4] = "m05";
menuNameList[5] = "m06";

function changeMenuImage($menuImageNo) {
	$menuImageName = menuNameList[$menuImageNo];
	if($path == 0){
		menuOverImageList[0] = new Image(); menuOverImageList[0].src ="img/m01-2.gif";
		menuOverImageList[1] = new Image(); menuOverImageList[1].src ="img/m02-2.gif";
		menuOverImageList[2] = new Image(); menuOverImageList[2].src ="img/m03-2.gif";
		
		
		//
		menuOffImageList[0] = new Image(); menuOffImageList[0].src ="img/m01.gif";
		menuOffImageList[1] = new Image(); menuOffImageList[1].src ="img/m02.gif";
		menuOffImageList[2] = new Image(); menuOffImageList[2].src ="img/m03.gif";
	}
	else {
		if($path == 1){
			menuOverImageList[0] = new Image(); menuOverImageList[0].src ="../img/m01-2.gif";
			menuOverImageList[1] = new Image(); menuOverImageList[1].src ="../img/m02-2.gif";
			menuOverImageList[2] = new Image(); menuOverImageList[2].src ="../img/m03-2.gif";
			
			
			//
			menuOffImageList[0] = new Image(); menuOffImageList[0].src ="../img/m01.gif";
			menuOffImageList[1] = new Image(); menuOffImageList[1].src ="../img/m02.gif";
			menuOffImageList[2] = new Image(); menuOffImageList[2].src ="../img/m03.gif";
		}
		else if($path == 2){
			menuOverImageList[0] = new Image(); menuOverImageList[0].src ="../../img/m01-2.gif";
			menuOverImageList[1] = new Image(); menuOverImageList[1].src ="../../img/m02-2.gif";
			menuOverImageList[2] = new Image(); menuOverImageList[2].src ="../../img/m03-2.gif";
			
			
			//
			menuOffImageList[0] = new Image(); menuOffImageList[0].src ="../../img/m01.gif";
			menuOffImageList[1] = new Image(); menuOffImageList[1].src ="../../img/m02.gif";
			menuOffImageList[2] = new Image(); menuOffImageList[2].src ="../../img/m03.gif";
		}
		else if($path == 3){
			menuOverImageList[0] = new Image(); menuOverImageList[0].src ="../../../img/m01-2.gif";
			menuOverImageList[1] = new Image(); menuOverImageList[1].src ="../../../img/m02-2.gif";
			menuOverImageList[2] = new Image(); menuOverImageList[2].src ="../../../img/m03-2.gif";
			//
			menuOffImageList[0] = new Image(); menuOffImageList[0].src ="../../../img/m01.gif";
			menuOffImageList[1] = new Image(); menuOffImageList[1].src ="../../../img/m02.gif";
			menuOffImageList[2] = new Image(); menuOffImageList[2].src ="../../../img/m03.gif";
		}
	}
	document.images[$menuImageName].src = menuOverImageList[$menuImageNo].src;
}


function returnMenuImage($menuImageNo) {
	$menuImageName = menuNameList[$menuImageNo];
	document.images[$menuImageName].src = menuOffImageList[$menuImageNo].src;
}

function changeColor($selectedLayer){
	$layerName = 'layer'+$selectedLayer;
	$menuTextName = 'menuText'+$selectedLayer;
	$buttonNo = $selectedLayer/10;
	if($buttonNo-10<0){
		$buttonNo = Math.floor($buttonNo) - 1;
	}
	$onMouseColor = onMenuColor[$buttonNo];
	if(($browser == "WinIE4") || ($browser == "WinIE5") || ($browser == "WinIE6") || ($browser == "MacIE4") || ($browser == "MacIE5")) {
		document.all($layerName).style.backgroundColor = $onMouseColor;
		document.all($menuTextName).style.color = $fontOnColor;
	}
	if(($browser == "WinNN4") || ($browser == "MacNN4")) {
		$layerOnName = 'layerOn'+$selectedLayer;
		document.layers[$layerOnName].visibility = "show";
		document.layers[$layerName].visibility = "hide";
	}
	if(($browser == "WinNN67") || ($browser == "MacNN67")) {
		document.getElementById($layerName).style.backgroundColor = $onMouseColor;
		document.getElementById($menuTextName).style.color = $fontOnColor;
	}
	if($browser == "Other") {
		alert("");
	}
}

function returnColor($selectedLayer){
	$layerName = 'layer'+$selectedLayer;
	$menuTextName = 'menuText'+$selectedLayer;
	if(($browser == "WinIE4") || ($browser == "WinIE5") || ($browser == "WinIE6") || ($browser == "MacIE4") || ($browser == "MacIE5")) {
		document.all($layerName).style.backgroundColor = $offColor;
		document.all($menuTextName).style.color = $fontOffColor;
	}
	if(($browser == "WinNN4") || ($browser == "MacNN4")) {
		$layerOnName = 'layerOn'+$selectedLayer;
		document.layers[$layerOnName].visibility = "hide";
		document.layers[$layerName].visibility = "show";
	}
	if(($browser == "WinNN67") || ($browser == "MacNN67")) {
		document.getElementById($layerName).style.backgroundColor = $offColor;
		document.getElementById($menuTextName).style.color = $fontOffColor;
	}
	if($browser == "Other") {
		alert("");
	}
}