var facebook_id = '';
var write = '';

var fb_post_id = '';

var gameover = '';
var isMobile_check = '';

//Detect Device
var isMobile = false;
(function (a) {
	(/android.+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(a) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|e\-|e\/|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(di|rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|xda(\-|2|g)|yas\-|your|zeto|zte\-/i.test(a.substr(0, 4))) ? isMobile = true: isMobile = false;
})(navigator.userAgent || navigator.vendor || window.opera, true, false);
if(isMobile) {
	//window.location.href="http://www.fisherprice.com.tw/a-film-by-you/mobile/index.php?i=1713898313";
	isMobileWeb='1';
}else{
	isMobileWeb='0';
}


// alert(isMobileWeb);
///////////  Kuei Start ////////////
function SetCookie(name,value)
{
    var Days = 30; //此 cookie 将被保存 30 天
    var exp  = new Date();    //new Date("December 31, 9998");
    exp.setTime(exp.getTime() + Days*24*60*60*1000);
    document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
}
function getCookie(name)//取cookies函数        
{
    var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
     if(arr != null) return unescape(arr[2]); return null;

}
function delCookie(name)//删除cookie
{
    var exp = new Date();
    exp.setTime(exp.getTime() - 1);
    var cval=getCookie(name);
    if(cval!=null) document.cookie= name + "="+cval+";expires="+exp.toGMTString();
}
/*
function clickga(url){
	ga('send','event',url,url,url);
	if(window.console) console.log('clickga:'+url);
  
}
*/

function checkLoginStatus(response) {
	if(window.console) console.log('checkLoginStatus');
	
	if(response && response.status == 'connected') {
	
		
		if(window.console) {
			if(window.console) console.log('Access Token: ' + response.authResponse.accessToken);
			if(window.console) console.log(response);
			FB.api('/me', function(response) {
				console.log('Good to see you, ' + response.name + '.');
				console.log(response);
				
			});
		}
		
		
		FB.api('/me', function(response) {
			$('#_fb_name').val(response.name);
			$('#_fb_email').val(response.email);
			$('#_fb_uid').val(response.id);
			$('#_fb_gender').val(response.gender);
			$('#_fb_link').val(response.link);
			
			sFacebookID();
		});
		

	
	} else {

	}
}  


function getQueryString_kuei(param) {
   var q = document.location.search || document.location.hash;
   if (param == null) { return q; }
   if (q) {
    var pairs = q.substring(1).split("&");
    for (var i = 0; i < pairs.length; i++) {
     if (pairs[i].substring(0, pairs[i].indexOf("=")) == param) {
      return pairs[i].substring((pairs[i].indexOf("=") + 1));
     }
    }
   }
}


var utm_source = getQueryString_kuei('utm_source');
var utm_content = getQueryString_kuei('utm_content');
var utm_campaign = getQueryString_kuei('utm_campaign');
var utm_medium = getQueryString_kuei('utm_medium');
var utm_term = getQueryString_kuei('utm_term');

if(utm_source!='' && utm_source!=null && utm_source!=undefined)  SetCookie('utm_source',utm_source);
if(utm_content!='' && utm_content!=null && utm_content!=undefined)  SetCookie('utm_content',utm_content);
if(utm_campaign!='' && utm_campaign!=null && utm_campaign!=undefined)  SetCookie('utm_campaign',utm_campaign);
if(utm_medium!='' && utm_medium!=null && utm_medium!=undefined)  SetCookie('utm_medium',utm_medium);
if(utm_term!='' && utm_term!=null && utm_term!=undefined)  SetCookie('utm_term',utm_term);


var utm_source_cookie = getCookie('utm_source');
var utm_content_cookie = getCookie('utm_content');
var utm_campaign_cookie = getCookie('utm_campaign');
var utm_medium_cookie = getCookie('utm_medium');
var utm_term_cookie = getCookie('utm_term');

if((utm_source=='' || utm_source==undefined) && utm_source_cookie!='') utm_source = utm_source_cookie;
if((utm_content=='' || utm_content==undefined) && utm_content_cookie!='') utm_content = utm_content_cookie;
if((utm_campaign=='' || utm_campaign==undefined) && utm_campaign_cookie!='') utm_campaign = utm_campaign_cookie;
if((utm_medium=='' || utm_medium==undefined) && utm_medium_cookie!='') utm_medium = utm_medium_cookie;
if((utm_term=='' || utm_term==undefined) && utm_term_cookie!='') utm_term = utm_term_cookie;



function IsNumber(string,sign)
{
	var number;
	if (string==null) return false;
	if ((sign!=null) && (sign!='-') && (sign!='+'))
	{
		alert('IsNumber(string,sign)的參數出錯：\nsign為null或"-"或"+"');
		return false;
	}
		number = new Number(string);
	if (isNaN(number))
	{
		return false;
	}
	else if ((sign==null) || (sign=='-' && number<0) || (sign=='+' && number>0))
	{
		return true;
	}
	else return false;
}
function ValidEmail(emailtoCheck)
{
	var regExp = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
	if ( emailtoCheck.match(regExp) )
	return true;
	else
	return false;
}
function checkField() {
	//$('#step5_error').css('display','none');
	
	if($('#_name').val()==''){
		swal("請填寫您的姓名!!");
		// alert("請填寫您的姓名!!");
		return false;
	}
	if($('#_tel').val()==''){
		swal("請填寫您的行動電話!!");
		// alert("請填寫您的行動電話!!");
		return false;
	}
	if (($('#_tel').val()!="") && (IsNumber($('#_tel').val())==false)) {
		swal("手機電話需全為數字!!(請勿以符號或全形數字輸入)");
		return false;
	}
	if (($('#_tel').val()!="") && ($('#_tel').val().length != 10)) {
		swal("手機電話號碼有問題請檢查!! 謝謝!!(請勿以符號或全形數字輸入)");
		return false;
	}
	if ($('#_tel').val().substring(2,0)!='09') {
		swal("請填寫正確的手機號碼!! 謝謝!!");
		return false;
	}
	
	if ((!$('#_email').val() == "" && $('#_email').val().indexOf('@',0) == -1) || (!$('#_email').val() == "" && $('#_email').val().indexOf('.',0) == -1)){
		swal("請填寫正確的email。");
		return false;
	}
	if(!ValidEmail($('#_email').val())){
		swal("請填寫正確電子信箱!!");
		return false;
	}
	

	if($('#ad1').val() == ''){
		swal("請選擇縣市!!");
		return false;
	}
	if($('#ad2').val() == ''){
		swal("請選擇區域!!");
		return false;
	}
	if($('#_addr').val() == ''){
		swal("請填寫地址!!");
		return false;
	}
	if(!$("#agree1").prop("checked")){
		swal('您必須詳閱活動辦法中所有訊息,並同意相關內容！同意之後請勾選始能參加本活動.');
		return false;
	}
	/*
	if(!$("#agree2").prop("checked")){
		swal('您必須詳閱活動辦法中所有訊息,並同意相關內容！同意之後請勾選始能參加本活動.');
		return false;
	}
	*/
	
	return true;
}
function checkField2() {
	//$('#step5_error').css('display','none');
	
	if($('#_name2').val()==''){
		swal("請填寫您的姓名!!");
		// alert("請填寫您的姓名!!");
		return false;
	}
	if($('#_tel2').val()==''){
		swal("請填寫您的行動電話!!");
		// alert("請填寫您的行動電話!!");
		return false;
	}
	if (($('#_tel2').val()!="") && (IsNumber($('#_tel2').val())==false)) {
		swal("手機電話需全為數字!!(請勿以符號或全形數字輸入)");
		return false;
	}
	if (($('#_tel2').val()!="") && ($('#_tel2').val().length != 10)) {
		swal("手機電話號碼有問題請檢查!! 謝謝!!(請勿以符號或全形數字輸入)");
		return false;
	}
	if ($('#_tel2').val().substring(2,0)!='09') {
		swal("請填寫正確的手機號碼!! 謝謝!!");
		return false;
	}
	
	if ((!$('#_email2').val() == "" && $('#_email2').val().indexOf('@',0) == -1) || (!$('#_email2').val() == "" && $('#_email2').val().indexOf('.',0) == -1)){
		swal("請填寫正確的email。");
		return false;
	}
	if(!ValidEmail($('#_email2').val())){
		swal("請填寫正確電子信箱!!");
		return false;
	}
	

	if($('#step4').val() == ''){
		swal("請選擇縣市!!");
		return false;
	}
	if($('#step4_2').val() == ''){
		swal("請選擇區域!!");
		return false;
	}
	if($('#_addr2').val() == ''){
		swal("請填寫地址!!");
		return false;
	}
	if(!$("#agree3").prop("checked")){
		swal('您必須詳閱活動辦法中所有訊息,並同意相關內容！同意之後請勾選始能參加本活動.');
		return false;
	}
	/*
	if(!$("#agree2").prop("checked")){
		swal('您必須詳閱活動辦法中所有訊息,並同意相關內容！同意之後請勾選始能參加本活動.');
		return false;
	}
	*/
	
	return true;
}


$().ready(function(){

	if(gameover=='1') alert('本活動已截止，感謝您的參與!');
	//add facebook input 
	$( "body" ).append("<input type=\"hidden\" id=\"_fb_name\" /><input type=\"hidden\" id=\"_fb_email\" /><input type=\"hidden\" id=\"_fb_uid\" /><input type=\"hidden\" id=\"_fb_gender\" /><input type=\"hidden\" id=\"_fb_link\" />");

	

	var json_callback = function(msg){
		
		if(window.console) console.log(msg);
		
		var json = [msg];
		var s = msg.Statuss;
		if(s=='success') {
			
			$(".page2_step2").hide();
			$(".page2_step3").fadeIn();
			$.History.go('/complete1');
			
			clickga('submit1')
			lbReload('Thank_you1','','','');
			fbq('track', 'Lead');
       		//swal('送出成功！'); 
            
            $('#_name2').val($('#_name').val());
			$('#_tel2').val($('#_tel').val());
			$('#_email2').val($('#_email').val());
			$('#_addr2').val($('#_addr').val());
			
			$("#step4").val($('#ad1').val());
			var city = document.getElementById('step4');
			var town = document.getElementById('step4_2');
			update_zip($('#ad1').val(), town);
			$("#step4_2").val($('#ad2').val());
			
			$('#_name').val('');
			$('#_tel').val('');
			$('#_email').val('');
			$('#_addr').val('');
			//setTimeout(function(){ location.href='video.php'; }, 3000);
			
			

            
		}
		else if(s=='already') { 
			swal('您已經參加過了'); 
			
			$('#_name').val('');
			$('#_tel').val('');
			$('#_email').val('');
			$('#_addr').val('');
		}
		else if(s=='shareSuccess') swal('分享成功');
		else swal(s);

	}
	var json_callback1 = function(msg){
		
		if(window.console) console.log(msg);
		
		var json = [msg];
		var s = msg.Statuss;
		if(s=='success') {
			
			$(".page2_step4").hide();
			$(".page2_step5").fadeIn();
			$.History.go('/complete2');
			
			clickga('submit2')
			lbReload('Thank_you2','','','');
			fbq('track', 'Lead');
       		//swal('送出成功！'); 
            
			$('#_name').val('');
			$('#_tel').val('');
			$('#_email').val('');
			$('#_addr').val('');
			//setTimeout(function(){ location.href='video.php'; }, 3000);
			
			
            
		}
		else if(s=='already') { 
			swal('您已經參加過了'); 
			
			$('#_name2').val('');
			$('#_tel2').val('');
			$('#_email2').val('');
			$('#_addr2').val('');
		}
		else if(s=='shareSuccess') swal('分享成功');
		else swal(s);

	}
	
	var ad1 = '';
	var ad2 = '';
	var area = '';
	var shop = '';
	var user_date = '';
	
	if(window.console) console.log('actCode = '+actCode);
	if(gameover!='1'){
		//send
		$('.send_bt').bind('touchstart click', function() {
		
			if(window.console) {console.log('確認送出 click');}

			var a = checkField();
			if(a){

				var eletter = '';
				if($('#agree2').prop('checked')){
					eletter = '1';
				}
				
				$.ajax({
					url: 'https://sp.artstudio.com.tw/reg2016_artstudio.php',
					crossDomain: true,
					dataType: 'jsonp',
					contentType: "application/json",
					jsonpCallback: 'json_callback',
					 data: { 
						  actCode: actCode,
						  uname: $('#_name').val(),
						  phone: $('#_tel').val(),
						  email: $('#_email').val(),
						  ad1: $('#ad1').val(),
						  ad2: $('#ad2').val(),
						  address: $('#_addr').val(),
						  vote:'1',//影片1
						  eletter:eletter,
						  fb_post_id:fb_post_id,
						  //address: $('#_addr').val(),
						  //recaptcha_response: $('#recaptcha_response').val(),
						  //agree: $('input[name=agree]:checked').val(),
						  utm_campaign:utm_campaign,
						  utm_medium:utm_medium,
						  utm_term:utm_term,
						  utm_source:utm_source,
						  utm_content:utm_content,
						  isMobileWeb:isMobileWeb
					 },
						success:json_callback
						//error: json_callback3
					}).done(function(data){
						//dddone();
					});
			}
		
		});
		
		//send
		$('.send_bt2').bind('touchstart click', function() {
		
			if(window.console) {console.log('確認送出 click');}

			var a = checkField2();
			if(a){

				var eletter = '';
				if($('#agree4').prop('checked')){
					eletter = '1';
				}
				$.ajax({
					url: 'https://sp.artstudio.com.tw/reg2016_artstudio.php',
					crossDomain: true,
					dataType: 'jsonp',
					contentType: "application/json",
					jsonpCallback: 'json_callback1',
					 data: { 
						  actCode: actCode,
						  uname: $('#_name2').val(),
						  phone: $('#_tel2').val(),
						  email: $('#_email2').val(),
						  ad1: $('#step4').val(),
						  ad2: $('#step4_2').val(),
						  address: $('#_addr2').val(),
						  vote:'2',//影片1
						  eletter:eletter,
						  fb_post_id:fb_post_id,
						  //address: $('#_addr').val(),
						  //recaptcha_response: $('#recaptcha_response').val(),
						  //agree: $('input[name=agree]:checked').val(),
						  utm_campaign:utm_campaign,
						  utm_medium:utm_medium,
						  utm_term:utm_term,
						  utm_source:utm_source,
						  utm_content:utm_content,
						  isMobileWeb:isMobileWeb
					 },
						success:json_callback1
						//error: json_callback3
					}).done(function(data){
						//dddone();
					});
			}
		
		});
		
		
	}
	
});


var video_title_arr = new Array();
video_title_arr[0] = '';
video_title_arr[1] = 'Curél用擦的隱形物理防曬衣';
video_title_arr[2] = 'Curél用擦的隱形物理防曬衣';


var video_desc_arr = new Array();
video_desc_arr[0] = '';
video_desc_arr[1] = '觀看「Curél隱形物理防曬衣」互動影片並分享，立即抽全新Curél潤浸保濕輕透水感防曬體驗品，安心告別夏日厚重黏膩防曬';
video_desc_arr[2] = '觀看「Curél敏感肌防曬知識+」影片並分享，立即抽限量新品Curél輕透水感防曬乳正貨，安心告別夏日厚重黏膩防曬！';

var youtubeVideoCode = 'arKqM7NBXt8';
var fb_share_name = '';
var fb_share_url = 'https://sp.artstudio.com.tw/curelUV/?utm_source=fbpost&utm_medium=social&utm_campaign=201704Curel_UV&utm_content=sharepost_facebook_ppa-link_1&utm_term=CurelUV';
var fb_share_url_message = '';
var fb_share_image = 'https://sp.artstudio.com.tw/curelUV/fb.jpg';
var fb_share_desc = '';
var fb_login_return_url = 'https://sp.artstudio.com.tw/curelUV/';
var fb_post_return_url = 'https://sp.artstudio.com.tw/curelUV/';
var fb_post_return_url_m = 'https://sp.artstudio.com.tw/curelUV/m/';

var facebook_app_id = '133147307218473';


	window.fbAsyncInit = function() {
    FB.init({
      appId      : '133147307218473',
      xfbml      : true,
      version    : 'v2.8'
    });
    FB.AppEvents.logPageView();
  };

  (function(d, s, id){
     var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement(s); js.id = id;
     js.src = "//connect.facebook.net/en_US/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
   
   

function shareFacebook(targetNum) {
	
	if(targetNum=='1') lbReload('FBshare1','','','');
	if(targetNum=='1') lbReload('FBshare2','','','');
	
    var title = video_title_arr[targetNum];
    var desc = video_desc_arr[targetNum];
    var caption = 'Curél';
    pic = 'https://sp.artstudio.com.tw/curelUV/fb.jpg';

	if(isMobileWeb2=='1'){
		fb_post_return_url = fb_post_return_url_m+'?vote='+targetNum;
		var share_url = ' https://m.facebook.com/dialog/feed?title='+encodeURIComponent(title)+'&description='+encodeURIComponent(desc)+'&picture='+encodeURIComponent(pic)+'&app_id='+facebook_app_id+'&caption='+encodeURIComponent(caption)+'&link='+encodeURIComponent(fb_share_url)+'&redirect_uri='+encodeURIComponent(fb_post_return_url);
		location.href=share_url;
	
	}else{
	
		FB.ui({
			method: 'feed',
			name: title,
			link: fb_share_url,
			picture: pic,
			caption: caption,
			description: desc
		},
			function(response) {
				if (response && response.post_id) {
					if(window.console) console.log(response);
					var img=new Image;
					
					fb_post_id = response.post_id;
				
					if(targetNum=='1'){
				
						$(".page2_step1").hide();
						 $(".page2_step2").show();
						 clickga('action_fb_bt')
					}
					if(targetNum=='2'){
						$(".page2_step1").hide();
						$(".page2_step2").hide()
						$(".page2_step3").hide();
						$(".page2_step4").fadeIn();
						art_scrolls(1)
						clickga('vedio_fb_bt');
						$(".vopens").hide();
						$(".menu").show();
					}
					
				}
			}
		);
	
	}
}
function getMobileOperatingSystem() {
  var userAgent = navigator.userAgent || navigator.vendor || window.opera;

      // Windows Phone must come first because its UA also contains "Android"
    if (/windows phone/i.test(userAgent)) {
        return "Windows Phone";
    }

    if (/android/i.test(userAgent)) {
        return "Android";
    }

    // iOS detection from: http://stackoverflow.com/a/9039885/177710
    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
        return "iOS";
    }

    return "unknown";
}
function isFacebookApp() {
    var ua = navigator.userAgent || navigator.vendor || window.opera;
    return (ua.indexOf("FBAN") > -1) || (ua.indexOf("FBAV") > -1);
}
$( window ).load(function() {
	if(window.console){
		//var filename = url.substring(url.lastIndexOf('/')+1);
		console.log(window.location.host);
		console.log(window.location.pathname);
		
	}
	if(isMobileWeb2=='1'){
	
		if(getQueryString_kuei('vote')=='1' && getQueryString_kuei('post_id')!=''){
	
			fb_post_id = getQueryString_kuei('post_id');
			$(".page2_step2").show();
			$(".wrapper").css("height",1500);
			/*
			$body.animate({
				scrollTop: 0
			}, 500);
			*/	 
			clickga('action_fb_bt')
		}
		if(getQueryString_kuei('vote')=='2' && getQueryString_kuei('post_id')!=''){
			
			fb_post_id = getQueryString_kuei('post_id');
			close_all()		
			$(".page2_step4").fadeIn();
			/*
			$body.animate({
				scrollTop: 0
			}, 500);
			*/
			
			
			$(".vopens1").hide();
			$(".vopens2").hide();
			$(".wrapper").css("height",1500);
			clickga('vedio_fb_bt');
			
		}
	}
	
	
	if(getMobileOperatingSystem()!='iOS'){
		if(isFacebookApp()){
	
			$(".andpup").show();
		}
	}
	
	
});