var MsgBox=(function(){
	var _langs = {
			"title":"請選擇方案",
			"秒":"秒",
			"分":"分",
			"時":"時",
			"天":"天",
			"確定":"確定",
			"取消":"取消",
			"確認":"確認",
			"訊息":"訊息"
	};

	var ShowExpireTimer=function($xmas_date_limit,expire){
		var expire_timer=$xmas_date_limit.data("expire_timer");
		if(expire_timer)
			clearInterval(expire_timer);
		var showed=false;
		var timer_func=function(){
			if(!showed&&$xmas_date_limit.is(":visible")){
				showed=true;
				}
			else if(showed&&!$xmas_date_limit.is(":visible")){
				clearInterval(expire_timer);return;
				}
			$xmas_date_limit.html(SecondsToDateLimit(Math.floor(expire-(new Date())/1000)));
			};
			timer_func();
			expire_timer=setInterval(timer_func,1000);
			};

		var SecondsToDateLimit=function(seconds){
			var dfieldformats=[60,60,24,365];
			var dfieldvalues=[0,0,0,0];
			var dfields=[_langs['秒'],_langs['分'],_langs['時'],_langs['天']];
			var to_seconds=seconds;
			var ds_start=false;
			var to_date_str="";

			for(var i in dfieldformats){
				var dformat=dfieldformats[i];
				dfieldvalues[i]=to_seconds%dformat;
				to_seconds=Math.floor(to_seconds/dformat);
				}

			for(var i=dfieldvalues.length;i>=0;i--){
				var dvalue=dfieldvalues[i];
				if(dvalue>0||ds_start){
					ds_start=true;to_date_str+=zeroFill(dvalue,2)+dfields[i];
					}
				}

			return to_date_str;

		};
		var zeroFill=function(number,width)
		{
			width-=number.toString().length;
			if(width>0){
				return new Array(width+(/\./.test(number)?2:1)).join('0')+number;
				}
			return number+"";

		};




	return{
		setLangs:function(langs){
			$.extend(true, _langs, langs);
		},
		setTitle:function(title){_langs["title"]=title;},
		/*
		show:function(text,title,close_hide){
			text=text||"";title=title||_title;close_hide=close_hide||false;
			if(close_hide)
				$("#xmas-prompt .close").hide();
			else $("#xmas-prompt .close").show();

			$("#xmas-prompt .prompt_text_title").empty().append(title);
			$("#xmas-prompt .prompt_text_content").empty().append(text);

			site_cf.Fancybox($,{'href':'#xmas-prompt',type:'inline',autoCenter:true,afterShow:function(){$("body").scrollTop($('#xmas-prompt').offset().top);}});
			},

		converttip:function(girl_collection_num,girl_collection_total,online_expire,convert_limit,buy_total,convert_expire){
			var girl_collection_limit=girl_collection_total-girl_collection_num;
			var $ol=$('<div class="text_range"/>');
			var $li_title=$('<li><b style="color: #0F0;">VIP免費線上看</b></li>');
			$ol.append('<div class="title-text_01" style="display: inline-block;">初階</li>').append($li_title);
			if(girl_collection_limit>0){
				$li_title.append('<b style="color: #F00;"> - 未達成</b>');
				}
			else{
				$li_title.append('<b style="color: #0F0;"> - 達成</b>');
				$ol.append('<li style="color: #AAA;font-size: 12px;">剩餘時間: <b style="color:#CC0;" class="xmas-date-limit-for-online"></b></li>');
				}
			$li_title=$('<li><b style="color: #0F0;">影片下載免費兌換</b></li>');
			$ol.append('<div class="title-text_01" style="display: inline-block;">進階</li>').append($li_title);
			if(buy_total>0){
				$li_title.append('<b style="color: #0F0;"> - 達成</b>');
				$ol.append('<li>還可兌換數量:<b style="color: #FF0;">'+convert_limit+'</b></li>');
				if(convert_limit>0){
					$ol.append('<li style="color: #AAA;font-size: 12px;">剩餘時間: <b style="color:#CC0;" class="xmas-date-limit-for-convert"></b></li>');
					}
				}else{
					$li_title.append('<b style="color: #F00;"> - 未達成</b>');
				}

			this.show($ol);
			ShowExpireTimer($ol.find(".xmas-date-limit-for-online"),online_expire);
			ShowExpireTimer($ol.find(".xmas-date-limit-for-convert"),convert_expire);
		},

		buytip:function(girl_collection_num,girl_collection_total,got_total,buy_total,buy_next_total,expire){
			var girl_collection_limit=girl_collection_total-girl_collection_num;
			var buy_next_limit=buy_next_total-buy_total;var first_gift="";
			var second_gift="";
			var first_finish="";
			var second_finish="";

			if(girl_collection_limit>0){
				first_gift='目前尚餘<b style="color: #FF0;">'+girl_collection_limit+'</b>名女優未收集<br/>集滿大頭照VIP館線上看一週';
				}
			else{
				first_gift='<b style="color: #FF0;">已收集全部女優</b><br/><b style="font-size: 12px; color: #AAA;">活動結束後可免費VIP館線上看一週</b>';
				first_finish=' - 已完成';
				}

			if(got_total>0){
				second_gift='目前已達可贈送片數:<b style="color: #FF0;">'+got_total+'</b>';
				second_gift+='<br/><b style="font-size: 12px; color: #AAA;">活動結束後即可兌換</b>';
				}

			if(buy_next_limit>0){
				second_gift+='<br/><br/>再下載<b style="color: #FF0;">'+buy_next_limit+'</b>片即可達贈送片數:<b style="color: #FF0;">'+buy_next_total+'</b>';
				}
			else{
				second_finish=' - 已完成';
				}

			var $ol=$('<div class="text_range"/>')
			.append('<div class="title-text_01" style="display: inline-block;">初階</li>')
			.append('<b style="color: #0F0;">'+first_finish+'</b>')
			.append('<li style="letter-spacing: 0.5px;">'+first_gift+'</li>')
			.append('<div class="title-text_01" style="display: inline-block;">進階</li>')
			.append('<b style="color: #0F0;">'+second_finish+'</b>')
			.append('<li style="letter-spacing: 0.5px;">'+second_gift+'</li>')
			.append('<br/><br/><li style="color: #AAA;font-size: 12px;text-align: right;">活動剩餘時間: <b style="color:#CC0;" class="xmas-date-limit"></b></li>');

			this.show($ol);
			ShowExpireTimer($ol.find(".xmas-date-limit"),expire);

		},

		converted:function(text,convert_limit,expire){
			var $ol=$('<div class="text_range"/>')
			.append('<div class="title-text_01" style="background: #1B5A1B; width: auto; padding: 10px;">'+text+'</li>');

			if(convert_limit>0){
				$ol.append('<li style="letter-spacing: 0.5px;">剩餘: <b style="color:#FF0;">'+convert_limit+'</b> 次兌換下載數</li>')
				.append('<li style="color: #AAA;font-size: 12px;">剩餘兌換時間: <b style="color:#CC0;" class="xmas-date-limit"></b></li>');
				}

			this.show($ol);
			ShowExpireTimer($ol.find(".xmas-date-limit"),expire);

		},

		/*
		confirm:function(text,btns){
			var $ol=$('<div class="text_range"/>').append(text);
			$btns=$('<div class="xmas-prompt-box-btns"/>');
			for(var btn_txt in btns){
				var btn=btns[btn_txt];
				if(typeof btn['func']!=="function")
					continue;
				var $btn=$("<button class='xmas-prompt-box-btn'/>");
				if(typeof btn['css']==="object"){
					$btn.css(btn['css']);}
				$btn.append(btn_txt);
				$btn.click(btn['func']);
				$btns.append($btn);
				}
			$btns.append($('<li style="clear: both;"/>'));
			$ol.append($btns);
			this.show($ol,null,true);
		},

		confirm_buy:function(text,expire,yes_func){
			var $ol=$('<div/>').append('<div class="title-text_01 xmas-prompt-box-text">'+text+'</li>')
			.append('<li style="color: #AAA;font-size: 12px; text-align: center;">剩餘活動時間: <b style="color:#CC0;" class="xmas-date-limit"></b></li>');

			this.confirm($ol,{
				'取消':{func:function(){$.fancybox.close();},css:{"background":"#F00","margin-left":"10px"}},
				'確定':{func:function(){yes_func();}}});
			ShowExpireTimer($ol.find(".xmas-date-limit"),expire);
		},

		confirm_convert:function(text,convert_limit,expire,yes_func){
			var $ol=$('<div class="text_range"/>').append('<div class="title-text_01 xmas-prompt-box-text">'+text+'</li>')
			.append('<li style="letter-spacing: 0.5px;">剩餘: <b style="color:#FF0;">'+convert_limit+'</b> 次兌換下載數</li>')
			.append('<li style="color: #AAA;font-size: 12px;">剩餘兌換時間: <b style="color:#CC0;" class="xmas-date-limit"></b></li>');
			this.confirm($ol,{
				'取消':{func:function(){$.fancybox.close();},css:{"background":"#F00","margin-left":"10px"}},
				'確定':{func:function(){yes_func();}}});
			ShowExpireTimer($ol.find(".xmas-date-limit"),expire);
			},
		*/
		video_download:function(title , text , exchange_text , point_text , yes_func , no_func){
			this.exchange_append('videoDL', title , text , exchange_text, point_text, yes_func , no_func);
		},
		video_online:function(title , text , exchange_text , point_text , yes_func , no_func){
			this.exchange_append('videoOL', title , text , exchange_text, point_text, yes_func , no_func);
		},
		comic_download:function(title , text , exchange_text , point_text , yes_func , no_func){
			this.exchange_append('comicDL', title , text , exchange_text, point_text, yes_func , no_func);
		},
		comic_online:function(title , text , exchange_text , point_text , yes_func , no_func){
			this.exchange_append('comicOL', title , text , exchange_text, point_text, yes_func , no_func);
		},

		exchange_append:function(useway, title , text , yes_text , no_text , yes_func , no_func){
			text=text||"";title=title||_langs["title"];useway=useway||"";yes_text=yes_text||"";no_text=no_text||"";
			$("#msg-box .cash-box-center").empty();

			var $ol=$('<div class="title flex-row justify-content-between align-items-center p-2"/>').append(title)
			.append('<span class="btn close-x fancybox_close"><i class="fas fa-times"></i></span>');
			
			
			//var $ol=$('<div class="text_range"/>').append(text);
			$btns=$('<div class="cash-prompt-box-btns flex-row justify-content-center" />');
			var $olText=$('<div class="content p-2 pt-3 flex-columns"/>').append(text);
			if(typeof yes_text=== 'string' && yes_text!=""){
				var $yes_btn=$("<button class='cash_bottom01 btn btn-ripple border-rounded btn-secondary mx-1 p-2'/>");
				$yes_btn.append(yes_text);
				if(typeof yes_func ==='function'){
					$yes_btn.click(yes_func);
				}
				$btns.append($yes_btn);
			}
			if(typeof no_text=== 'string' && no_text!=""){
				var $no_btn=$("<button class='cash_bottom02 btn btn-ripple border-rounded btn-third text-dark mx-1 p-2'/>");
				$no_btn.append(no_text);
				if(typeof no_func ==='function'){
					$no_btn.click(no_func);
				}
				$btns.append($no_btn);
			}
			
			$('#msg-box .exchange-data-div').attr('name' , useway);
			this.msg_show($('<div class="content-block flex-columns"/>').append($ol,$olText,$btns));
		},
		msg_show:function(text,title){
			text=text||"";title=title||_langs["title"];
			$("#msg-box .close").show();
			$("#msg-box .cash-box-center").empty().append(text);

			site_cf.Fancybox($,{
				'href':'#msg-box',
				type:'inline',
				margin: 0,
				autoCenter:true,
				beforeShow:function(){
					$(".fancybox-skin").css({"background":"transparent","padding":"0","-webkit-box-shadow": "none", "-moz-box-shadow": "none", "box-shadow": "none"});
				}
			});
		},
		confirm_buy:function(text,title,yes_func){
			$("#msg-box .cash-box-center").empty();
			var $title=$('<div class="title flex-row justify-content-between align-items-center"/>').append(title).append('<span class="btn close-x fancybox_close"><i class="fas fa-times"></i></span>');
			var $text=$('<div class="content p-2 pt-3 flex-columns"/>').append(text);
			var $ol=$('<div class="content-block flex-columns"/>').append($title,$text);
			// .append('<p class="h1" >'+text+'</p>');
			var btns = {};
			btns[_langs['確定']] = {func:function(){yes_func();}};
			btns[_langs['取消']] = {func:function(){$.fancybox.close();}};
			this.confirm($ol,btns);
		},
		confirm:function(text,btns,title,close_hide){
			$("#msg-box .cash-box-center").empty();
			var $ol=$('<div class="content-block flex-columns"/>').append(text);
			if(typeof close_hide === "undefined"){
				close_hide = true;
			}
			if(typeof title === "undefined"){
				title = null;
			}
			$btns=$('<div class="cash-prompt-box-btns flex-row my-3 justify-content-center"/>');
			for(var btn_txt in btns){
				var btn=btns[btn_txt];
				if(typeof btn['func']!=="function")
					continue;
				var $btn=$("<button class='cash_bottom btn btn-default btn-lg btn-ripple border-rounded mx-1'/>");
				if(typeof btn['css']==="object"){
					$btn.css(btn['css']);}
				$btn.append(btn_txt);
				$btn.click(btn['func']);
				$btns.append($btn);
				}
			// $btns.append($('<li style="clear: both;"/>'));
			$ol.append($btns);
			this.show($ol,title,close_hide);
		},
		show:function(text,title,close_hide){
			$("#msg-box .cash-box-center").empty();
			text=text||"";title=title||_langs["title"];close_hide=close_hide||false;
			if(close_hide) $("#msg-box .close").hide();
			else $("#msg-box .close").show();

			$("#msg-box .prompt_text_title").empty().append(title);
			$("#msg-box .cash-box-center").empty().append(text);

			site_cf.Fancybox($,{
				'href':'#msg-box',
				type:'inline',
				margin: 0,
				autoCenter:true,
				beforeShow:function(){
					$(".fancybox-skin").css({"background":"transparent","padding":"0","-webkit-box-shadow": "none", "-moz-box-shadow": "none", "box-shadow": "none"});
				}
			});
		},

		normal_confirm:function(text , yes_func,no_func=function () {}){
			$("#msg-box .cash-box-center").empty();

			var newtext = '';
			var textArray = text.split(/(，|\?|」)/);
			for (var i = 0; i < textArray.length; i++) {
				if (textArray[i] !== '，' && textArray[i] !== '') {
					newtext += '<p>' + textArray[i];
					if (textArray[i + 1] === '，' || textArray[i + 1] === '?'|| textArray[i + 1] === '」') {
						newtext += textArray[i + 1];
						i++;
					}
					newtext += '</p>';
				}
			}

			var $ol=$('<div class="content-block flex-columns"/>').append('<div class="title flex-row justify-content-between align-items-center"><span>'+_langs['確認']+'</span><span class="btn close-x fancybox_close"><i class="fas fa-times"></i></span></div>')
			.append('<div class="content py-2" style="display: block;margin: auto;">'+newtext+'</div>');
			var btns = {};
			btns[_langs['確定']] = {func:function(){$.fancybox.close();yes_func();}};
			btns[_langs['取消']] = {func:function(){$.fancybox.close();no_func();}};
			this.confirm($ol,btns);
		},

		showMsg:function(text,icon='' ){
			/*var $ol=$('<div class="text_range"/>').append('<span >'+_langs['訊息']+'</span>  <br>')
			.append('<li >'+text+'</li>');
			var btns = {};
			btns[_langs['確定']] = {func:function(){$.fancybox.close();}};
			this.confirm($ol,btns);*/
			if(icon!=='')
				$('#message-pop .content i').attr('class',icon);
			$('#message-pop .content span.msg').text(text);
			$('#message-pop').fadeIn();
		}

	};

})();