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

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

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

	// リセット
	simStepReset();
	simStep2Hide();
	simResultHide();

});

// ページの読み込みが完了したら実行
//$(document).ready(function(){
$(window).load(function(){


	$.getJSON('./beginner_nointerest_simulation.json', function() {
		//console.log(’実行’);
	})
	.done(function(data) {
		//console.log(’成功’);
	
		var selectValStep01,
			selectValStep02;
	
		// step1を選択
		$('#simStep1 select').on('change', function(){
				
			// リセット
			simResultHide();
			simResultEmpty();
			if($('#simStep2').is(':visible')){
				simStep2Hide();
				simStep2Reset();
			}
		
			// step1の選択結果を変数に代入
			selectValStep01 = $('option:selected', this).val();
			
			// 正しく選択された場合
			if(selectValStep01 != 'default'){
				// step1の選択が「5万円」だった場合
				if(selectValStep01 == '50000'){
					// step2の選択肢から「24回」を削除する
					$('#simStep2 select option[value="24"]').remove();
				}else{
					// step2の選択肢へ「24回」を追加する
					if($('#simStep2 select option[value="24"]').length == 0){
						$('#simStep2 select').append('<option value="24">24回</option>');
					}
				}
				// step2のプルダウンメニューを表示する
				simStep2FadeIn();
			}
			
			
		});
	
		// step2を選択
		$('#simStep2 select').on('change', function(){
			
			// step2の選択結果を変数に代入
			selectValStep02 = $('option:selected', this).val();

			// 正しく選択された場合
			if(selectValStep02 != 'default'){
			
				// シミュレーション結果を表示する
				simResultHide();
	
				for(i = 0; i < data.length; i++){
					
					var e = data[i],
					yen = e.yen,
					times = e.times,
					code = e.code;
					
						if(yen == selectValStep01 && times == selectValStep02){
							$('#simResultOutput').empty().html(code)
						}
		
				}
	
				simResultFadeIn();

			}else{
				simResultHide();
				simResultEmpty();
			}
			
		});
		
	})
	.fail(function(jqXHR, textStatus, errorThrown) {
		//console.log(textStatus);
	})
	.always(function() {
		//console.log('完了');
	});

});

function simStepReset() {
	// セレクトメニューの選択をすべてリセットする
	$('select option', '#simStep1, #simStep2').attr('selected', false);
}
function simStep2Reset() {
	// セレクトメニューの選択をすべてリセットする
	$('#simStep2 select option').attr('selected', false);
}
function simStep2Hide() {
	// step2を非表示にする
	$('#simStep2').hide();
}
function simStep2FadeIn() {
	// step2を表示（フェードイン）する
	$('#simStep2').fadeIn();
}
function simResultHide() {
	// シミュレーション結果を非表示にする
	$('#simResult').hide();
}
function simResultFadeIn() {
	// step2を表示（フェードイン）する
	$('#simResult').fadeIn();
}
function simResultEmpty() {
	// シミュレーション結果を削除する
	$('#simResultOutput').empty();
}