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

//--------------------建立第一個Menu------------------------
var arystrSubMenuText = new Array() ;
var arystrSubMenuLink = new Array() ;
arystrSubMenuText[0] = 'Mission Statement' ;
arystrSubMenuLink[0] = '/s_ab_Missionstatement.html' ;
arystrSubMenuText[1] = 'Facility' ;
arystrSubMenuLink[1] = '/s_ab_Facility.html' ;
arystrSubMenuText[2] = 'Contact us' ;
arystrSubMenuLink[2] = '/s_ab_ContactUs.aspx' ;

arystrMenuOpenPic[0] = '/demo/menu/AboutUs_roll.jpg' ;
arystrMenuOverPic[0] = '/demo/menu/AboutUs_over.jpg' ;
arystrMenuClosePic[0] = '/demo/menu/AboutUs.jpg' ;
arystrMenuLink[0] = 's_ab_video.html' ;
aryboolPopWindow[0] = false ;
aryarySubMenuText[0] = arystrSubMenuText ;
aryarySubMenuLink[0] = arystrSubMenuLink ;

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

arystrMenuOpenPic[1] = '/demo/menu/FAQs_roll.jpg' ;
arystrMenuOverPic[1]= '/demo/menu/FAQs_over.jpg' ;
arystrMenuClosePic[1] = '/demo/menu/FAQs.jpg' ;
arystrMenuLink[1] = '/s_faq.html' ;
aryboolPopWindow[1] = false ;
aryarySubMenuText[1] = arystrSubMenuText ;
aryarySubMenuLink[1] = arystrSubMenuLink ;

//--------------------建立第三個Menu------------------------
var arystrSubMenuText = new Array() ;
var arystrSubMenuLink = new Array() ;
arystrSubMenuText[0] = 'Sarcoma' ;
arystrSubMenuLink[0] = '/s_as_sarcoma.html' ;
arystrSubMenuText[1] = 'Types' ;
arystrSubMenuLink[1] = '/s_as_Types.html' ;
arystrSubMenuText[2] = 'Symptoms' ;
arystrSubMenuLink[2] = '/s_as_Symptoms.html' ;
arystrSubMenuText[3] = 'Diagnosis' ;
arystrSubMenuLink[3] = '/s_as_Diagnosis.html' ;
arystrSubMenuText[4] = 'Treatment' ;
arystrSubMenuLink[4] = '/s_as_Treatment.html' ;
arystrSubMenuText[5] = 'Bone Sarcoma' ;
arystrSubMenuLink[5] = '/s_as_BoneSarcoma.html' ;
arystrSubMenuText[6] = 'Terminology' ;
arystrSubMenuLink[6] = '/s_as_Terminology.html' ;

arystrMenuOpenPic[2] = '/demo/menu/AboutSarcomas_roll.jpg' ;
arystrMenuOverPic[2] = '/demo/menu/AboutSarcomas_over.jpg' ;
arystrMenuClosePic[2] = '/demo/menu/AboutSarcomas.jpg' ;
arystrMenuLink[2] = '' ;
aryboolPopWindow[2] = false ;
aryarySubMenuText[2] = arystrSubMenuText ;
aryarySubMenuLink[2] = arystrSubMenuLink ;

//--------------------建立第四個Menu------------------------
var arystrSubMenuText = new Array() ;
var arystrSubMenuLink = new Array() ;
arystrSubMenuText[0] = 'Registration Forms' ;
arystrSubMenuLink[0] = '/Sarcoma_Oncology_Center/s_RegistrationFormLogin.aspx' ;
arystrSubMenuText[1] = 'What you need to bring' ;
arystrSubMenuLink[1] = '/s_NPA_Whatuneedtobring.html' ;
arystrSubMenuText[2] = 'Directions' ;
arystrSubMenuLink[2] = '/s_NPA_Directions.html' ;
arystrSubMenuText[3] = 'Contact Us' ;
arystrSubMenuLink[3] = '/s_ab_ContactUs.aspx' ;

arystrMenuOpenPic[3] = '/demo/menu/NewPatientsAppt_roll.jpg' ;
arystrMenuOverPic[3] = '/demo/menu/NewPatientsAppt_over.jpg' ;
arystrMenuClosePic[3] = '/demo/menu/NewPatientsAppt.jpg' ;
arystrMenuLink[3] = '' ;
aryboolPopWindow[3] = false ;
aryarySubMenuText[3] = arystrSubMenuText ;
aryarySubMenuLink[3] = arystrSubMenuLink ;

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

arystrMenuOpenPic[4] = '/demo/menu/MeetourDoctors_roll.jpg' ;
arystrMenuOverPic[4]= '/demo/menu/MeetourDoctors_over.jpg' ;
arystrMenuClosePic[4] = '/demo/menu/MeetourDoctors.jpg' ;
arystrMenuLink[4] = 's_MeetourDoctors.html' ;
aryboolPopWindow[4] = false ;
aryarySubMenuText[4] = arystrSubMenuText ;
aryarySubMenuLink[4] = arystrSubMenuLink ;

//--------------------建立第六個Menu------------------------

var arystrSubMenuText = new Array() ;
var arystrSubMenuLink = new Array() ;
arystrSubMenuText[0] = 'Sarcoma Oncology Center' ;
arystrSubMenuLink[0] = '/s_IS_sarcoma.html#Q01' ;
arystrSubMenuText[1] = 'Santa Monica Oncology Center' ;
arystrSubMenuLink[1] = '/s_IS_sarcoma.html#Q02' ;

arystrMenuOpenPic[5] = '/demo/menu/IS_roll.jpg' ;
arystrMenuOverPic[5] = '/demo/menu/IS_over.jpg' ;
arystrMenuClosePic[5] = '/demo/menu/IS.jpg' ;
arystrMenuLink[5] = '' ;
aryboolPopWindow[5] = false ;
aryarySubMenuText[5] = arystrSubMenuText ;
aryarySubMenuLink[5] = arystrSubMenuLink ;



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

arystrMenuOpenPic[6] = '/demo/menu/Directions_roll.jpg' ;
arystrMenuOverPic[6]= '/demo/menu/Directions_over.jpg' ;
arystrMenuClosePic[6] = '/demo/menu/Directions.jpg' ;
arystrMenuLink[6] = 'http://g.co/maps/hmnna' ;
aryboolPopWindow[6] = true ;
aryarySubMenuText[6] = arystrSubMenuText ;
aryarySubMenuLink[6] = arystrSubMenuLink ;


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

arystrMenuOpenPic[7] = '/demo/menu/sitemap_roll.jpg' ;
arystrMenuOverPic[7]= '/demo/menu/sitemap_over.jpg' ;
arystrMenuClosePic[7] = '/demo/menu/sitemap.jpg' ;
arystrMenuLink[7] = 's_patient.html' ;
aryboolPopWindow[7] = false ;
aryarySubMenuText[7] = arystrSubMenuText ;
aryarySubMenuLink[7] = arystrSubMenuLink ;

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

arystrMenuOpenPic[8] = '/demo/menu/preMeetings_roll.jpg' ;
arystrMenuOverPic[8]= '/demo/menu/preMeetings_over.jpg' ;
arystrMenuClosePic[8] = '/demo/menu/preMeetings.jpg' ;
arystrMenuLink[8] = '/s_preMeetings.html' ;
aryboolPopWindow[8] = false ;
aryarySubMenuText[8] = arystrSubMenuText ;
aryarySubMenuLink[8] = arystrSubMenuLink ;

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

arystrMenuOpenPic[9] = '/demo/menu/cv_roll.jpg' ;
arystrMenuOverPic[9]= '/demo/menu/cv_over.jpg' ;
arystrMenuClosePic[9] = '/demo/menu/cv.jpg' ;
arystrMenuLink[9] = '/s_cv_Chawla.html' ;
aryboolPopWindow[9] = false ;
aryarySubMenuText[9] = arystrSubMenuText ;
aryarySubMenuLink[9] = arystrSubMenuLink ;

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

arystrMenuOpenPic[10] = '/demo/menu/sn_roll.jpg' ;
arystrMenuOverPic[10]= '/demo/menu/sn_over.jpg' ;
arystrMenuClosePic[10] = '/demo/menu/sn.jpg' ;
arystrMenuLink[10] = '/s_ab_SarcomaNews.html' ;
aryboolPopWindow[10] = false ;
aryarySubMenuText[10] = arystrSubMenuText ;
aryarySubMenuLink[10] = 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="173" id="menu1Table">' ;
if (arystrMenuOpenPic.length > 0) {
	for (i = 0 ; i < arystrMenuOpenPic.length ; i++) {
        
		strMenuHtml = strMenuHtml + '<tr>' ;
		strMenuHtml = strMenuHtml + '<td width="100%" align="center" height="25">' ;
        strMenuHtml = strMenuHtml + '<img  style="cursor:pointer;" border="0" src="' + arystrMenuOpenPic[i] + '" onclick="ControlClickMenu(' + (i + 1) + ')" id="MenuPic' + (i + 1) + '" OnMouseOver="ControlOverMenu(' + (i + 1) + ')"  OnMouseOut="ControlOutMenu(' + (i + 1) + ')">' ;
		strMenuHtml = strMenuHtml + '</td>' ;
		strMenuHtml = strMenuHtml + '</tr>' ;
		strMenuHtml = strMenuHtml + '<tr>' ;
		strMenuHtml = strMenuHtml + '<td width="100%" align="center" id="SubMenuTd' + (i + 1) + '">' ;
			
		if (aryarySubMenuText[i].length > 0) {
	
			strMenuHtml = strMenuHtml + '<table width="95%" 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 width="100%" align="center" height="20" 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){
			intControlMenuNum = intMenuNum ;
			document.getElementById('MenuPic' + intMenuNum).src = arystrMenuOpenPic[intMenuNum - 1] ;
			if (intSubMenuNum > 0) {
				if (aryarySubMenuText[intMenuNum - 1].length > 0) {
					document.getElementById('SubMenuTable' + intMenuNum).style.display = '' ;
					document.getElementById('SubMenuTd' + intMenuNum).height = (aryarySubMenuText[intMenuNum - 1].length * 20) + 'px' ;
					if (intSubMenuNum != 0){
						if (intSubMenuNum <= aryarySubMenuText[intMenuNum - 1].length) {
						document.getElementById('SubMenuTD' + intMenuNum + '_' + intSubMenuNum).className = 'abc';
						}
					}
				}
			}
			else {
				if (aryarySubMenuText[intMenuNum - 1].length > 0) {
					document.getElementById('SubMenuTable' + intMenuNum).style.display = 'none' ;
					document.getElementById('SubMenuTd' + intMenuNum).height = '0px' ;
				}
			}
	    }
	}
}
	

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


//***************控制Mouse Click Menu時的動作****************
function ControlClickMenu(intMenuNum) {

	//-------------------取得目前打開的是哪一個Menu----------------------------------
	//-------------------並重新設定Menu的圖示----------------------------------
	intOpenMenuNum = 0 ;
	for (i = 1 ; i <= arystrMenuOpenPic.length ; i++) {
	    document.getElementById('MenuPic' + i).src = arystrMenuClosePic[i - 1] ;
		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.getElementById('MenuPic' + intMenuNum).src = arystrMenuOpenPic[intMenuNum - 1] ;
				if (aryboolPopWindow[intMenuNum - 1])
				    window.open(arystrMenuLink[intMenuNum - 1]);
				else
				    document.location.replace(arystrMenuLink[intMenuNum - 1]) ;
			}
		}
	}
	//-----------------如果目前沒有打開的Menu---------------------------
	else {
		intControlMenuNum = intMenuNum ;
		boolOpenMenu = false ;
		document.getElementById('MenuPic' + intMenuNum).src = arystrMenuOpenPic[intMenuNum - 1] ;
		if (arystrMenuLink[intMenuNum - 1] == '') {
			SetOpenTimer() ;
		}
		else {
			if (aryboolPopWindow[intMenuNum - 1])
		        window.open(arystrMenuLink[intMenuNum - 1]) ;
		    else
		        document.location.replace(arystrMenuLink[intMenuNum - 1]) ;
		}
	}

}


//***************控制Mouse Over Menu時的動作****************
function ControlOverMenu(intMenuNum) {

	//-----------------定義一個變數,判斷是否需要更換Menu圖片---------------
	var boolChangeSmallPic = false ;
		
	//-----------------如果有目前被控制的Menu---------------------------
	if (intControlMenuNum > 0) {

		//-------------------判斷是否為目前控制的Menu-----------------------
		//-------------------如果不是的話,才需要更換Menu圖片-----------------------
		if (intControlMenuNum != intMenuNum) {
            boolChangeSmallPic = true ;
		}
	}
	//-----------------如果沒有目前被控制的Menu---------------------------
	else {
        boolChangeSmallPic = true ;
	}
	
	//-----------------如果需要更換Menu圖片,則依照MenuID,更換圖片---------------------------
	if (boolChangeSmallPic) {
	    document.getElementById('MenuPic' + intMenuNum).src = arystrMenuOverPic[intMenuNum - 1] ;
	}

}


//***************控制Mouse Out Menu時的動作****************
function ControlOutMenu(intMenuNum) {

	//-----------------定義一個變數,判斷是否需要更換Menu圖片---------------
	var boolChangeSmallPic = false ;
		
	//-----------------如果有目前被控制的Menu---------------------------
	if (intControlMenuNum > 0) {

		//-------------------判斷是否為目前控制的Menu-----------------------
		//-------------------如果不是的話,才需要更換Menu圖片-----------------------
		if (intControlMenuNum != intMenuNum) {
            boolChangeSmallPic = true ;
		}
	}
	//-----------------如果沒有目前被控制的Menu---------------------------
	else {
        boolChangeSmallPic = true ;
	}
	
	//-----------------如果需要更換Menu圖片,則依照MenuID,更換圖片---------------------------
	if (boolChangeSmallPic) {
	    document.getElementById('MenuPic' + intMenuNum).src = arystrMenuClosePic[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, 10) ;
}


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


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

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

}

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

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

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

}