//
//	ロールオーバーJavaScript
//	制作：うんの
//
//
//	設定が必要な部分＠＠＠
//		・rootDir
//		・rootDirL
//		・ロールオーバー用画像ファイル指定
//
//	ロールオーバーを使うページのヘッダにこれを・アドレスは適度に変更を
//	<script type="text/javascript" src="js/ro.js"></script>
//
//	ロールオーバーする画像はこんな感じで。
//	<a href="" onmouseover="rolloverOn('');" onmouseout="rolloverOff('');">
//		<img src="" alt="" width="" height="" id="" name="" />
//	</a>
//	id name と rolloverOn rolloverOff に入れるものをロールオーバー用画像ファイル指定のところと同じに。
//
//




var rootDir = "";							//現在のルートディレクトリ
									//http://zzz.xxxx.ccc/を除いた全てで。
									//"/"が入っているのはなぜ？？
var rootDirL = "root/";							//現在のルートディレクトリ
									//ローカルでのルートフォルダを指定。
									//フォルダ名がかぶらないように注意！
									//ex.chusai/chusai/root/ ...X!





var nowAdd = window.location;						//現在のフルアドレス
var nowDir = window.location.pathname;					//現在のディレクトリ（ドメインなし）
var protocol = window.location.protocol;				//プロトコル
var hostname = window.location.hostname;				//現在のドメイン？


var sla = -1;								//スラッシュ回数を格納
var indexofR = 0;							//indexOfの返り値を格納


if (protocol == "http:") {						//httpのときの処理
	indexofR = nowDir.indexOf(rootDir);
}

if (protocol == "file:") {						//fileのときの処理
	indexofR = nowDir.indexOf(rootDirL);
}


//現在のルートからの階層を調べる
while (indexofR != -1) {
	indexofR = nowDir.indexOf("/", indexofR);
	if (indexofR != -1) {
		indexofR++;
		sla++;
	}
}


//ロールオーバー用画像へのアドレスを補完する
var nowDirLvSt = "";
while (sla > 0) {
	sla--;
	nowDirLvSt = "../" + nowDirLvSt;
}



//	画像を事前に読み込むためのjsです。
//	※要設定※
//	***on ***off
//	***にはhtml側のid,nameを指定
if (document.images) {
	var ro_menu00on = new Image();
	ro_menu00on.src = nowDirLvSt + "img/global/menu_00b.gif";
	var ro_menu00off = new Image();
	ro_menu00off.src = nowDirLvSt + "img/global/menu_00a.gif";

	var ro_menu01on = new Image();
	ro_menu01on.src = nowDirLvSt + "img/global/menu_01b.gif";
	var ro_menu01off = new Image();
	ro_menu01off.src = nowDirLvSt + "img/global/menu_01a.gif";

	var ro_menu02on = new Image();
	ro_menu02on.src = nowDirLvSt + "img/global/menu_02b.gif";
	var ro_menu02off = new Image();
	ro_menu02off.src = nowDirLvSt + "img/global/menu_02a.gif";

	var ro_menu03on = new Image();
	ro_menu03on.src = nowDirLvSt + "img/global/menu_03b.gif";
	var ro_menu03off = new Image();
	ro_menu03off.src = nowDirLvSt + "img/global/menu_03a.gif";

	var ro_menu04on = new Image();
	ro_menu04on.src = nowDirLvSt + "img/global/menu_04b.gif";
	var ro_menu04off = new Image();
	ro_menu04off.src = nowDirLvSt + "img/global/menu_04a.gif";

	var ro_menu05on = new Image();
	ro_menu05on.src = nowDirLvSt + "img/global/menu_05b.gif";
	var ro_menu05off = new Image();
	ro_menu05off.src = nowDirLvSt + "img/global/menu_05a.gif";

	var ro_menu06on = new Image();
	ro_menu06on.src = nowDirLvSt + "img/global/menu_06b.gif";
	var ro_menu06off = new Image();
	ro_menu06off.src = nowDirLvSt + "img/global/menu_06a.gif";

	var ro_menu07on = new Image();
	ro_menu07on.src = nowDirLvSt + "img/global/menu_07b.gif";
	var ro_menu07off = new Image();
	ro_menu07off.src = nowDirLvSt + "img/global/menu_07a.gif";

	var ro_menu08on = new Image();
	ro_menu08on.src = nowDirLvSt + "img/global/menu_08b.gif";
	var ro_menu08off = new Image();
	ro_menu08off.src = nowDirLvSt + "img/global/menu_08a.gif";


//	店
	var ro_menu10on = new Image();
	ro_menu10on.src = nowDirLvSt + "img/shop/shopmenu_1b.gif";
	var ro_menu10off = new Image();
	ro_menu10off.src = nowDirLvSt + "img/shop/shopmenu_1a.gif";

	var ro_menu11on = new Image();
	ro_menu11on.src = nowDirLvSt + "img/shop/shopmenu_2b.gif";
	var ro_menu11off = new Image();
	ro_menu11off.src = nowDirLvSt + "img/shop/shopmenu_2a.gif";

	var ro_menu12on = new Image();
	ro_menu12on.src = nowDirLvSt + "img/shop/shopmenu_3b.gif";
	var ro_menu12off = new Image();
	ro_menu12off.src = nowDirLvSt + "img/shop/shopmenu_3a.gif";

	var ro_menu13on = new Image();
	ro_menu13on.src = nowDirLvSt + "img/shop/shopmenu_4b.gif";
	var ro_menu13off = new Image();
	ro_menu13off.src = nowDirLvSt + "img/shop/shopmenu_4a.gif";
	
	var ro_menu14on = new Image();
	ro_menu14on.src = nowDirLvSt + "img/shop/shopmenu_42b.gif";
	var ro_menu14off = new Image();
	ro_menu14off.src = nowDirLvSt + "img/shop/shopmenu_42a.gif";


}




//	ロールオーバーのjsです。（on）

function rolloverOn(imgName) {
	if (document.images) {
			document.images[imgName].src=eval(imgName + "on.src");
	}
}


//	ロールオーバーのjsです。（off）

function rolloverOff(imgName) {
	if (document.images) {
			document.images[imgName].src=eval(imgName + "off.src");
	}
}