/*********************************************************************

 freo | 初期画面 (2010/12/17)

 Copyright(C) 2009-2010 freo.jp

*********************************************************************/

$(document).ready(function() {
	//削除確認
	$('a.delete').click(function() {
		return confirm('本当に削除してもよろしいですか？');
	});
	$('form.delete').submit(function() {
		return confirm('本当に削除してもよろしいですか？');
	});

	//ColorBox
	var extensions = ['gif', 'GIF', 'jpeg', 'JPEG', 'jpg', 'JPG', 'jpe', 'JPE', 'png', 'PNG'];

	var target = '';
	$.each(extensions, function() {
		if (target) {
			target += ',';
		}
		target += 'a[href$=.' + this + ']';
	});
	$(target).colorbox();

	$('a.colorbox').colorbox({ width:'80%', height:'80%', iframe:true });
});

$(function(){
	/*
	 * @ スライドナビゲーション
	 * @ Cookieを使って開閉をコントロール
	*/
	// ナビゲーションで使うCookieを読みこんでおく
	var cookie = ($.cookie("menu") && $.cookie("menu")!=null) ? $.cookie("menu") : "";
	$(".content","div.utility").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.indexOf(pos)==-1){
			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: "easeOutBounce", // jQuery Easing
				duration: 400,
				complete: function(){
					if(!heading.hasClass("opened")) box.removeClass("opened");
				}
			});
		});
	});
});