/**---------------------------------
 * slide-panel.js
 * 
 * ...
 * author	: takaaki koyama
 *
 * @use jQuery 1.2.6 later
 ---------------------------------*/

(function($){
	
	$(document).ready(function(){	//HTMLの読み込みが終わったら実行
	
		var tab = $("#panel_tab a");　//パネルのタブにあたるaタグ
		
		// toggle : クリックするたびに順々に処理を実行する
		tab.toggle(function(){
			// 処理 1
			// tabが奇数回目クリックされた時、
			// id = "slide_panel" のCSSプロパティtopの値を現在の値から0に向かって、
			// 0.8秒かけてアニメーションさせる。"swing" はイージング関数名。
			$("#slide_panel").animate({"top" : "0px"},800,	"swing", function(){
				
				// アニメーション終了時に呼ばれる処理
				// tabの class 名を click_to_open から click_to_close に変更する
				tab.removeClass("click_to_open").addClass("click_to_close");
			});
			
			return false;
			
		},function(){
			// 処理 2
			// tabが偶数回目クリックされた時、
			// id = "slide_panel" のCSSプロパティtopの値を現在の値から-183pxに向かって、
			// 0.8秒かけてアニメーションさせる。"swing" はイージング関数名。
			$("#slide_panel").animate({"top" : "-183px"},800,"swing", function(){
				
				// アニメーション終了時に呼ばれる処理
				// tabの class 名を click_to_close から click_to_open に変更する
				tab.removeClass("click_to_close").addClass("click_to_open");
			});
			
			return false;
			
		});
	})
})(jQuery)