// JavaScript Document

///////////////////////////////////////////////////
// メニューの個数＆背景色＆タブ画像の大きさ＆メニューの大きさを書いて下さい。
var kaaz=3;     // 個数(0から始まります。)
var bgCoaz=new Array();
bgCoaz[0]="";   // 背景色(要らない場合は "" と書いて下さい。)
bgCoaz[1]="";   // 必要以上にメニューを大きくしないために、
bgCoaz[2]="";   // 必要以上にメニューを大きくしないために、
bgCoaz[3]="";   // 要らない場合も、一度設定して、確かめてから消して下さい。
var wRiaz=new Array(),hRiaz=new Array();
wRiaz[0]=124,hRiaz[0]=24;    // タブ画像の大きさ
wRiaz[1]=124,hRiaz[1]=24;    // .classRi?az {～} の 
wRiaz[2]=124,hRiaz[2]=24;    // .classRi?az {～} の 
wRiaz[3]=124,hRiaz[3]=24;    // width:?px の値とheight?px の値です。
var wMeaz=new Array(),hMeaz=new Array();
wMeaz[0]=124,hMeaz[0]=67;   // メニューの大きさ
wMeaz[1]=124,hMeaz[1]=134;   // .classMe?az {～} の 
wMeaz[2]=124,hMeaz[2]=45;   // .classMe?az {～} の 
wMeaz[3]=124,hMeaz[3]=45;   // width:?px の値とheight?px の値です。
///////////////////////////////////////////////////
// メニューの出方とその微調整を書いて下さい。
// メニューの出方を、
// 0 とすると下方向に、微調整はx座標(±)、
// 1 とすると右方向に、微調整はy座標(±)、
// 2 とすると上方向に、微調整はx座標(±)、
// 3 とすると左方向に、微調整はy座標(±)、になります。
// (実際どうなるか、説明するより変更して確かめて下さい。(^^;)
var hoaz=new Array(),ddaz=new Array();
hoaz[0]=0,ddaz[0]=0;
hoaz[1]=0,ddaz[1]=0;
hoaz[2]=0,ddaz[2]=0;
hoaz[3]=0,ddaz[3]=0;
///////////////////////////////////////////////////

var i;
var obRiFaz=new Array(),obRiaz=new Array(),obOnRiaz=new Array(),obMeaz=new Array();
var x0az,y0az,x1az,y1az,axaz,ayaz,bxaz,byaz;
var idMeaz=0,flRiaz=false,viMeaz=new Array();
for (i=-0;i<=kaaz;i++) viMeaz[i]=false;

// スタイルシートを表示?非表示にセットする部分です。
function setVisaz(obj,fl) {
	if (document.all || document.getElementById) {
		if (fl) obj.style.visibility="visible";
		else obj.style.visibility="hidden";
	}
	else if (document.layers) {
		if (fl) obj.visibility="show";
		else obj.visibility="hide";
	}
}

// スタイルシートのxy座標をセットする部分です。
function setPoaz(obj,x,y) {
	if (document.all) {
		obj.style.pixelLeft=x;
		obj.style.pixelTop=y;
	}
	else if (document.getElementById) {
		obj.style.left=x;
		obj.style.top=y;
	}
	else if (document.layers) obj.moveTo(x,y);
}

// 背景色をセットする部分です。
function setBgCoaz(obj,color) {
	if (document.all || document.getElementById) obj.style.backgroundColor=color;
	else if (document.layers) obj.bgColor=color;
}

// メニューを表示?非表示にする部分です。
function clMeaz(id) {
	var i;
	for (i=0;i<=kaaz;i++) {
		if (i==id) {
			setVisaz(obOnRiaz[i],true);
			setPoaz(obMeaz[i],x1az,y1az);
			setVisaz(obMeaz[i],true);
			viMeaz[i]=true;
		}
		else if (i!=id && viMeaz[i]==true) {
			setVisaz(obMeaz[i],false);
			setPoaz(obMeaz[i],-500,0);
			setVisaz(obOnRiaz[i],false);
			viMeaz[i]=false;
		}
	}
}

// マウスムーブでメニューを消す動作部分です。
function moMoXYaz(e) {
	if (flRiaz) {
		var x,y;
		if (window.opera) {
			x=e.clientX;
			y=e.clientY;
		}
		else if (document.all) {
			x=document.body.scrollLeft+event.clientX;
			y=document.body.scrollTop+event.clientY;
		}
		else if (document.getElementById || document.layers) {
			x=e.pageX;
			y=e.pageY;
		}
		if (hoaz[idMeaz]==0) {
			if (((x0az<=x && axaz>=x) && (y0az<=y && y1az>=y)) || ((x1az<=x && bxaz>=x) && (y1az<=y && byaz>=y))) return;
			else flRiaz=false,clMeaz(-1);
		}
		else if (hoaz[idMeaz]==1) {
			if (((x0az<=x && x1az>=x) && (y0az<=y && ayaz>=y)) || ((x1az<=x && bxaz>=x) && (y1az<=y && byaz>=y))) return;
			else flRiaz=false,clMeaz(-1);
		}
		else if (hoaz[idMeaz]==2) {
			if (((x0az<=x && axaz>=x) && (byaz<=y && ayaz>=y)) || ((x1az<=x && bxaz>=x) && (y1az<=y && byaz>=y))) return;
			else flRiaz=false,clMeaz(-1);
		}
		else if (hoaz[idMeaz]==3) {
			if (((bxaz<=x && axaz>=x) && (y0az<=y && ayaz>=y)) || ((x1az<=x && bxaz>=x) && (y1az<=y && byaz>=y))) return;
			else flRiaz=false,clMeaz(-1);
		}
	}
}

// マウスオーバーでメニューを出す動作部分です。
function ovMoaz(e,id) {
	if (document.all || document.getElementById || document.layers) {
		if (!viMeaz[id]) {
			if (window.opera) {
				x0az=e.clientX-e.offsetX;
				y0az=e.clientY-e.offsetY;
			}
			else if (document.all) {
				x0az=document.body.scrollLeft+event.clientX-event.offsetX;
				y0az=document.body.scrollTop+event.clientY-event.offsetY;
				if (navigator.userAgent.indexOf("Win")!=-1) x0az-=2,y0az-=2;
				else {
					x0az-=document.body.scrollLeft;
					y0az-=document.body.scrollTop;
				}
			}
			else if (document.getElementById || document.layers) {
				x0az=e.pageX-e.layerX;
				y0az=e.pageY-e.layerY;
			}
			x1az=x0az,y1az=y0az;
			if (hoaz[id]==0) y1az+=hRiaz[id],x1az+=ddaz[id];
			else if (hoaz[id]==1) x1az+=wRiaz[id],y1az+=ddaz[id];
			else if (hoaz[id]==2) y1az-=hMeaz[id],x1az+=ddaz[id];
			else if (hoaz[id]==3) x1az-=wMeaz[id],y1az+=ddaz[id];
			axaz=x0az+wRiaz[id],ayaz=y0az+hRiaz[id];
			bxaz=x1az+wMeaz[id],byaz=y1az+hMeaz[id];
			clMeaz(id);
			idMeaz=id,flRiaz=true;
		}
	}
}

// スタイルシートの初期設定をしている部分です。
function preLoadaz() {
	if (document.all || document.getElementById || document.layers) {
		var i;
		if (document.all) {
 			for (i=0;i<=kaaz;i++) {
				obRiFaz[i]=document.all("RiF"+i+"az");
				obRiaz[i]=document.all("Ri"+i+"az");
				obOnRiaz[i]=document.all("onRi"+i+"az");
				obMeaz[i]=document.all("Me"+i+"az");
			}
		}
		else if (document.getElementById) {
			for (i=0;i<=kaaz;i++) {
				obRiFaz[i]=document.getElementById("RiF"+i+"az");
				obRiaz[i]=document.getElementById("Ri"+i+"az");
				obOnRiaz[i]=document.getElementById("onRi"+i+"az");
				obMeaz[i]=document.getElementById("Me"+i+"az");
				obRiFaz[i].style.position="absolute";
			}
		}
		else if (document.layers) {
			for (i=0;i<=kaaz;i++) {
				obRiFaz[i]=document.layers["RiF"+i+"az"];
				obRiaz[i]=obRiFaz[i].document.layers["Ri"+i+"az"];
				obOnRiaz[i]=obRiFaz[i].document.layers["onRi"+i+"az"];
				obMeaz[i]=document.layers["Me"+i+"az"];
			}
		}
		if (document.layers) document.captureEvents(Event.MOUSEMOVE);
		document.onmousemove=moMoXYaz;
		for (i=0;i<=kaaz;i++)	if (bgCoaz[i]!="") setBgCoaz(obMeaz[i],bgCoaz[i]);
	}
}
// End -->