//----------------------------------------------------------------------スクリプト
// ★をカスタマイズ
//----------------------------------------------------------------------メニュー配列
var	menu_array=new Array();
var	menu_clickes=new Array();
var	item_cnt=9;	//<---------------------------------------------★配列作成のため　TOP個数が必要です
var 	sid;
var	hide = false;
var	vhmode="v" 	//<---------------------------------------------★縦か横かv or hで縦になる

	for(i=0;i<item_cnt;i++){
		menu_array[i]=new Array();
	}
	for(i=0;i<item_cnt;i++){
		menu_clickes[i]=new Array();
	}
	//---------------------------------------------------------------★表示名配列
	menu_array[0][0]		=	'ＴＯＰページ';
	menu_array[1][0]		=	'ナチュラルミックス';
	menu_array[2][0]		=	'掲示板';
	menu_array[3][0]		=	'リンク集';
	menu_array[4][0]		=	'問合せ';
	menu_array[5][0]		=	'特定商取引法表示';
	menu_array[6][0]		=	'食品成分計算';
	menu_array[7][0]		=	'リンク集2';
	menu_array[8][0]		=	'ご注文';                



	//---------------------------------------------------------------★イベント配列
	menu_clickes[0][0]		=	'location.href="http://www.seeyou.co.jp/pets/index.php"';
	menu_clickes[1][0]		=	'location.href="http://www.seeyou.co.jp/pets/contents/naturalmix/naturalmix2.php"';
	menu_clickes[2][0]		=	'location.href="http://www.seeyou.co.jp/pets/contents/lbbs/lbbs.cgi"';
	menu_clickes[3][0]		=	'location.href="http://www.seeyou.co.jp/pets/contents/auto_link/show.php"';
	menu_clickes[4][0]		=	'location.href="http://www.seeyou.co.jp/pets/qform.php"';
	menu_clickes[5][0]		=	'location.href="http://www.seeyou.co.jp/pets/contents/price/hohan.php"';
	menu_clickes[6][0]		=	'location.href="http://www.seeyou.co.jp/pets/contents/seibun/seibun.php"';
	menu_clickes[7][0]		=	'location.href="http://www.seeyou.co.jp/pets/contents/auto_link2/show.php"';
	menu_clickes[8][0]		=	'location.href="http://www.seeyou.co.jp/pets/cart/goods.php"';                                         
	

	
	
//------------------------------------------------------------------------★必要なら
function ahref(url,target){
}
//------------------------------------------------------------------------
function level_1_set(lb2){
	var menu_body = document.getElementById("menu_body");
	menu_html="";
	for(i=0;i<menu_array.length;i++){
		if(menu_html!=""){
			if(vhmode=="v"){
				menu_html+="<br>";
			}
		}
		menu_html	+="<button class=\"m1\" "
				+"onMouseOver=\"className='m1_mouse_over'\" "
				+"onmouseout=\"className='m1'\" "
				+"onClick=\""+menu_clickes[i][0]+"\">"+menu_array[i][0]+"</button>";

		if(i==lb2){
			menu_html+=level_2_set(lb2);
		}
	} 
	menu_body.innerHTML=menu_html;
}
function level_2_set(lb2,obj){
	var sub_menu_body = document.getElementById("sub_menu_body");
	menu_array2=menu_array[lb2];
	menu_clickes2=menu_clickes[lb2];

	menu_html="";
	for(j=1;j<menu_array2.length;j++){
		if(menu_html!=""){
			menu_html+="<br>";
		}
		menu_html	+="<button class=\"m2\" "
				+"onMouseOver=\"className='m2_mouse_over'\" "
				+"onmouseout=\"className='m2'\" "
				+"onClick=\""+menu_clickes2[j]+"\">"+menu_array2[j]+"</button>";
	} 
	sub_menu_body.innerHTML=menu_html;
	sub_menu_disp(obj);
}

function sub_menu_disp(obj){
	sub_menu_hide();
	var sub_menu_body = document.getElementById("sub_menu_body");
	if(vhmode=="v"){
		absX = GetLeft(obj)+obj.offsetWidth-20;			
    		absY = GetTop(obj)+obj.offsetHeight;			
	}else{
		absX = GetLeft(obj)+10;					
    		absY = GetTop(obj)+obj.offsetHeight;			
	}
	sub_menu_body.style.display="block";
	sub_menu_body.style.top = absY;
	sub_menu_body.style.left = absX;
	sub_menu_body.style.position="absolute"

	sdi=setTimeout(sub_menu_hide, 1500);
	hide=true;
}
function sub_menu_hide(){
	if(hide){
		var sub_menu_body = document.getElementById("sub_menu_body");
		sub_menu_body.style.display="none";
	}else{
		sdi=setTimeout(sub_menu_hide, 1500);
	}
}
// 戻り値： 左からのピクセル数 
function GetLeft(oj){ 
    var px = 0; 
    while(oj){ 
        px += oj.offsetLeft; 
        oj = oj.offsetParent; 
    } 
    return px; 
} 

// 戻り値： 上からのピクセル数 
function GetTop(oj){ 
    var px = 0; 
    while(oj){ 
        px += oj.offsetTop; 
        oj = oj.offsetParent; 
    } 
    return px; 
}