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=1713949337";
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("");
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();
}
}
});