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

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

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


});

// ページの読み込みが完了したら実行
//$(document).ready(function(){
$(window).load(function(){
	
	var groupStep = '[id*="groupStep"]';
	var step = '.step ul li';
	var outline = '.outline > div';
	var classOn = 'on';
	var classOff = 'off';

	// 初期設定
	$(outline, groupStep).hide();
	$(groupStep).not(':first').find(step).addClass(classOff);
	
	// Step1
	$(step, groupStep)/*.not('.' + classOff)*/.on('click', function(){	

		// ボタンが選択可能状態の場合
		if(!$(this).hasClass(classOff)){
		
			// var
			var stepID = '#' + $(this).parents(groupStep).attr('id');
			var stepIndex = parseInt(stepID.replace(/.+([0-9])$/, '$1'), 10);
			
			var judgSelfType = $(this).attr('class').replace(/(.+) .+/, '$1');
			var classJudgSelfType = '.' + judgSelfType;
			
			var arrTargetNextStep01 = [];
			var arrTargetNextStep02 = [];
			var targetNextStep;
			
			// 前のステップに戻った場合
			if(stepIndex == 1){
				$(groupStep).not(stepID).find(step).removeClass(classOn).addClass(classOff);
				$(groupStep).not(stepID).find(outline).fadeOut();
			}else if(stepIndex == 2){
				$(stepID).next().find(step).removeClass(classOn).addClass(classOff);
				$(stepID).next().find(outline).fadeOut();
			}
			
			// クリックしたボタンを選択状態にする
			$(step, stepID).removeClass(classOn);
			$(this).addClass(classOn);
			
			// 対応する概要を表示する
			$(outline, stepID).fadeIn().not(classJudgSelfType).hide();
			
			// 次のステップのボタンを設定する
			if(stepIndex == 1){
				// ステップ1の場合
				switch(judgSelfType){
					case 'JudgTypeInternet':
						arrTargetNextStep01 = ['JudgTypeInternet','JudgTypeAtm'];
						break;
					case 'JudgTypeMobile':
						arrTargetNextStep01 = ['JudgTypeInternet','JudgTypeAtm'];
						break;
					case 'JudgTypeAtm':
						arrTargetNextStep01 = ['JudgTypeAtm'];
						break;
					case 'JudgTypeCall':
						arrTargetNextStep01 = ['JudgTypeInternet','JudgTypeAtm'];
						break;
					case 'JudgTypeMail':
						arrTargetNextStep01 = ['JudgTypeMail'];
						break;
				}
			}else if(stepIndex == 2){
				// ステップ2の場合
				switch(judgSelfType){
					case 'JudgTypeInternet':
						arrTargetNextStep01 = ['JudgTypeInternet'];
						break;
					case 'JudgTypeAtm':
						arrTargetNextStep01 = ['JudgTypeAtmLake','JudgTypeAtmOther'];
						break;
					case 'JudgTypeMail':
						arrTargetNextStep01 = ['JudgTypeInternet', 'JudgTypeAtmLake','JudgTypeAtmOther'];
						break;
				}
			}
			for (var i=0 ; i<=(arrTargetNextStep01.length-1) ; i++){
				arrTargetNextStep02.push('.' + arrTargetNextStep01[i]);
			}
			targetNextStep = arrTargetNextStep02.join(',');
			$(stepID).next().find(step).removeClass(classOff).not(targetNextStep).addClass(classOff);
	
		}

	});

});