//-- menu_tate.js  2010/01/12

//---------------- 項目およびサブ項目の設定 -----------------------

	var t_menu = new Array()

	var nn=0


	nn++
	t_menu[nn]="1<>Home<>http://www.countryhouse.co.jp/index.html<>ホームに戻る<>@"


	nn++
	t_menu[nn]="1<>Saipan Info<>http://www.countryhouse.co.jp/index2.html<>サイパン インフォメーション<>@"



	nn++
	t_menu[nn]="1<>Enjoy Saipan<>http://www.countryhouse.co.jp/enjoy_saipan/index.html<>サイパンを楽しんで下さい。<>@"



	nn++
	t_menu[nn] ="1<>Countryhouse Rest.<>http://www.countryhouse.co.jp/countryhouse/countryhouse.html<>カントリーハウスレストラン<>@"


	nn++
	t_menu[nn] ="1<>Moby Dick Rest.<>http://www.countryhouse.co.jp/mobydick/index.html<>モビーディックレストラン<>@"



	nn++
	t_menu[nn] ="1<>Wild West<>http://www.countryhouse.co.jp/wildwest/saipan_wildwest.html<>ワイルドウエスト<>@"



//---------------------------- プルダウンメニュー -------------------

	var myurl = "http://onohp.com/"  ;
//-- 自分のページのアドレス 
	var t_menu_sum = nn              ;
//-- メイン項目数
	var menu_disp_time = 3000        ;
//-- メニュー項目からマウスを離したあとの表示時間

	var dummy     = new Array()
	var dummy_sub = new Array()
	
	var t_menu_sub=new Array()

	for(i=1 ; i<= t_menu_sum ; i++){
		dummy = t_menu[i].split("@")

		var m1=0 , m2=0 , m3=0 , m4=0 , m5=0

		for(j=0 ; j<dummy.length-1 ; j++){
			dummy_sub = dummy[j].split("<>")
			var mm = parseInt(dummy_sub[0])

			if(mm == 1){ mn = i }
			if(mm == 2){ m2++ ; mn= m2 + i*100              ; m3=0  }
			if(mm == 3){ m3++ ; mn= m3 + i*10000  + m2*100  ; m4=0  }

			t_menu_sub[mn]=dummy[j]
		}
	}


//-------------- プルダウンメニュー　縦 -----------------

	
//--------------------------- メニュー関係のカラー設定 -----------------------------

	
//-- 第１階層
	var menu1_moji_color    = "#ffffff"           ;
//--項目文字色
	var menu1_back_color    = "#414141"           ;
//--項目背景色及びマウスオフの時の色
	var menu1_waku_color    = menu1_back_color    ;
//--枠の色
	var menu1_line_color    = menu1_moji_color    ;
//--マウスオンの時の色
	var menu1_mouseon_color = "#ff9562"           ;
//--区切り線の色
	var menu1_pname_color   = "#ff0000"           ;
//--ページ名と同じ場合の色

	
//-- 第２階層
	var menu2_moji_color    = menu1_moji_color    ;
//--項目文字色
	var menu2_back_color    = menu1_back_color    ;
//--項目背景色及びマウスオフの時の色
	var menu2_waku_color    = "#00ee00"           ;
//--枠の色
	var menu2_line_color    = menu1_line_color    ;
//--区切り線の色
	var menu2_mouseon_color = menu1_mouseon_color ;
//--マウスオンの時の色
	var menu2_pname_color   = menu1_pname_color   ;
//--ページ名と同じ場合の色

	
//-- 第３階層
	var menu3_moji_color    = menu2_moji_color    ;
//--項目文字色
	var menu3_back_color    = menu2_back_color    ;
//--項目背景色及びマウスオフの時の色
	var menu3_waku_color    = menu2_waku_color    ;
//--枠の色
	var menu3_line_color    = menu2_line_color    ;
//--区切り線の色
	var menu3_mouseon_color = menu2_mouseon_color ;
//--マウスオンの時の色
	var menu3_pname_color   = menu2_pname_color   ;
//--ページ名と同じ場合の色


	
//-- 項目の全体の枠　スタイルシート
	var menu_waku0 = "border-width : 1px 0px 3px 0px ;"
					+"border-color : #ff9562 ;"
					+"border-style : solid ;"
					+"padding : 2px 0px 1px 0px;"
					+"background-color : " + menu1_back_color + " ;" 

	
//-- 第１階層の枠
	var menu_waku1 = "border-width : 0px 5px 0px 5px ;"
					+"border-color : " + menu1_waku_color + " ;"
					+"border-style : solid ;"
					+"background-color : " + menu1_back_color + " ;" 

	
//-- 第２階層の枠
	var menu_waku2 = "border-width : 1px 1px 1px 3px ;"
					+"border-color : " + menu2_waku_color + " ;"
					+"border-style : solid ;"
					+"background-color : " +  menu2_back_color + ";"

	
//-- 第３階層の枠
	var menu_waku3 = "border-width : 1px 1px 1px 1px ;"
					+"border-color : " + menu3_waku_color + " ;"
					+"border-style : solid ;"
					+"background-color : " +  menu3_back_color + ";"

	
//-- 項目名の区切り線
	var menu1_line = "border-width : 0px 0px 1px 0px ;"
					+"border-color : " + menu1_line_color + " ;"
					+"border-style : solid ;"
					
	
//-- 項目名の区切り線
	var menu2_line = "border-width : 0px 0px 1px 0px ;"
					+"border-color : " + menu2_line_color + " ;"
					+"border-style : solid ;"

	
//-- 項目名の区切り線
	var menu3_line = "border-width : 0px 0px 1px 0px ;"
					+"border-color : " + menu3_line_color + " ;"
					+"border-style : solid ;"



//----------------------------------------------------------------------------------------
//-- アンカーの下線を消す


	var a_css = "text-decoration : none;" ;
//-- 各項目のフォントサイズ
	var menu_font_size = 9                ;
//-- メニュー枠の高さ
		var kom_height = 25                   ;

//-- NSの場合は縦・横のサイズを指定する

	
//-- 文字の空白調整値
	var moji_spc   ="<IMG src='" + img_pass + "00_space.gif' width='1' height='3' border='0'>"
	var spc        ="<IMG src='" + img_pass + "00_space.gif' width='2' height='3' border='0'>"
	var list_mark  ="<TD>" + spc + "<FONT color='" + menu1_moji_color + "'>|</FONT>"+ spc + "</TD>" ;
//-- 第１階層の区切りマーク


//------------------------------------------------------------------------------------------

function kaisou_1(){

	var me1 = ""
	me1 +="<TABLE style='" + menu_waku0 + "' cellpadding='0' cellspacing='0' width='100%' border='0' height='30'>"
	me1 +="<TBODY>"
	me1 +="<TR>"
	me1 +="<TD align='center'>"

		
//-- 項目表示　第１階層
		me1 +="<TABLE cellpadding='0' cellspacing='0' border='0'>"
		me1 +="<TBODY>"
		me1 +="<TR>"

		for(j=1 ; j < 100 ; j++){
			if(t_menu_sub[j] == null){ j=100}

			if(t_menu_sub[j] != null){
				var m_kom  = menu_set(j , 1)
				var m_link = menu_set(j , 2)
				var m_alt  = menu_set(j , 3)

				me1 += list_mark

				if(m_link !=""){
					me1 +="<TD style='" + menu_waku1 + "' align='center'>"
					m_link = set_url(m_link)
					var css_cursor="cursor : pointer ; " ;
//-- カーソル形状の設定
					me1 +="<A style='" + a_css + css_cursor + "' href='" + m_link + "' onfocus='this.blur()' title='" + m_alt + "' onMouseOver=\"this.style.backgroundColor='" + menu1_mouseon_color + "'\" onMouseOut=\"this.style.backgroundColor='" + menu1_back_color + "'\">"
					me1 +="<FONT color='" + menu1_moji_color + "' style='font-size:" + menu_font_size + "pt'>"
					me1 +="　" + m_kom + moji_spc
					me1 +="</FONT>"
					me1 +="</A>"
				}else{
				
					
//-- 第２階層がある場合
					me1 +="<TD style='" + menu_waku1 + "' align='center' onMouseover='javascript:menu_on(" + j + ")' onMouseout='javascript:menu_off(" + j + ")'>";
					me1 +="<DIV style='position: relative; z-index : 10 ; cursor : s-resize ;'onMouseOver=\"this.style.backgroundColor='" + menu1_mouseon_color + "'\" onMouseOut=\"this.style.backgroundColor='" + menu1_back_color + "'\">"
					me1 +="<FONT color='" + menu1_moji_color + "' style='font-size:" + menu_font_size + "pt'>"
					me1 += "　" + m_kom
					me1 +="</FONT>"
					me1 +="<FONT color='#00ff00' style='font-size:9pt'> ▼</FONT>"
					me1 += moji_spc
					me1 +="<BR>"
					
						var idd = "menu" + j
						me1 +="<DIV id='" + idd + "' style='position : absolute ; left : -3px ; visibility:hidden'>";
						me1 += kaisou_2(j)
						me1 +="</DIV>"
					me1 +="</DIV>"
				}
				me1 +="</TD>"
			}
		}
		me1 += list_mark

		me1 +="</TR>"
		me1 +="</TBODY>"
		me1 +="</TABLE>"

	me1 +="</TD>"
	me1 +="</TR>"
	me1 +="</TBODY>"
	me1 +="</TABLE>"

	document.write(me1) ;
	
//return me

}


//---------------- サブ項目の表示　第２階層 ---------------------

function kaisou_2(j){

	var me2=""
	me2 +="<TABLE cellpadding='0' cellspacing='0' border='0' style='" + menu_waku2 + "' onMouseover='javascript:menu_on(" + j + ")' onMouseout='javascript:menu_off(" + j + ")'>"
	me2 +="<TBODY>"
					
	var k_top = j*100 + 1 ; k_end = k_top + 99
	var kk = -1

	for(k = k_top ; k < k_end ; k++){
		kk++

		if(t_menu_sub[k] == null){ k = k_end+100}

		if(t_menu_sub[k] != null){
			var m_kom  = menu_set(k , 1)
			var m_link = menu_set(k , 2)
			var m_alt  = menu_set(k , 3) ;
//-- 項目の説明文

			
//-- カーソル形状の設定
			if(m_kom == p_name){
				var css_cursor="cursor : default ; ";
			}else{
				if(m_link != ""){
					var css_cursor="cursor : pointer ; ";
				}else{
					var css_cursor="cursor : e-resize ; ";
				}
			}

			me2 +="<TR>"
			me2 +="<TD style='" + menu2_line + css_cursor + "' onMouseover='javascript:menu_on(" + k + ")' onMouseout='javascript:menu_off(" + k + ")'>"

				
//-- ページ名と同じ場合は項目名を反転表示しない ---
				if(m_kom == p_name){
					me2 +="<TABLE height='" + kom_height + "' cellpadding='0' cellspacing='0' border='0' width='100%'>"
					me2 +="<TBODY>"
					me2 +="<TR>"
					me2 +="<TD nowrap align='left'>";
					me2 +="<FONT color='" + menu2_pname_color + "' style='font-size:" + menu_font_size + "pt'>"
					me2 +="　" + "<B>" + m_kom +"</B>"
					me2 +="</FONT>"
				}else{
					me2 +="<TABLE height='" + kom_height + "' cellpadding='0' cellspacing='0' border='0' width='100%' onMouseOver=\"this.style.backgroundColor='" + menu2_mouseon_color + "'\" onMouseOut=\"this.style.backgroundColor='" + menu2_back_color + "'\">";
					me2 +="<TBODY>"
					me2 +="<TR>"
					me2 +="<TD nowrap align='left' onClick='javascript:on_click(" + k + ")' title='" + m_alt + "'>";
					me2 +="<FONT color='" + menu2_moji_color + "' style='font-size:" + menu_font_size + "pt'>"
					me2 +="　" +  m_kom
					me2 +="</FONT>"
				}
				me2 +="</TD>"

				
//-- 第３階層がある場合は右向きの三角形を表示
				if(m_link == ""){
					me2 +="<TD width='7' align='right'>"
					me2 +="<IMG src='" + img_pass + "b_right.gif' width='6' height='10' hspace='5' border='0'>"
				}else{
					me2 +="<TD nowrap align='right' onClick='javascript:on_click(" + k + ")' title='" + m_alt + "'>";
					me2 +="<IMG src='" + img_pass + "00_space.gif' width='6' height='10' hspace='5'>"
				}
				me2 +="</TD>"

				
//---------------- サブ項目の表示　第３階層 ---------------------

				me2 +="<TD>"
				var idd = "menu" + k
				var h_shift = kk * (kom_height+1)

				me2 +="<DIV id='" + idd + "' style='position : absolute ; z-index : 100 ; top : " + h_shift + "px ; visibility:hidden'>";
				if(m_link == ""){
					me2 += kaisou_3(k)
				}
				me2 +="</DIV>"
				me2 +="</TD>"

				me2 +="</TR>"
				me2 +="</TBODY>"
				me2 +="</TABLE>"

			me2 +="</TD>"
			me2 +="</TR>"
		}
	}
	me2 +="</TBODY>"
	me2 +="</TABLE>"

	return me2 ;

}


//---------------- サブ項目の表示　第３階層 ---------------------

function kaisou_3(k){

	var me3=""
	me3 +="<TABLE cellpadding='0' cellspacing='0' border='0' style='" + menu_waku3 + "'>"
	me3 +="<TBODY>"

	var l_top = k*100 + 1 ; l_end = l_top + 99
	for(l=l_top ; l <= l_end ; l++){
		if(t_menu_sub[l] == null){ l=l_end+100}

		if(t_menu_sub[l] != null){

			var m_kom  = menu_set(l , 1)
			var m_link = menu_set(l , 2)
			m_link = set_url(m_link)
			var m_alt  = menu_set(l , 3) ;
//-- 項目の説明文

			me3 +="<TR>"
			var qq = "　" + m_kom + moji_spc

			
//-- ページ名と同じ場合は黄色強調表示
			if(m_kom == p_name){
				var css_cursor="cursor : default ; "
				me3 +="<TD nowrap height='" + (kom_height+1) + "' style='" + menu3_line + css_cursor + "' title='" + m_alt + "'>"
				me3 +="<FONT style='font-size:" + menu_font_size + "pt' color='" + menu3_pname_color + "'><B>" + qq + "</B></FONT>"
			}else{
				var css_cursor="cursor : pointer ; "

				me3 +="<TD nowrap height='" + (kom_height+1) + "' style='" + menu3_line + css_cursor + "' onClick='javascript:on_click(" + l + ")' title='" + m_alt + "' onMouseOver=\"this.style.backgroundColor='" + menu3_mouseon_color + "'\" onMouseOut=\"this.style.backgroundColor='" + menu3_back_color + "'\">"
				me3 +="<FONT  style='font-size:" + menu_font_size + "pt' color='" + menu3_moji_color + "'>"
				me3 += qq 
				me3 +="</FONT>"
			}

			me3 +="</TD>"
			me3 +="</TR>"
		}
	}

	me3 +="</TBODY>"
	me3 +="</TABLE>"

	return me3 ; 
}


//------------------------------------------------------------------------------------------------


//-- 項目名をクリックで該当のページにジャンプする
function on_click(jj){

	var qq=menu_set(jj , 2)
	if(qq != ""){
		var ff = set_url(qq)
		parent.location.href = ff;
	}

}

/*
-----------------------------------------------------------------------------------------

	１．マウスをメニューから離しても非表示としない。
		指定時間後(y_menu_disp_time)に非表示となる
	２．プルダウンメニュー以外の場所でマウスをクリック(onmouseup)するとメニューは非表示
	３．2010/01/12　修正　これはブラウザの「お気に入り」からヒントを得た

-----------------------------------------------------------------------------------------
*/

	var menu_timer   = ""
	var flag_kaisou1 = 0
	var flag_kaisou2 = 0


//-- メニューの項目文字にマウスを載せたときの表示
function menu_on(nn){

	if(flag_kaisou1 != 0){ menu_kom("hidden" , flag_kaisou1) }
	if(flag_kaisou2 != 0){ menu_kom("hidden" , flag_kaisou2) }

	menu_kom("visible" , nn)

	flag_kaisou1 = 0
	flag_kaisou2 = 0
}


//-- メニューの項目文字からマウスを離したとき、非表示
function menu_off(nn){
	if(nn < (t_menu_sum+1)){
		flag_kaisou1 = nn
	}else{
		flag_kaisou2 = nn
	}
	clearTimeout(menu_timer)
	menu_timer = setTimeout("menu_ers()" , menu_disp_time)
}


//-- 説明の表示・非表示
function menu_kom(typ , nn){
	clearTimeout(menu_timer)
	var idd = "menu" + nn
	document.getElementById(idd).style.visibility = typ;
}


//-- プルダウンメニュー以外の場所では onmouseup でメニューを非表示	
	document.onmouseup = mouse_up
function mouse_up(e){
	menu_ers()
}


//-- メニュー項目の非表示
function menu_ers(){
	clearTimeout(menu_timer)
	if(flag_kaisou1 != 0){ menu_kom("hidden" , flag_kaisou1) }
	if(flag_kaisou2 != 0){ menu_kom("hidden" , flag_kaisou2) }
}




//-- メニューデータから必要な項目データを取り出す
function menu_set(ii , n){
	var dummy = new Array()
	dummy = t_menu_sub[ii].split("<>")
	var qq = dummy[n]

	return qq ;
}


//-- アドレスの設定　http:
// の記述がない場合は絶対アドレスとする
function set_url(url){
	var po = url.indexOf("http://")
	if(po < 0){
		url = myurl + url
		return url
	}else{
		return url
	}
}