// JavaScript Document

//設定ここから
var menuname="menus";//メニューを囲むid名を指定

//オーバーした時のCSS
var overCSS = "menuover"
//アウトした時のCSS
var outCSS = "menuout"

//設定ここまで



  $(document).ready(function(){
	//まず全部消し
	$("#"+menuname+" [menubox]").each(function(){
				 $(this).hide();
				 });
	//全部のボタンのCSSをマウスアウト用のクラスに設定
	$("#"+menuname+" [menuno]").each(function(){
				 $(this).addClass(outCSS);
				 $(this).removeClass(overCSS);
				 });
	//最初の一つのボックスのみ表示
	$("#"+menuname+" [menubox='1']").show();
	$("#"+menuname+" [menuno='1']").addClass(overCSS);
	
    // ここに実際の処理を記述します。
	$("#"+menuname+" [menuno]").each(function(){
    $(this).mouseover(function(){
							   $("#"+menuname+" [menubox]").each(function(){
																		 $(this).hide();
																		 });
							   	$("#"+menuname+" [menuno]").each(function(){
																		 $(this).addClass(outCSS);
																		 $(this).removeClass(overCSS);
																		 });

							   $("#"+menuname+" [menubox='"+$(this).attr("menuno")+"']").show();
							   $(this).addClass(overCSS);
							   });
	});
  });
  

//設定ここから
var menuname2="menus2";//メニューを囲むid名を指定

//オーバーした時のCSS
var overCSS = "menuover"
//アウトした時のCSS
var outCSS = "menuout"

//設定ここまで



  $(document).ready(function(){
	//まず全部消し
	$("#"+menuname2+" [menubox]").each(function(){
				 $(this).hide();
				 });
	//全部のボタンのCSSをマウスアウト用のクラスに設定
	$("#"+menuname2+" [menuno]").each(function(){
				 $(this).addClass(outCSS);
				 $(this).removeClass(overCSS);
				 });
	//最初の一つのボックスのみ表示
	$("#"+menuname2+" [menubox='1']").show();
	$("#"+menuname2+" [menuno='1']").addClass(overCSS);
	
    // ここに実際の処理を記述します。
	$("#"+menuname2+" [menuno]").each(function(){
    $(this).mouseover(function(){
							   $("#"+menuname2+" [menubox]").each(function(){
																		 $(this).hide();
																		 });
							   	$("#"+menuname2+" [menuno]").each(function(){
																		 $(this).addClass(outCSS);
																		 $(this).removeClass(overCSS);
																		 });

							   $("#"+menuname2+" [menubox='"+$(this).attr("menuno")+"']").show();
							   $(this).addClass(overCSS);
							   });
	});
  });
  
  
  //設定ここから
var menuname3="menus3";//メニューを囲むid名を指定

//オーバーした時のCSS
var overCSS = "menuover"
//アウトした時のCSS
var outCSS = "menuout"

//設定ここまで



  $(document).ready(function(){
	//まず全部消し
	$("#"+menuname3+" [menubox]").each(function(){
				 $(this).hide();
				 });
	//全部のボタンのCSSをマウスアウト用のクラスに設定
	$("#"+menuname3+" [menuno]").each(function(){
				 $(this).addClass(outCSS);
				 $(this).removeClass(overCSS);
				 });
	//最初の一つのボックスのみ表示
	$("#"+menuname3+" [menubox='1']").show();
	$("#"+menuname3+" [menuno='1']").addClass(overCSS);
	
    // ここに実際の処理を記述します。
	$("#"+menuname3+" [menuno]").each(function(){
    $(this).mouseover(function(){
							   $("#"+menuname3+" [menubox]").each(function(){
																		 $(this).hide();
																		 });
							   	$("#"+menuname3+" [menuno]").each(function(){
																		 $(this).addClass(outCSS);
																		 $(this).removeClass(overCSS);
																		 });

							   $("#"+menuname3+" [menubox='"+$(this).attr("menuno")+"']").show();
							   $(this).addClass(overCSS);
							   });
	});
  });
  
    //設定ここから
var menuname4="menus4";//メニューを囲むid名を指定

//オーバーした時のCSS
var overCSS = "menuover"
//アウトした時のCSS
var outCSS = "menuout"

//設定ここまで



  $(document).ready(function(){
	//まず全部消し
	$("#"+menuname4+" [menubox]").each(function(){
				 $(this).hide();
				 });
	//全部のボタンのCSSをマウスアウト用のクラスに設定
	$("#"+menuname4+" [menuno]").each(function(){
				 $(this).addClass(outCSS);
				 $(this).removeClass(overCSS);
				 });
	//最初の一つのボックスのみ表示
	$("#"+menuname4+" [menubox='1']").show();
	$("#"+menuname4+" [menuno='1']").addClass(overCSS);
	
    // ここに実際の処理を記述します。
	$("#"+menuname4+" [menuno]").each(function(){
    $(this).mouseover(function(){
							   $("#"+menuname4+" [menubox]").each(function(){
																		 $(this).hide();
																		 });
							   	$("#"+menuname4+" [menuno]").each(function(){
																		 $(this).addClass(outCSS);
																		 $(this).removeClass(overCSS);
																		 });

							   $("#"+menuname4+" [menubox='"+$(this).attr("menuno")+"']").show();
							   $(this).addClass(overCSS);
							   });
	});
  });
  
    //設定ここから
var menuname5="menus5";//メニューを囲むid名を指定

//オーバーした時のCSS
var overCSS = "menuover"
//アウトした時のCSS
var outCSS = "menuout"

//設定ここまで



  $(document).ready(function(){
	//まず全部消し
	$("#"+menuname5+" [menubox]").each(function(){
				 $(this).hide();
				 });
	//全部のボタンのCSSをマウスアウト用のクラスに設定
	$("#"+menuname5+" [menuno]").each(function(){
				 $(this).addClass(outCSS);
				 $(this).removeClass(overCSS);
				 });
	//最初の一つのボックスのみ表示
	$("#"+menuname5+" [menubox='1']").show();
	$("#"+menuname5+" [menuno='1']").addClass(overCSS);
	
    // ここに実際の処理を記述します。
	$("#"+menuname5+" [menuno]").each(function(){
    $(this).mouseover(function(){
							   $("#"+menuname5+" [menubox]").each(function(){
																		 $(this).hide();
																		 });
							   	$("#"+menuname5+" [menuno]").each(function(){
																		 $(this).addClass(outCSS);
																		 $(this).removeClass(overCSS);
																		 });

							   $("#"+menuname5+" [menubox='"+$(this).attr("menuno")+"']").show();
							   $(this).addClass(overCSS);
							   });
	});
  });
  
  
    //設定ここから
var menuname6="menus6";//メニューを囲むid名を指定

//オーバーした時のCSS
var overCSS = "menuover"
//アウトした時のCSS
var outCSS = "menuout"

//設定ここまで



  $(document).ready(function(){
	//まず全部消し
	$("#"+menuname6+" [menubox]").each(function(){
				 $(this).hide();
				 });
	//全部のボタンのCSSをマウスアウト用のクラスに設定
	$("#"+menuname6+" [menuno]").each(function(){
				 $(this).addClass(outCSS);
				 $(this).removeClass(overCSS);
				 });
	//最初の一つのボックスのみ表示
	$("#"+menuname6+" [menubox='1']").show();
	$("#"+menuname6+" [menuno='1']").addClass(overCSS);
	
    // ここに実際の処理を記述します。
	$("#"+menuname6+" [menuno]").each(function(){
    $(this).mouseover(function(){
							   $("#"+menuname6+" [menubox]").each(function(){
																		 $(this).hide();
																		 });
							   	$("#"+menuname6+" [menuno]").each(function(){
																		 $(this).addClass(outCSS);
																		 $(this).removeClass(overCSS);
																		 });

							   $("#"+menuname6+" [menubox='"+$(this).attr("menuno")+"']").show();
							   $(this).addClass(overCSS);
							   });
	});
  });