// ロールオーバー ------------------------
function RollOver (obj,val) {
  obj.src = val;
}

// ヘッダ～トピックパッスのテンプレート ------------------------
window.addEvent('domready', 
	function(){
		// 階層構造処理
		urlarray = new Array();			// 配列定義
		url = document.URL;					// このファイルのURLを求め変数urlに代入
		urlarray = url.split("/");	// urlを"/"で分割し配列urlarrayに代入
		num = urlarray.length;			// 配列の要素数を求める
		var buff = "";
		if(num != 4){
			for(i = 0; i < num - 4; i++){
				buff = buff + '../';
			}
		}

		// トピックパス
		var buff3 = '';
		if(urlarray[4] == null)				buff3 = 'トップページ';
		if(urlarray[4] == 'ba')				buff3 = '<a href="../../index.html">トップページ</a> » ボックとアッチ';
		if(urlarray[5] == '00.html')	buff3 = '<a href="../../index.html">トップページ</a> » <a href="./index.html">ボックとアッチ</a> » EPISODE 0';
		if(urlarray[5] == '01.html')	buff3 = '<a href="../../index.html">トップページ</a> » <a href="./index.html">ボックとアッチ</a> » EPISODE 1';
		if(urlarray[5] == '02.html')	buff3 = '<a href="../../index.html">トップページ</a> » <a href="./index.html">ボックとアッチ</a> » EPISODE 2';
		if(urlarray[5] == '03.html')	buff3 = '<a href="../../index.html">トップページ</a> » <a href="./index.html">ボックとアッチ</a> » EPISODE 3';
		if(urlarray[4] == 'escape')		buff3 = '<a href="../../index.html">トップページ</a> » 憩いの宿';
		if(urlarray[4] == 'escape2')	buff3 = '<a href="../../index.html">トップページ</a> » システムキッチン';
		if(urlarray[4] == 'otsu')			buff3 = '<a href="../../index.html">トップページ</a> » 甲と乙';
		if(urlarray[4] == 'dracura')	buff3 = '<a href="../../index.html">トップページ</a> » 悪魔城ドラキュラ';
		if(urlarray[4] == 'board')		buff3 = '<a href="../../index.html">トップページ</a> » システム基板';
		if(urlarray[4] == 'mh')				buff3 = '<a href="../../index.html">トップページ</a> » 寒冷期ハンター';
		if(urlarray[4] == 'pachi')		buff3 = '<a href="../../index.html">トップページ</a> » パチンコ・パチスロ';
		if(urlarray[4] == 'memo')			buff3 = '<a href="../../index.html">トップページ</a> » メモ書き';
		if(urlarray[4] == 'map')			buff3 = '<a href="../../index.html">トップページ</a> » グーグルマップ';
		if(urlarray[4] == 'youtube')	buff3 = '<a href="../../index.html">トップページ</a> » Youtube埋め込み';
		if(urlarray[4] == 'layout')		buff3 = '<a href="../../index.html">トップページ</a> » 自動レイアウト';
		if(urlarray[4] == 'bbs')			buff3 = '<a href="../../index.html">トップページ</a> » 掲示板';
		if(urlarray[4] == 'hornet')		buff3 = '<a href="../../index.html">トップページ</a> » ホーネットと旅する';
		if(urlarray[4] == 'recipe')		buff3 = '<a href="../../index.html">トップページ</a> » サウスタウンレシピ';
		if(urlarray[4] == 'link')			buff3 = '<a href="../../index.html">トップページ</a> » リンク';

		if(urlarray[3] == 'special')	buff3 = '<a href="../index.html">トップページ</a> » 管理者用ページ';
//		if(urlarray[4] == 'recipe')		buff3 = '<a href="../../index.html">トップページ</a> » <a href="../index.html">管理者用ページ</a> » サウスタウンレシピ';
		if(urlarray[4] == 'memo')			buff3 = '<a href="../../index.html">トップページ</a> » <a href="../index.html">管理者用ページ</a> » メモ書き';
		if(urlarray[4] == 'access')		buff3 = '<a href="../../index.html">トップページ</a> » <a href="../index.html">管理者用ページ</a> » アクセス表';

    var outputArea = $('header_template');
    var ajp = new AjaxPages();
    ajp.load(buff + "common/html/header.html");
		var processor = ajp.getProcessor();
		outputArea.innerHTML = processor({path: buff3});
	}
);

// ローカルメニューのテンプレート ------------------------
window.addEvent('domready', 
	function(){
		// 階層構造処理
		urlarray = new Array();			// 配列定義
		url = document.URL;					// このファイルのURLを求め変数urlに代入
		urlarray = url.split("/");	// urlを"/"で分割し配列urlarrayに代入
		num = urlarray.length;			// 配列の要素数を求める
		var buff = '';
		if(num != 4){
			for(i = 0; i < num - 3; i++){
				buff = buff + '../';
			}
		}

		var buff2 = '';
		var buff3 = '';
		if(urlarray[4] == null)				buff2 = 'top';			// トップページ
		if(urlarray[4] == 'ba')				buff2 = 'ba';				// ボックとアッチ
		if(urlarray[5] == '00.html')	buff3 = 'ep0';			// ボックとアッチ
		if(urlarray[5] == '01.html')	buff3 = 'ep1';			// ボックとアッチ
		if(urlarray[5] == '02.html')	buff3 = 'ep2';			// ボックとアッチ
		if(urlarray[5] == '03.html')	buff3 = 'ep3';			// ボックとアッチ
		if(urlarray[4] == 'escape')		buff2 = 'escape';		// 憩いの宿
		if(urlarray[4] == 'escape2')	buff2 = 'escape2';	// システムキッチン
		if(urlarray[4] == 'otsu')			buff2 = 'otsu';			// 甲と乙
		if(urlarray[4] == 'dracura')	buff2 = 'dracura';	// 悪魔城ドラキュラ
		if(urlarray[4] == 'board')		buff2 = 'board';		// システム基板
		if(urlarray[4] == 'mh')				buff2 = 'mh';				// 寒冷期ハンター
		if(urlarray[4] == 'pachi')		buff2 = 'pachi';		// パチンコ・パチスロ
		if(urlarray[4] == 'memo')			buff2 = 'memo';			// メモ書き
		if(urlarray[4] == 'map')			buff2 = 'map';			// グーグルマップ
		if(urlarray[4] == 'youtube')	buff2 = 'youtube';	// Youtube埋め込み
		if(urlarray[4] == 'layout')		buff2 = 'layout';		// 自動レイアウト
		if(urlarray[4] == 'bbs')			buff2 = 'bbs';			// 掲示板
		if(urlarray[4] == 'hornet')		buff2 = 'hornet';		// ホーネットと旅する
		if(urlarray[4] == 'recipe')		buff2 = 'recipe';		// サウスタウンレシピ
		if(urlarray[4] == 'link')			buff2 = 'link';			// リンク

		if(urlarray[3] == 'special')	buff2 = 'special';	// 管理者用ページ
//		if(urlarray[4] == 'recipe')		buff3 = 'recipe';		// サウスタウンレシピ
		if(urlarray[4] == 'memo')			buff3 = 'memo';			// メモ書き
		if(urlarray[4] == 'access')		buff3 = 'access';		// アクセス表

    var outputArea = $('l_menu_template');
    var ajp = new AjaxPages();
    ajp.load(buff + "common/html/l_menu.html");
    var processor = ajp.getProcessor();
    outputArea.innerHTML = processor({dir: buff, foucs: buff2, foucs2: buff3});

		// トップページの場合
		if(num == 4){
			$('l_menu_1_btn').style.cursor = 'auto';
			$('l_menu_2_btn').style.cursor = 'pointer';
			$('l_menu_3_btn').style.cursor = 'pointer';
			$('l_menu_4_btn').style.cursor = 'pointer';
			$('l_menu_5_btn').style.cursor = 'pointer';
			$('l_menu_1_img').src = buff + "common/images/l_menu_1_on.gif";
			$('l_menu_1_img').addEvent('mouseover', function(){ $('l_menu_1_img').src = buff + "common/images/l_menu_1_on.gif";});
			$('l_menu_1_img').addEvent('mouseout', function(){ $('l_menu_1_img').src = buff + "common/images/l_menu_1_on.gif";});
			$('l_menu_2_img').addEvent('mouseover', function(){ $('l_menu_2_img').src = buff + "common/images/l_menu_2_on.gif";});
			$('l_menu_2_img').addEvent('mouseout', function(){ $('l_menu_2_img').src = buff + "common/images/l_menu_2_of.gif";});
			$('l_menu_3_img').addEvent('mouseover', function(){ $('l_menu_3_img').src = buff + "common/images/l_menu_3_on.gif";});
			$('l_menu_3_img').addEvent('mouseout', function(){ $('l_menu_3_img').src = buff + "common/images/l_menu_3_of.gif";});
			$('l_menu_4_img').addEvent('mouseover', function(){ $('l_menu_4_img').src = buff + "common/images/l_menu_4_on.gif";});
			$('l_menu_4_img').addEvent('mouseout', function(){ $('l_menu_4_img').src = buff + "common/images/l_menu_4_of.gif";});
			$('l_menu_5_img').addEvent('mouseover', function(){ $('l_menu_5_img').src = buff + "common/images/l_menu_5_on.gif";});
			$('l_menu_5_img').addEvent('mouseout', function(){ $('l_menu_5_img').src = buff + "common/images/l_menu_5_of.gif";});
		}
		// フラッシュコンテンツの場合
		if(urlarray[3] == 'flash'){
			$('l_menu_1_btn').style.cursor = 'pointer';
			$('l_menu_2_btn').style.cursor = 'auto';
			$('l_menu_3_btn').style.cursor = 'pointer';
			$('l_menu_4_btn').style.cursor = 'pointer';
			$('l_menu_5_btn').style.cursor = 'pointer';
			$('l_menu_1_img').src = buff + "common/images/l_menu_1_back_of.gif";
			$('l_menu_1_img').addEvent('mouseover', function(){ $('l_menu_1_img').src = buff + "common/images/l_menu_1_back_on.gif";});
			$('l_menu_1_img').addEvent('mouseout', function(){ $('l_menu_1_img').src = buff + "common/images/l_menu_1_back_of.gif";});
			$('l_menu_2_img').src = buff + "common/images/l_menu_2_on.gif";
			$('l_menu_2_img').addEvent('mouseover', function(){ $('l_menu_2_img').src = buff + "common/images/l_menu_2_on.gif";});
			$('l_menu_2_img').addEvent('mouseout', function(){ $('l_menu_2_img').src = buff + "common/images/l_menu_2_on.gif";});
			$('l_menu_3_img').addEvent('mouseover', function(){ $('l_menu_3_img').src = buff + "common/images/l_menu_3_on.gif";});
			$('l_menu_3_img').addEvent('mouseout', function(){ $('l_menu_3_img').src = buff + "common/images/l_menu_3_of.gif";});
			$('l_menu_4_img').addEvent('mouseover', function(){ $('l_menu_4_img').src = buff + "common/images/l_menu_4_on.gif";});
			$('l_menu_4_img').addEvent('mouseout', function(){ $('l_menu_4_img').src = buff + "common/images/l_menu_4_of.gif";});
			$('l_menu_5_img').addEvent('mouseover', function(){ $('l_menu_5_img').src = buff + "common/images/l_menu_5_on.gif";});
			$('l_menu_5_img').addEvent('mouseout', function(){ $('l_menu_5_img').src = buff + "common/images/l_menu_5_of.gif";});
		}
		// データ集の場合
		if(urlarray[3] == 'data'){
			$('l_menu_1_btn').style.cursor = 'pointer';
			$('l_menu_2_btn').style.cursor = 'pointer';
			$('l_menu_3_btn').style.cursor = 'auto';
			$('l_menu_4_btn').style.cursor = 'pointer';
			$('l_menu_5_btn').style.cursor = 'pointer';
			$('l_menu_1_img').src = buff + "common/images/l_menu_1_back_of.gif";
			$('l_menu_1_img').addEvent('mouseover', function(){ $('l_menu_1_img').src = buff + "common/images/l_menu_1_back_on.gif";});
			$('l_menu_1_img').addEvent('mouseout', function(){ $('l_menu_1_img').src = buff + "common/images/l_menu_1_back_of.gif";});
			$('l_menu_2_img').addEvent('mouseover', function(){ $('l_menu_2_img').src = buff + "common/images/l_menu_2_on.gif";});
			$('l_menu_2_img').addEvent('mouseout', function(){ $('l_menu_2_img').src = buff + "common/images/l_menu_2_of.gif";});
			$('l_menu_3_img').src = buff + "common/images/l_menu_3_on.gif";
			$('l_menu_3_img').addEvent('mouseover', function(){ $('l_menu_3_img').src = buff + "common/images/l_menu_3_on.gif";});
			$('l_menu_3_img').addEvent('mouseout', function(){ $('l_menu_3_img').src = buff + "common/images/l_menu_3_on.gif";});
			$('l_menu_4_img').addEvent('mouseover', function(){ $('l_menu_4_img').src = buff + "common/images/l_menu_4_on.gif";});
			$('l_menu_4_img').addEvent('mouseout', function(){ $('l_menu_4_img').src = buff + "common/images/l_menu_4_of.gif";});
			$('l_menu_5_img').addEvent('mouseover', function(){ $('l_menu_5_img').src = buff + "common/images/l_menu_5_on.gif";});
			$('l_menu_5_img').addEvent('mouseout', function(){ $('l_menu_5_img').src = buff + "common/images/l_menu_5_of.gif";});
		}
		// サンプル群の場合
		if(urlarray[3] == 'sample'){
			$('l_menu_1_btn').style.cursor = 'pointer';
			$('l_menu_2_btn').style.cursor = 'pointer';
			$('l_menu_3_btn').style.cursor = 'pointer';
			$('l_menu_4_btn').style.cursor = 'auto';
			$('l_menu_5_btn').style.cursor = 'pointer';
			$('l_menu_1_img').src = buff + "common/images/l_menu_1_back_of.gif";
			$('l_menu_1_img').addEvent('mouseover', function(){ $('l_menu_1_img').src = buff + "common/images/l_menu_1_back_on.gif";});
			$('l_menu_1_img').addEvent('mouseout', function(){ $('l_menu_1_img').src = buff + "common/images/l_menu_1_back_of.gif";});
			$('l_menu_2_img').addEvent('mouseover', function(){ $('l_menu_2_img').src = buff + "common/images/l_menu_2_on.gif";});
			$('l_menu_2_img').addEvent('mouseout', function(){ $('l_menu_2_img').src = buff + "common/images/l_menu_2_of.gif";});
			$('l_menu_3_img').addEvent('mouseover', function(){ $('l_menu_3_img').src = buff + "common/images/l_menu_3_on.gif";});
			$('l_menu_3_img').addEvent('mouseout', function(){ $('l_menu_3_img').src = buff + "common/images/l_menu_3_of.gif";});
			$('l_menu_4_btn').style.cursor = 'auto';
			$('l_menu_4_img').src = buff + "common/images/l_menu_4_on.gif";
			$('l_menu_4_img').addEvent('mouseover', function(){ $('l_menu_4_img').src = buff + "common/images/l_menu_4_on.gif";});
			$('l_menu_4_img').addEvent('mouseout', function(){ $('l_menu_4_img').src = buff + "common/images/l_menu_4_on.gif";});
			$('l_menu_5_img').addEvent('mouseover', function(){ $('l_menu_5_img').src = buff + "common/images/l_menu_5_on.gif";});
			$('l_menu_5_img').addEvent('mouseout', function(){ $('l_menu_5_img').src = buff + "common/images/l_menu_5_of.gif";});
		}
		// その他の場合
		if(urlarray[3] == 'other'){
			$('l_menu_1_btn').style.cursor = 'pointer';
			$('l_menu_2_btn').style.cursor = 'pointer';
			$('l_menu_3_btn').style.cursor = 'pointer';
			$('l_menu_4_btn').style.cursor = 'pointer';
			$('l_menu_5_btn').style.cursor = 'auto';
			$('l_menu_1_img').src = buff + "common/images/l_menu_1_back_of.gif";
			$('l_menu_1_img').addEvent('mouseover', function(){ $('l_menu_1_img').src = buff + "common/images/l_menu_1_back_on.gif";});
			$('l_menu_1_img').addEvent('mouseout', function(){ $('l_menu_1_img').src = buff + "common/images/l_menu_1_back_of.gif";});
			$('l_menu_2_img').addEvent('mouseover', function(){ $('l_menu_2_img').src = buff + "common/images/l_menu_2_on.gif";});
			$('l_menu_2_img').addEvent('mouseout', function(){ $('l_menu_2_img').src = buff + "common/images/l_menu_2_of.gif";});
			$('l_menu_3_img').addEvent('mouseover', function(){ $('l_menu_3_img').src = buff + "common/images/l_menu_3_on.gif";});
			$('l_menu_3_img').addEvent('mouseout', function(){ $('l_menu_3_img').src = buff + "common/images/l_menu_3_of.gif";});
			$('l_menu_4_img').addEvent('mouseover', function(){ $('l_menu_4_img').src = buff + "common/images/l_menu_4_on.gif";});
			$('l_menu_4_img').addEvent('mouseout', function(){ $('l_menu_4_img').src = buff + "common/images/l_menu_4_of.gif";});
			$('l_menu_5_img').src = buff + "common/images/l_menu_5_on.gif";
			$('l_menu_5_img').addEvent('mouseover', function(){ $('l_menu_5_img').src = buff + "common/images/l_menu_5_on.gif";});
			$('l_menu_5_img').addEvent('mouseout', function(){ $('l_menu_5_img').src = buff + "common/images/l_menu_5_on.gif";});
		}
		// 管理者用ページの場合
		if(urlarray[3] == 'special'){
			$('l_menu_1_btn').style.cursor = 'pointer';
			$('l_menu_2_btn').style.cursor = 'pointer';
			$('l_menu_3_btn').style.cursor = 'pointer';
			$('l_menu_4_btn').style.cursor = 'pointer';
			$('l_menu_5_btn').style.cursor = 'pointer';
			$('l_menu_1_img').src = buff + "common/images/l_menu_1_back_of.gif";
			$('l_menu_1_img').addEvent('mouseover', function(){ $('l_menu_1_img').src = buff + "common/images/l_menu_1_back_on.gif";});
			$('l_menu_1_img').addEvent('mouseout', function(){ $('l_menu_1_img').src = buff + "common/images/l_menu_1_back_of.gif";});
			$('l_menu_2_img').addEvent('mouseover', function(){ $('l_menu_2_img').src = buff + "common/images/l_menu_2_on.gif";});
			$('l_menu_2_img').addEvent('mouseout', function(){ $('l_menu_2_img').src = buff + "common/images/l_menu_2_of.gif";});
			$('l_menu_3_img').addEvent('mouseover', function(){ $('l_menu_3_img').src = buff + "common/images/l_menu_3_on.gif";});
			$('l_menu_3_img').addEvent('mouseout', function(){ $('l_menu_3_img').src = buff + "common/images/l_menu_3_of.gif";});
			$('l_menu_4_img').addEvent('mouseover', function(){ $('l_menu_4_img').src = buff + "common/images/l_menu_4_on.gif";});
			$('l_menu_4_img').addEvent('mouseout', function(){ $('l_menu_4_img').src = buff + "common/images/l_menu_4_of.gif";});
			$('l_menu_5_img').addEvent('mouseover', function(){ $('l_menu_5_img').src = buff + "common/images/l_menu_5_on.gif";});
			$('l_menu_5_img').addEvent('mouseout', function(){ $('l_menu_5_img').src = buff + "common/images/l_menu_5_of.gif";});
		}

		// スライドメニュー
		var buff_2 = new Fx.Slide('l_menu_2_slider', {duration: 200}).hide();
		var buff_3 = new Fx.Slide('l_menu_3_slider', {duration: 200}).hide();
		var buff_4 = new Fx.Slide('l_menu_4_slider', {duration: 200}).hide();
		var buff_5 = new Fx.Slide('l_menu_5_slider', {duration: 200}).hide();

		// トップページの場合
		if(num == 4){
			$('l_menu_2_btn').addEvent('click', function(){ buff_2.toggle(); });
			$('l_menu_3_btn').addEvent('click', function(){ buff_3.toggle(); });
			$('l_menu_4_btn').addEvent('click', function(){ buff_4.toggle(); });
			$('l_menu_5_btn').addEvent('click', function(){ buff_5.toggle(); });
			setTimeout(function slideInMenu(){ buff_2.slideIn(); }, 200);
			setTimeout(function slideInMenu(){ buff_3.slideIn(); }, 300);
			setTimeout(function slideInMenu(){ buff_4.slideIn(); }, 400);
			setTimeout(function slideInMenu(){ buff_5.slideIn(); }, 500);
		}
		// フラッシュコンテンツの場合
		if(urlarray[3] == 'flash'){
			$('l_menu_3_btn').addEvent('click', function(){ buff_3.toggle(); });
			$('l_menu_4_btn').addEvent('click', function(){ buff_4.toggle(); });
			$('l_menu_5_btn').addEvent('click', function(){ buff_5.toggle(); });
			setTimeout(function slideInMenu(){ buff_2.slideIn(); }, 200);
		}
		// データ集の場合
		if(urlarray[3] == 'data'){
			$('l_menu_2_btn').addEvent('click', function(){ buff_2.toggle(); });
			$('l_menu_4_btn').addEvent('click', function(){ buff_4.toggle(); });
			$('l_menu_5_btn').addEvent('click', function(){ buff_5.toggle(); });
			setTimeout(function slideInMenu(){ buff_3.slideIn(); }, 200);
		}
		// サンプル群の場合
		if(urlarray[3] == 'sample'){
			$('l_menu_2_btn').addEvent('click', function(){ buff_2.toggle(); });
			$('l_menu_3_btn').addEvent('click', function(){ buff_3.toggle(); });
			$('l_menu_5_btn').addEvent('click', function(){ buff_5.toggle(); });
			setTimeout(function slideInMenu(){ buff_4.slideIn(); }, 200);
		}
		// その他の場合
		if(urlarray[3] == 'other'){
			$('l_menu_2_btn').addEvent('click', function(){ buff_2.toggle(); });
			$('l_menu_3_btn').addEvent('click', function(){ buff_3.toggle(); });
			$('l_menu_4_btn').addEvent('click', function(){ buff_4.toggle(); });
			setTimeout(function slideInMenu(){ buff_5.slideIn(); }, 200);
		}
		// 管理者用ページの場合
		if(urlarray[3] == 'special'){
			$('l_menu_2_btn').addEvent('click', function(){ buff_2.toggle(); });
			$('l_menu_3_btn').addEvent('click', function(){ buff_3.toggle(); });
			$('l_menu_4_btn').addEvent('click', function(){ buff_4.toggle(); });
			$('l_menu_5_btn').addEvent('click', function(){ buff_5.toggle(); });
//			setTimeout(function slideInMenu(){ buff_5.slideIn(); }, 200);
		}
	}
);