$(function(){
		/*
		 * @ スライドナビゲーション
		 * @ Cookieを使って開閉をコントロール
		*/
		// ナビゲーションで使うCookieを読みこんでおく
		var cookie = ($.cookie("menu") && $.cookie("menu")!=null) ? $.cookie("menu") : "";
		$("ul.sub_nav","div#sub").each(function(i){
			// 開閉ナビで使う変数定義
			var me = $(this),
				box = me.parent(), // 親要素のdiv.nav
				heading = me.prev().append("<span class='toggle'></span>"),
				// 兄要素のh2にspan.toggleを追加して変数に保存
				toggle = $("span.toggle",heading), // Toggle
				pos = "["+i+"]"; // Cookieに保存する
				
			// クッキーに[i]がある場合はナビを表示する
			if($.cookie("menu")==null
			|| !cookie.match(new RegExp(pos))){
				me.hide();
				toggle.hide();
			}else{
				box.addClass("opened");
				heading.addClass("opened");
			}
			
			// Toggleボタンの表示非表示
			heading.hover(function(){
				toggle.show();
			},function(){
				// h2.openedの場合はToggleを表示したままにする
				if(!heading.hasClass("opened")) toggle.hide();
			});
			
			// Toggleクリック時の動作
			toggle.click(function(){
				heading.toggleClass("opened");
				if(!box.hasClass("opened")){
					box.addClass("opened");
					cookie += pos;
					$.cookie("menu",cookie);
				}else{
					cookie = cookie.replace(pos,"");
					$.cookie("menu",cookie.length==0 ? null : cookie);
				}
				
				// アニメーション設定
				me.animate({
					height: "toggle"
				},{
					easing: "swing", // jQuery Easing
					duration: 300,
					complete: function(){
						if(!heading.hasClass("opened")) box.removeClass("opened");
					}
				});
			});
		});
	});