jQuery(function(){
	
	//
	// マイページの<button>タグをリンク化
	//
	
		$(".index#user .custom-area td button")
			.click(
				function () {
					var b_url = $(this).parent().find("a").attr("href");
					location.href = b_url;
				}
			)
		;
	
	//
	// ポップアップログインメニューの開閉
	//
		/* 関数の実行 */
		$('#switch_loginMenu')
			.click(
				function () {
					switch_loginMenu();
				}
			)
		;
		
		/* 表示とclass属性値のリセット */
		$(document)
			.click(
				function () {
					$('#loginMenu').hide();
					if( $('#switch_loginMenu').attr('class') == 'open' ){
						$('#switch_loginMenu')
							.removeAttr('class')
						;
					}
				}
			)
		;
		
		/* イベントバブリングのキャンセル */
		$('#loginMenu > *')
			.click(
				function(e) {
					e.stopPropagation();
				}
			)
		;

	
	//
	//	要素全体をホバー&リンクさせる特定箇所
	//
			/*ホバー&クリックできる範囲の設定*/
			var hover_area = $("#index .race-list-main dt , #index .win5 dl , #racelist .race-list-main dt , #racelist .win5 dl , .race-list-day ol li , #expect .rnav-4weeks table tr");
					
			if( hover_area.find("a").length ){
				hover_area
					.hover(
						function () {
							/*ホバー時に背景色変更などをする範囲*/
							$(this).toggleClass("on");
							//colloring_area.css("border","1px solid #333");
						},
						function () {
							/*ホバー時に背景色変更などをする範囲*/
							//var colloring_area = $(this).parent();
							$(this).toggleClass("on");
							//colloring_area.css("border","none");
						}
					)
				;
			}
			/*リンク動作*/
			hover_area
				.click(
					function() {
						if( $(this).find("a").length ){
							var a_url = $(this).find("a").attr("href");
							location.href = a_url;
						}
					}
				)
			;
	
	
	//
	//	サイドカラム「WIN5」の枠全体をリンク化
	//
			/*ホバー&クリックできる範囲*/
			var hover_area2 = $("body .side-column .win5 .wrap");
			
			/*リンク動作*/
			hover_area2
				.click(
					function() {
						if( $(this).find("a").length ){
							var a_url = $(this).find("a").attr("href");
							location.href = a_url;
						}
					}
				)
			;
	
	//
	//	レース開催一覧
	//
	
		//初期非表示
		$('.rnav-4weeks > .wrap > .day').hide();
	
		//clickで開閉：上部一覧
		$('#view-rnav > img').click(function() {
			dayNavi();
		});

		/* ----- open area closer ----- */
		$(document).click(function() {
			
			$('#race-header .rnav-4weeks').css("width" , "0px");					   
			$('#race-header .rnav-4weeks > .top').hide();
			$('#view-rnav').removeClass('active');

		});
		// 非反応領域の設定
		$('#view-rnav, #race-header .rnav-4weeks > *').click(function(e) {
			e.stopPropagation();
		});
		
	
		// 前後開催への移動(上部)
		$('.rnav-4weeks .top .movenavi > li > a')
			.click(
				function() {
					var target_day = $(this).attr('href');
					
					$(this).parents('div.day').fadeOut('fast',function() {
						$(target_day).fadeIn('normal');
					});
					//e.preventDefault();
				}
			)
		;
		
		// 前後開催への移動(下部)
		$('.rnav-4weeks .bottom .movenavi > li > a')
			.click(
				function() {
					//移動先のidを取得
					var target_day = $(this).attr('href');
					
					//fadeOutのコールバック後に設定する.wrapの高さを保持
					var target_height = $(target_day).height();
					
					// ページ全体を表す要素を取得
						var h = $('html, body');
					// 現在のスクロール位置を保存
						var h_top = h.scrollTop()
						var h_left = h.scrollLeft()
					
					$(this).parents('div.day').fadeOut('fast', function() {
						
						$(this).parents('div.bottom').css("height", target_height + 50 );
						
						$(target_day).fadeIn('normal');
						
						//保存位置にスクロール
						h.scrollTop(h_top).scrollLeft(h_left);
					});
					//e.preventDefault();
				}
			)
		;
		
		// 最新の開催日へ移動(上部)
			$('.top .rnav-latest span').click(function() {
				$('.rnav-4weeks > .top .day').hide();
				$('.rnav-4weeks > .top .day').eq(0).show();
			});
			// 閉じる(上部)
			$('#rnavMenu_t .rnav-4weeks_close').click(function() {
				$('.rnav-4weeks > .top').hide();
				$('#view-rnav').removeClass('active');
			});
		// 最新の開催日へ移動(下部)
			$('.bottom .rnav-latest span').click(function() {
				$('.rnav-4weeks > .bottom .day').hide();
				$('.rnav-4weeks > .bottom .day').eq(0).show();
			});
		
	
	//--------------------------------------------------------------------------------
	// ポップアップログインメニューの開閉
	//--------------------------------------------------------------------------------
	
	function switch_loginMenu(){
		if( $('#switch_loginMenu').hasClass('open') ){
			$('#loginMenu').hide();			
			$('#switch_loginMenu').removeAttr('class');
		}else{
			$('#loginMenu').slideDown('fast');
			$('#switch_loginMenu').addClass('open');
		}
	}

	//--------------------------------------------------------------------------------
	// expect:レース開催一覧上部の開閉
	//--------------------------------------------------------------------------------
	
	function dayNavi() {
		if($('#view-rnav').hasClass('active')) {
			$('#race-header .rnav-4weeks').css("width" , "0px");
			$('#race-header .rnav-4weeks > .top').hide();
			$('#view-rnav').removeClass('active');
		} else {
			$('#race-header .rnav-4weeks').css("width" , "960px");
			$('#race-header .rnav-4weeks > .top').fadeIn('fast');
			$('#view-rnav').addClass('active');
		}
	}

});