/*********************************************
 * cashing-quiz.js
 ---------------------------------------------
 @init
*********************************************/
/* -------------------------------------------
 * @init
------------------------------------------- */
j$(function(){
	j$.cashingQuiz();
});


/* -------------------------------------------
 * @method
------------------------------------------- */
(function(j$){
	j$.cashingQuiz= function(config) {
		// vars
		var c = j$.extend({
			factorElement: ".js-cashing-quiz-show",
			showTrigger: ".js-cashing-quiz-show-trigger",
			showTarget: ".js-cashing-quiz-show-target",
			fadeInSpeed: 1000,
			scrollSpeed: 300,
		}, config);
		var $elm = j$(c.factorElement);
		
		// exit
		if($elm.length === 0) { return false; }
		
		// control
		$elm.each(function() {
			var $self = $(this);
			var $triggerElm = j$(c.showTrigger);
			var show = c.showTarget;
			var $showElm = j$(c.showTarget);
			var targetOffset_top;
			
			// ロード時
			$(window).on('load', function (){
				$showElm.hide();
			});
			
			// ボタンクリック時
			$triggerElm.on('click', function() {
				var showData = j$(this).data('show');
				var $target = $self.find($(''+show+'[data-target="'+showData+'"]'));
				
				$target.fadeIn(c.fadeInSpeed);
				targetOffset_top = $target.offset().top;
				
				j$("html, body").animate({
						scrollTop: targetOffset_top
				}, c.scrollSpeed);
				
			});
		});
	};
	
})(jQuery);