//<<<<<<<<<<<<<<<<建立Menu陣列>>>>>>>>>>>>>>>>>>
var arystrMenuOpenPic = new Array() ;
var arystrMenuOverPic = new Array() ;
var arystrMenuClosePic = new Array() ;
var arystrMenuLink = new Array() ;
var aryarySubMenuText = new Array() ;
var aryarySubMenuLink = new Array() ;

//--------------------建立第一個Menu------------------------
var arystrSubMenuText = new Array() ;
var arystrSubMenuLink = new Array() ;
arystrSubMenuText[0] = '关于我们' ;
arystrSubMenuLink[0] = 'index.htm' ;
arystrSubMenuText[1] = '公司最新消息' ;
arystrSubMenuLink[1] = 'news.htm' ;
arystrSubMenuText[2] = '特别荣誉与殊荣' ;
arystrSubMenuLink[2] = 'Distinction.htm' ;

arystrMenuOpenPic[0] = '../images/menu/Simpcompany-over.jpg' ;
arystrMenuOverPic[0] = '../images/menu/Simpcompany-on.jpg' ;
arystrMenuClosePic[0] = '../images/menu/Simpcompany.jpg' ;
arystrMenuLink[0] = '' ;
aryarySubMenuText[0] = arystrSubMenuText ;
aryarySubMenuLink[0] = arystrSubMenuLink ;

//--------------------建立第二個Menu------------------------
var arystrSubMenuText = new Array() ;
var arystrSubMenuLink = new Array() ;


arystrSubMenuText[0] = '奈米银溶剂' ;
arystrSubMenuLink[0] = 'nanosilver.htm';
arystrSubMenuText[1] = '晶体奈米银抗菌活性碳' ;
arystrSubMenuLink[1] = 'crystalnano.htm' ;


arystrMenuOpenPic[1] = '../images/menu/Simpproduct-over.jpg' ;
arystrMenuOverPic[1] = '../images/menu/Simpproduct-on.jpg' ;
arystrMenuClosePic[1] = '../images/menu/Simpproduct.jpg' ;
arystrMenuLink[1] = '' ;
aryarySubMenuText[1] = arystrSubMenuText ;
aryarySubMenuLink[1] = arystrSubMenuLink ;

//--------------------建立第三個Menu------------------------
var arystrSubMenuText = new Array() ;
var arystrSubMenuLink = new Array() ;
arystrSubMenuText[0] = '如何与我们配合' ;
arystrSubMenuLink[0] = 'cooperation.htm' ;

arystrMenuOpenPic[2] = '../images/menu/Simpcollaboration-over.jpg' ;
arystrMenuOverPic[2] = '../images/menu/Simpcollaboration-on.jpg' ;
arystrMenuClosePic[2] = '../images/menu/Simpcollaboration.jpg' ;
arystrMenuLink[2] = '' ;
aryarySubMenuText[2] = arystrSubMenuText ;
aryarySubMenuLink[2] = arystrSubMenuLink ;

//--------------------建立第四個Menu------------------------

var arystrSubMenuText = new Array() ;
var arystrSubMenuLink = new Array() ;


arystrMenuOpenPic[3] = '../images/menu/Simpcontactus-over.jpg' ;
arystrMenuOverPic[3] = '../images/menu/Simpcontactus-on.jpg' ;
arystrMenuClosePic[3] = '../images/menu/Simpcontactus.jpg' ;
arystrMenuLink[3] = 'contactus.htm' ;
//arystrMenuLink[4] = '' ;
aryarySubMenuText[3] = arystrSubMenuText ;
aryarySubMenuLink[3] = arystrSubMenuLink ;



//<<<<<<<<<<<<<<<<建立Menu Table>>>>>>>>>>>>>>>>>>>>>
var strMenuHtml ;
//***************控制Menu的公用變數****************
var timerMenu ;
var intControlMenuNum = 0 ;
var intOpenMenuNum = 0 ;
var intTempHeight = 0 ;
var boolOpenMenu = false ;




strMenuHtml = '<table border="0" cellpadding="0" cellspacing="0"  width="140" id="menu1Table">' ;

if (arystrMenuOpenPic.length > 0) {

	for (i = 0 ; i < arystrMenuOpenPic.length ; i++) {

		strMenuHtml = strMenuHtml + '<tr>' ;
		strMenuHtml = strMenuHtml + '<td width="80%" align="center" height="26">' ;
//        	strMenuHtml = strMenuHtml + '<img  style="cursor:pointer;" border="0" src="' + arystrMenuOpenPic[i] + '" id="MenuPic' + (i + 1) + '" onclick="ControlMenu(' + (i + 1) + ')" onmouseover="IMGMouseOver(' + (i + 1) + ')" nmouseover="IMGMouseOut(' + (i + 1) + ')" >' ;
        	strMenuHtml = strMenuHtml + '<img  style="cursor:pointer;" border="0" src="' + arystrMenuOpenPic[i] + '" id="MenuPic' + (i + 1) + '" onclick="ControlMenu(' + (i + 1) + ')" >' ;
		strMenuHtml = strMenuHtml + '</td>' ;
		strMenuHtml = strMenuHtml + '</tr>' ;
		strMenuHtml = strMenuHtml + '<tr>' ;
		strMenuHtml = strMenuHtml + '<td width="80%" align="center" id="SubMenuTd' + (i + 1) + '">' ;
			
		if (aryarySubMenuText[i].length > 0) {
	
			strMenuHtml = strMenuHtml + '<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" class="menustyle"id="SubMenuTable' + (i + 1) + '"  style="display:none;">' ;
			for (j = 0 ; j < aryarySubMenuText[i].length ; j++) {
				strMenuHtml = strMenuHtml + '<tr>' ;
				strMenuHtml = strMenuHtml + '<td height="26" id="SubMenuTD' + (i + 1) + '_' + (j + 1) + '">' ;
				strMenuHtml = strMenuHtml + '<a href="' + aryarySubMenuLink[i][j] + '">' ;
				strMenuHtml = strMenuHtml + aryarySubMenuText[i][j] ;
				strMenuHtml = strMenuHtml + '</a>' ;
				strMenuHtml = strMenuHtml + '</td>' ;
				strMenuHtml = strMenuHtml + '</tr>' ;
			}
			strMenuHtml = strMenuHtml + '</table>' ;
		}

	}
}
strMenuHtml = strMenuHtml + '</table>' ;
document.getElementById('MenuDiv').innerHTML = strMenuHtml ;

	


//<<<<<<<<<<<<<<<<將所有的Menu關起來>>>>>>>>>>>>>>>>>>>>>
if (arystrMenuOpenPic.length > 0) {
	for (i = 0 ; i < arystrMenuOpenPic.length ; i++) {
		document.getElementById('MenuPic' + (i + 1)).src = arystrMenuClosePic[i] ;
		if (aryarySubMenuText[i].length > 0) {
			document.getElementById('SubMenuTable' + (i + 1)).style.display = 'none' ;
			document.getElementById('SubMenuTd' + (i + 1)).height = '1px' ;
		}
	}
}





//<<<<<<<<<<<<<<<<進入頁面的時候打開Menu用的函式>>>>>>>>>>>>>>>>>>>>>
function MenuInit(intMenuNum, intSubMenuNum) {
	if (arystrMenuOpenPic.length > 0) {
		if(intMenuNum != 0){
			document.getElementById('MenuPic' + intMenuNum).src = arystrMenuOpenPic[intMenuNum - 1] ;
			if (aryarySubMenuText[intMenuNum - 1].length > 0) {
				document.getElementById('SubMenuTable' + intMenuNum).style.display = '' ;
				document.getElementById('SubMenuTd' + intMenuNum).height = (aryarySubMenuText[intMenuNum - 1].length *26) + 'px' ;
				if (intSubMenuNum != 0){
					if (intSubMenuNum <= aryarySubMenuText[intMenuNum - 1].length) {
					document.getElementById('SubMenuTD' + intMenuNum + '_' + intSubMenuNum).className = 'abc';
					
					}
				}
			}
	    }
	}
}
	

//<<<<<<<<<<<<<<<<控制Menu用的函式>>>>>>>>>>>>>>>>>>>>>


function ControlMenu(intMenuNum) {

	//-------------------取得目前打開的是哪一個Menu----------------------------------
	intOpenMenuNum = 0 ;
	for (i = 1 ; i <= arystrMenuOpenPic.length ; i++) {
		if(aryarySubMenuText[i-1].length > 0){
			if (document.getElementById('SubMenuTable' + i).style.display == '') {
				intOpenMenuNum = i ;
				break ;
			}
		}
	}
		
	//-----------------如果目前已有打開的Menu---------------------------
	if (intOpenMenuNum > 0) {

		//-------------------判斷這個打開的Menu和目前按下去的Menu,是不是同一個-----------------------
		if (intOpenMenuNum ==  intMenuNum) {
		
			boolOpenMenu = false ;
			intControlMenuNum = intMenuNum ;
			SetCloseTimer() ;
		}
		else {
			intControlMenuNum = intMenuNum ;
			if (arystrMenuLink[intMenuNum - 1] == '') {
				boolOpenMenu = true ;
				SetCloseTimer() ;
			}
			else {
				boolOpenMenu = false ;
				document.location.replace(arystrMenuLink[intMenuNum - 1]) ;
			}
		}
	}
	//-----------------如果目前沒有打開的Menu---------------------------
	else {
		intControlMenuNum = intMenuNum ;
		boolOpenMenu = false ;
		if (arystrMenuLink[intMenuNum - 1] == '') {
			SetOpenTimer() ;
		}
		else {
			document.location.replace(arystrMenuLink[intMenuNum - 1]) ;
		}
	}

}


//***************設定打開Menu的Timer****************
function SetOpenTimer() {
	document.getElementById('SubMenuTable' + intControlMenuNum).style.display = 'none' ;
	document.getElementById('MenuPic' + intControlMenuNum).src = arystrMenuOpenPic[intControlMenuNum - 1] ;
	intTempHeight = 0 ;
	timerMenu = setInterval(OpenMenu, 15) ;
}


//***************設定關閉Menu的Timer****************
function SetCloseTimer() {
	document.getElementById('SubMenuTable' + intOpenMenuNum).style.display = 'none' ;
	document.getElementById('MenuPic' + intOpenMenuNum).src = arystrMenuClosePic[intOpenMenuNum - 1] ;
	intTempHeight = aryarySubMenuText[intOpenMenuNum - 1].length * 26 ;
	timerMenu = setInterval(CloseMenu, 15) ;
}


//***************打開Menu****************
function OpenMenu() {
	
	var objTD = document.getElementById('SubMenuTd' + intControlMenuNum) ;
	
	intTempHeight = intTempHeight + 8 ;
	objTD.height = intTempHeight + 'px' ;

	if (intTempHeight >= (aryarySubMenuText[intControlMenuNum - 1].length * 26)) {
		intTempHeight  = (aryarySubMenuText[intControlMenuNum - 1].length * 26) ;
		objTD.height = intTempHeight + 'px' ;
		clearInterval(timerMenu) ;
		document.getElementById('SubMenuTable' + intControlMenuNum).style.display = '' ;
	}

}

//***************關閉Menu****************
function CloseMenu() {

	var objTD = document.getElementById('SubMenuTd' + intOpenMenuNum) ;

	intTempHeight = intTempHeight - 8 ;
	if (intTempHeight >= 8) {
		objTD.height = intTempHeight + 'px' ;
	}
		
	if (intTempHeight <= 8) {
	
		intTempHeight  = 0 ;
		objTD.height = '1px' ;
		clearInterval(timerMenu) ;
		document.getElementById('SubMenuTable' + intOpenMenuNum).style.display = 'none' ;
		
		if (boolOpenMenu) {
			SetOpenTimer() ;
		}
		
	}

}




/*
//***************滑鼠移到圖片上的函式****************
function IMGMouseOver(intMenuNum) {
	if (intMenuNum != intControlMenuNum) {
		document.getElementById('MenuPic' + intMenuNum).src = arystrMenuOpenPic[intMenuNum - 1] ;
	}
}

//***************滑鼠離開圖片上的函式****************
function IMGMouseOut(intMenuNum) {
	if (intMenuNum != intControlMenuNum) {
		document.getElementById('MenuPic' + intMenuNum).src = arystrMenuClosePic[intMenuNum - 1] ;
	}
}
*/