//大ジャンルレイヤのY座標(元の位置)-------------------
var Lheight = new Array();
Lheight[1] = 322;
Lheight[2] = 388;
Lheight[3] = 421;
//大ジャンルのレイヤ名-------------------
var LName = new Array();
LName = new Array('Null','LY1','LY2','LY3');
//小ジャンルレイヤのY座標（開いたときに出る位置)-------------------
var Miniheight = new Array();
Miniheight = new Array('Null','388','421');
//もろもろ設定-------------------
var jigen = 10;
var Pix = 4;
var flg=0;
var flg2=0;
//デフォルト状態に移動-------------------
function Default(){
	if((document.getElementById) && (!document.all) ){
		for(i=1; i<=3; i++){
			if( parseInt(document.getElementById(LName[i]).style.top) > Lheight[i] ){
				document.getElementById(LName[i]).style.top = parseInt(document.getElementById(LName[i]).style.top)-Pix;
			}else{flg++;}
		}
		if(flg==3){
			if(n != 0){
				flg=0;
				Move();
				return;
			}else{return;}
		}else{
			flg=0;
		}
	
	}else if(document.all){
		for(i=1; i<=3; i++){
			if( document.all(LName[i]).style.pixelTop > Lheight[i] ){
				document.all(LName[i]).style.pixelTop -= Pix;
			}else{flg++;}
		}
		if(flg==3){
			if(n != 0){
				flg=0;
				Move();
				return;
			}else{return;}
		}else{
			flg=0;
		}
	
	}else if(document.layers){
		for(i=1; i<=3; i++){
			if( document.layers[LName[i]].top > Lheight[i] ){
				document.layers[LName[i]].top -= Pix;
			}else{flg++;}
		}
		if(flg==3){
			if(n != 0){
				flg=0;
				Move();
				return;
			}else{return;}
		}else{
			flg=0;
		}
	}
	DefaultTimer = setTimeout("Default()", jigen);
}
//クリックしたジャンルを開く
function Move(){
	if((document.getElementById) && (!document.all) ){
		for(i=1; i<=3; i++){
			if(i>n){
				Mpix = Lheight[i]+Mheight[n];
				if( parseInt(document.getElementById(LName[i]).style.top) <= Mpix ){
					document.getElementById(LName[i]).style.top = parseInt(document.getElementById(LName[i]).style.top)+Pix;
				}else{
					flg2++;
				}
			}
		}
		if(flg2==All){
			flg2=0;
			HTMLin();
			return;
		}else{flg2=0;}
	
	}else if(document.all){
		for(i=1; i<=3; i++){
			if(i>n){
				Mpix = Lheight[i]+Mheight[n];
				if( document.all(LName[i]).style.pixelTop <= Mpix ){
					document.all(LName[i]).style.pixelTop += Pix;
				}else{
					flg2++;
				}
			}
		}
		if(flg2==All){
			flg2=0;
			HTMLin();
			return;
		}else{flg2=0;}
	
	}else if(document.layers){
		for(i=1; i<=3; i++){
			if(i>n){
				Mpix = Lheight[i]+Mheight[n];
				if( document.layers[LName[i]].top <= Mpix ){
					document.layers[LName[i]].top += Pix;
				}else{
					flg2++;
				}
			}
		}
		if(flg2==All){
			flg2=0;
			HTMLin();
			return;
		}else{flg2=0;}
	}
	MoveTimer = setTimeout("Move()", jigen);
}
//小ジャンル流込
var html
function HTMLin(){
	//大ジャンルを特定する
	if(n==1)Cnt = DLenght1;
	if(n==2)Cnt = DLenght2;
	//雛形に流込
	html = '<table border="0" cellspacing="0" cellpadding="0">\n<tr>\n<td><img src="img/spacer.gif" width="1" height="4"></td></tr>\n';
	a = 0;
	for(i=1;i<=Cnt;i++){
		html += '<tr>\n'
		+ '<td><a href="\n'+ Details[n][a++]
		+ '" target="'+ Details[n][a++] +'" class="menu">\n'
		+ Details[n][a++] + '</a><br>\n<img src="img/spacer.gif" width="1" height="4"></td></tr>\n';
	}
	a = 0;
	html += '</table>\n';
	//レイヤに流込
	if((document.getElementById) && (!document.all) ){
		document.getElementById("mini").innerHTML = html;
	}else if(document.all){
		document.all("mini").innerHTML = html;
	}else if(document.layers){
		document.layers["mini"].document.open();
		document.layers["mini"].document.write(html);
		document.layers["mini"].document.close();
	}
	//レイヤ表示
	if((document.getElementById) && (!document.all) ){
		Lobj.top = Miniheight[n];
		Lobj.visibility = "visible";
	}else if(document.all){
		Lobj.style.pixelTop = Miniheight[n];
		Lobj.style.visibility = "visible";
	}else if(document.layers){
		Lobj.top = Miniheight[n];
		Lobj.visibility = "show";
	}
}
function Hide(){
	if((document.getElementById) && (!document.all) ){
		Lobj.visibility = "hidden";
	}else if(document.all){
		Lobj.style.visibility = "hidden";
	}else if(document.layers){
		Lobj.visibility = "hide";
	}
	Default();
}
var Lobj;
var n = 0;
var All = 0;
function Main(num){
	if(n == num){
		Hide();
		Default2();
		n = 0;
		return;
	}
	if((document.getElementById) && (!document.all) ){Lobj = document.getElementById("mini").style;
	}else if(document.all){Lobj = document.all("mini");
	}else if(document.layers){Lobj = document.layers["mini"];}
	All = 3 - num;
	n = num;
	Hide();
}
function Default2(){
	if((document.getElementById) && (!document.all) ){
		for(i=1; i<=3; i++){
			if( parseInt(document.getElementById(LName[i]).style.top) > Lheight[i] ){
				document.getElementById(LName[i]).style.top = parseInt(document.getElementById(LName[i]).style.top)-Pix;
			}else{flg++;}
		}
		if(flg==3){
			if(n != 0){
				flg=0;
				return;
			}else{return;}
		}else{
			flg=0;
		}
	
	}else if(document.all){
		for(i=1; i<=3; i++){
			if( document.all(LName[i]).style.pixelTop > Lheight[i] ){
				document.all(LName[i]).style.pixelTop -= Pix;
			}else{flg++;}
		}
		if(flg==3){
			if(n != 0){
				flg=0;
				return;
			}else{return;}
		}else{
			flg=0;
		}
	
	}else if(document.layers){
		for(i=1; i<=3; i++){
			if( document.layers[LName[i]].top > Lheight[i] ){
				document.layers[LName[i]].top -= Pix;
			}else{flg++;}
		}
		if(flg==3){
			if(n != 0){
				flg=0;
				return;
			}else{return;}
		}else{
			flg=0;
		}
	}
	DefaultTimer = setTimeout("Default2()", jigen);
}