// JavaScript Document

$(function(){
	//アコーディオン
	//アコーディオンするdivにclass="exp_area"、
	//ボタンのdivにclass="exp_button"を設定。
	//このコードでは、ボタンはアコーディオンする項目のすぐ上になければならない。
    $('div.exp_area').hide();
    $('div.exp_button').click(function(){
									   
		//ボタンをクリックするとボタンのすぐ上にあるdivがブラウザの一番上に来るよう
		//アニメーションしてスクロール
		var prev = $(this).prev();
		var divOffset = prev.offset().top;
		$('body').animate({scrollTop: divOffset + 'px'}, 1000);
        var next = $(this).next();
		
		//アコーディオンの動作は実質ここだけ。
		//ボタンの次の項目が表示されているときと隠れているときで、
		//slideUpとslideDownを使い分けている。
        if(next.is(':visible')){
            next.slideUp("fast");
			//↑サンプル用に速度のパラメータを与えている。省略も可。
			$(this).css("background-image","url('http://go-go-george.com/gp/wp-content/themes/go_go_george/image/shosai_p.gif')");
        }else{
            next.slideDown(1500);
			//↑サンプル用に速度のパラメータを与えている。完了までの時間をミリ秒単位で指定。
			//例えば1500であれば、1.5秒かけてアニメーションが行われる。
			//slideUpなどのアニメーションするメソッドは、アニメーションさせるdivにマージンや
			//背景画像の位置オフセットが設定されていると動作が変わるので注意。
			$(this).css("background-image","url('http://go-go-george.com/gp/wp-content/themes/go_go_george/image/shosai_c_p.gif')");
        }
    });
	
	//"詳細はクリック"ボタンの動作
	//アコーディオンが開いているときは「詳細を閉じる」、たたまれているときは「詳細はクリック」
	//と表示し、さらにhoverしているときは、文字がピンクの画像に差し替える。
	
	//hoverはCSSでhoverを設定する代わりにjqueryで設定するための関数。
	//hover(over,out)のようにカーソルがボタンの上にのったとき第一引数に割り当てられた関数を実行し、
	//カーソルがボタンの上にないとき、第二引数に割り当てられた関数を実行。
	$("div.exp_button").hover(
		function(){
			var next = $(this).next();
			if(next.is(':visible')){
				$(this).css("background-image","url('http://go-go-george.com/gp/wp-content/themes/go_go_george/image/shosai_c_p.gif')");
			}else{
				$(this).css("background-image","url('http://go-go-george.com/gp/wp-content/themes/go_go_george/image/shosai_p.gif')");
			}
		},
		function(){
			var next = $(this).next();
			if(next.is(':visible')){
				$(this).css("background-image","url('http://go-go-george.com/gp/wp-content/themes/go_go_george/image/shosai_c.gif')");
			}else{
				$(this).css("background-image","url('http://go-go-george.com/gp/wp-content/themes/go_go_george/image/shosai.gif')");
			}
		}
	);
	
	//カウントダウン
});