// JavaScript Document

//設定ここから
var menuname="menus";//メニューを囲むクラス名を指定
var menubox="menubox";//メニュー内容を囲むクラス名を指定
var menubn="menubn";//メニューボタンを囲むクラス名を指定

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

//マウスオーバーした時の透明度(0〜100)
var trans="50";

var outtCss = {
"filter": "alpha(opacity=trans)",
"-moz-opacity":trans*0.01,
"opacity":trans*0.01
}
var overtCss = {
"filter": "alpha(opacity=100)",
"-moz-opacity":"1",
"opacity":"1"
}

//設定ここまで



$(document).ready(function(){
	//まず全部消し
	
	
	$("."+menuname+" ."+menubox).each(function(){
				 $(this).hide();
				 });
	//最初の一つのボックスのみ表示
	$("."+menuname).each(function(){
								  $(this).find("."+menubox+":first").show();
								  $(this).find("."+menubn).css(outtCss);
								  $(this).find("."+menubn+":first").css(overtCss);
								  });
	
    // ここに実際の処理を記述します。
	$("."+menuname).each(function(){
		$(this).find("."+menubn).each(function(i){
			$(this).mouseover(function(){
				$(this).parents("."+menuname).find("."+menubn).css(outtCss);
				$(this).parents("."+menuname).find("."+menubn).eq(i).css(overtCss);
				$(this).parents("."+menuname).find("."+menubox).hide();
				$(this).parents("."+menuname).find("."+menubox).eq(i).show();
			});
		});
	});
});