// JavaScript Document

window.onpageshow = function(event) {
    if (event.persisted) {
         window.location.reload();
     }
};

$(function(){


	var css = '<style type="text/css">#loadingOverlay {display:none;width: 100%;height: 100%;background-color: #000;filter:alpha(opacity=60);-moz-opacity: 0.60;opacity: 0.60;z-index: 10;position:fixed;left:0;top: 0;}#loadingMsgBox {display:none;width: 208px;height: auto;margin: -90px 0 0 -114px;padding: 10px;background: #ffffff;border-radius: 15px;text-align: center;position: fixed;left: 50%;top: 50%;z-index: 20;}#loadingMsgBox .loadingMsgBox--text {font-size: 85%;display: block;line-height:1.4}#loadingMsgBox .loadingMsgBox--image img {margin-top: 10px;width: 48px;}.lds-roller {  display: inline-block;  margin: 10px auto 0;  width: 64px;  height: 64px;}.lds-roller div {  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;  transform-origin: 32px 32px;}.lds-roller div:after {  content: " ";  display: block;  position: absolute;  width: 6px;  height: 6px;  border-radius: 50%;  background: #a0a0a0;  margin: -3px 0 0 -3px;}.lds-roller div:nth-child(1) {  animation-delay: -0.036s;}.lds-roller div:nth-child(1):after {  top: 50px;  left: 50px;}.lds-roller div:nth-child(2) {  animation-delay: -0.072s;}.lds-roller div:nth-child(2):after {  top: 54px;  left: 45px;}.lds-roller div:nth-child(3) {  animation-delay: -0.108s;}.lds-roller div:nth-child(3):after {  top: 57px;  left: 39px;}.lds-roller div:nth-child(4) {  animation-delay: -0.144s;}.lds-roller div:nth-child(4):after {  top: 58px;  left: 32px;}.lds-roller div:nth-child(5) {  animation-delay: -0.18s;}.lds-roller div:nth-child(5):after {  top: 57px;  left: 25px;}.lds-roller div:nth-child(6) {  animation-delay: -0.216s;}.lds-roller div:nth-child(6):after {  top: 54px;  left: 19px;}.lds-roller div:nth-child(7) {  animation-delay: -0.252s;}.lds-roller div:nth-child(7):after {  top: 50px;  left: 14px;}.lds-roller div:nth-child(8) {  animation-delay: -0.288s;}.lds-roller div:nth-child(8):after {  top: 45px;  left: 10px;}@keyframes lds-roller {  0% {    transform: rotate(0deg);  }  100% {    transform: rotate(360deg);  }}</style>';
	$('body').append(css);
	
	var loadingMsg = '<div id="loadingMsgBox"><span class="loadingMsgBox--text">手続き中です。<br>しばらくお待ちください。</span><span class="loadingMsgBox--image"><div id="lds-roller" class="lds-roller"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div></span></div><div id="loadingOverlay"></div>'
	//var loadingMsg = '<div id="loadingMsgBox"><span class="loadingMsgBox--text">手続き中です。<br>しばらくお待ちください。</span><span class="loadingMsgBox--image"><img src="/common/img/running.gif" alt="Now Loading…"></span></div><div id="loadingOverlay"></div>'
	$('body').append(loadingMsg);



$('.linkSubmitNew').on('click', function() {
	gnLoader ();

	var openUrl = 'https://www.fancl.co.jp/RegistMail/Link/NameInput?' + getPramLink();
	$(this).closest('form').attr('action', openUrl);
	$(this).closest('form').submit();
});

$('.linkSubmitMember').on('click', function() {
	gnLoader ();

	var openUrl = 'https://www.fancl.co.jp/LinkMember/Confirm/?' + getPramLink();
	$(this).closest('form').attr('action', openUrl);
	$(this).closest('form').submit();

});


function gnLoader(){
//	$('body').append('<div id="loader" style="width: 208px;height: auto;margin: -90px 0 0 -114px;padding: 10px;background: #ffffff;border-radius: 15px;text-align: center;position: fixed;left: 50%;top: 50%;z-index: 20;display: none;"><p class="loadTxt" style="font-size: 85%;">手続き中です。<br>しばらくお待ちください。</p><p><img style="margin-top: 10px;" src="/common/img/running.gif" width="48" height="48" alt="Now Loading…"></p></div><div id="fade" style="width: 100%;height: 100%;background-color:#000;filter:alpha(opacity=60);-moz-opacity:0.60;opacity: 0.60;z-index: 10;position:fixed;left:0;top: 0;display: none;"></div>');
//        $("#fade").hide().fadeIn();
//        $("#loader").hide().fadeIn();	

$('#loadingOverlay').css('display','block');
$('#loadingMsgBox').css('display','block');

}


function getPramLink(){

	var data;
	var advname;
	var item_id;
	var itemId = [];
	var key;
	var value;
	var sel;
	var opt;
	var sendPram;
	//-------------------------------------------------------------
	// hiddenパラメータ取得
	//-------------------------------------------------------------
	var hidden = document.body.getElementsByTagName('input');
	for (var i=0;i<hidden.length;i++) {
		key = hidden[i].name;
		// 動機コード(data)
		if (key == "data") {
			data =  hidden[i].value;
		}
		// 広告名(advname)
		if (key == "advname") {
			advname =  hidden[i].value;
		}
		// 商品番号(item_id) 
		if (key == "item_id") {
			item_id =  hidden[i].value;
		}
	}
	//-------------------------------------------------------------
	// プルダウンの動機コード、商品番号、数量取得
	//-------------------------------------------------------------
	var ele = document.body.getElementsByTagName('select');
	for (var i=0;i<ele.length;i++) {
		key = ele[i].name;
		if (key == "data") {
			data =  ele[i].value;
		}
		if (key.substring(0,4) == "item") {
			sel = document.getElementById(key);
			opt = sel.options;
			value = opt.item(sel.selectedIndex).value;
			key = key + "=" + value;
			itemId.push(key);
		}
	}
	//-------------------------------------------------------------
	// sendPram生成
	//-------------------------------------------------------------
	sendPram = "data=" + data + "&advname=" + advname;
	for(var i=0;i<itemId.length;i++) {
		sendPram = sendPram + "&" + itemId[i];
	}
	if (item_id != null) {
		sendPram = sendPram + "&item_id=" + item_id;
	}
	sendPram = sendPram + "&new=";

	function pad2(n) { return n < 10 ? '0' + n : n }

	var date = new Date();
	var timestampstr = ( date.getFullYear().toString() + pad2(date.getMonth() + 1) + pad2( date.getDate()) + pad2( date.getHours() ) + pad2( date.getMinutes() ) + pad2( date.getSeconds() ) );
	sendPram = sendPram + "&xtime=" + timestampstr;

	return sendPram;


}

//-------------------------------------------------------------
// パーソナル新規用サブミット処理(HFC作成)
//-------------------------------------------------------------
$('.linkSubmitNewPersonal').on('click', function() {
	var openUrl = 'https://www.fancl.co.jp/Personal/NewInterview?examflag=1&' + getPramPersonal();
	$(this).closest('form').attr('action', openUrl);
	$(this).closest('form').submit();
});

$('.linkSubmitMemberPersonal').on('click', function() {
	var openUrl = 'https://www.fancl.co.jp/Personal/Interview?examflag=1';
	$(this).closest('form').attr('action', openUrl);
	$(this).closest('form').submit();

});

function getPramPersonal(){

	var start;
	var advName;
	var key;
	var value;
	var sendPram;
	//-------------------------------------------------------------
	// hiddenパラメータ取得
	//-------------------------------------------------------------
	var hidden = document.body.getElementsByTagName('input');
	for (var i=0;i<hidden.length;i++) {
		key = hidden[i].name;
		// 動機コード(start)
		if (key == "start") {
			start =  hidden[i].value;
		}
		// 広告名(advName)
		if (key == "advName") {
			advName =  hidden[i].value;
		}
	}
	sendPram = "start=" + start + "&advName=" + advName;

	function pad2(n) { return n < 10 ? '0' + n : n }

	var date = new Date();
	var timestampstr = ( date.getFullYear().toString() + pad2(date.getMonth() + 1) + pad2( date.getDate()) + pad2( date.getHours() ) + pad2( date.getMinutes() ) + pad2( date.getSeconds() ) );
	sendPram = sendPram + "&xtime=" + timestampstr;

	return sendPram;

}


// オンライン詳細へのリンクにパラメータ付与
  var thisAdvname = $('input[name="advname"]').val();
  var inputParam = "?vpp_adv_name=" + thisAdvname;

  $("a.adv_online_link").each(function() {
    var obj = $(this);
    var link = obj.attr("href");
    obj.attr("href",link+inputParam)
  });


});