/*********************************************
 * beginner_nointerest_simulation.js
 * -------------------------------------------
 * - jquery.js
*********************************************/

/* -------------------------------------------
 * @init
------------------------------------------- */

// DOMの構築が完了したら実行
$(function(){

});

// ページの読み込みが完了したら実行
//$(document).ready(function(){
$(window).load(function(){
	
	// var
	var classOn = 'on',
		scrollingTargetID;
	
	// 初期設定
	$('.goldProgramDiagnosisQuestion [id^="gpdQuestion"]:not(:first), .goldProgramDiagnosisResult .result', '#goldProgramDiagnosis').hide();

	// 質問に回答した場合
	$('#goldProgramDiagnosis .goldProgramDiagnosisQuestion [id^="gpdQuestion"] .btn02 li a').on('click', function(){
		// setting
		scrollingTargetID = $(this).attr('href');
		// ボタンを選択状態にする
		$(this).parent().addClass(classOn).siblings().removeClass(classOn);
		// 前の質問を非表示にする
		$(this).parents('[id^="gpdQuestion"]').nextAll().hide().find('.btn02 li').removeClass(classOn);
		// 回答を非表示にする
		hideResult();
		// 次の質問 or 回答結果を表示する
		fadeInTargetID();
	});
	
	// 「1つ前へ戻る」／「もう一度最初からやり直す」を選択した場合
	$('.goldProgramDiagnosisQuestion .back01 li a, .goldProgramDiagnosisResult .result .navAnchor02 li a', '#goldProgramDiagnosis').on('click', function(){
		// setting
		scrollingTargetID = $(this).attr('href');
		// 回答を非表示にする
		hideResult();
		// 以降の質問を非表示にする
		$(scrollingTargetID).find('.btn02 li').removeClass(classOn);
		$(scrollingTargetID).nextAll().hide().find('.btn02 li').removeClass(classOn);
		// 次の質問 or 回答結果へスクロール
		scrolling();
	});
	
	function hideResult(){
		$('#goldProgramDiagnosis .goldProgramDiagnosisResult .result').fadeOut();
	}
	
	function fadeInTargetID(){
		$(scrollingTargetID).animate({
			opacity: 'show'
		}, function(){
			SHINSEIBANK.module.equalHeight(true);
			scrolling();
		});
	}
	
	function scrolling(){
		
		var href = scrollingTargetID,
			target = $(href == "#" || href == "" ? "html" : href),
			position = target.offset().top;
			
		$(/webkit/.test(navigator.userAgent.toLowerCase()) ? "body" : "html").animate({
			scrollTop: position - $('#header').outerHeight(true)
		});
		
	}
	
});