// JavaScript Document

(function($) {
//$.fn.menu_pl = function() {

$.fn.menu_pl = function() {

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

var menuname=".menuSec";
var menubox=".menubox";
var menubtn=".menubtn";
//ie6用の二重宣言？

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

//マウスオーバーした時の透明度(0〜100)png効かない
var trans="80";

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"*/
};

//設定ここまで

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

		});
			
			//マウスアウトで非表示
		$(this).mouseout(function(){
	//まず全部消し
	$(menuname+" "+menubox).each(function(){
		$(this).hide();
	});
	//最初の一つのボックスのみ表示
	$(menuname).each(function(){
		$(this).find(menubox+":first").show();
		$(this).find(menubtn).css(outtCss);
		$(this).find(menubtn+":first").css(overtCss);
	});
									  
			});
	});
});
  
};return this;
})(jQuery);