//kuei
	window.fbAsyncInit = function() {
		FB.init({
		  appId      : '611573792307234',
		  xfbml      : true,
		  version    : 'v2.2'
		});
	};

  (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 checkLoginStatus(response) {
		if(response && response.status == 'connected') {
		
			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);
			});

		} else {
	
		}
	}  

///////////  Kuei Start ////////////

//類別 , 動作  , 標籤 , 值 
function clickga(label){

	if(window.console) {console.log('clickga='+label);}
	ga('send','event',label,'click',label);

}
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');

//活動代碼
//var actCode = getQueryString_kuei('actCode');


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() {

	
	if($('#_sample').val()=='')
	{
		alert("請寫下您的大膽宣言!!");
		return false;
	}
	if($('#t_name').val()=='' || $('#t_name').val()=='姓名')
	{
		alert("請填寫您的姓名!!");
		return false;
	}
	if(!$('#t_name').val() == "")
	{
		if($('#t_name').val().length < 2)
		{
			alert("請填寫全名!!");
			return false;
		}
		if($('#t_name').val().length > 4)
		{
			alert("姓名太長了!!");
			return false;
		}
		var tempChar;
		var tempValue;
		tempValue=$('#t_name').val().toUpperCase();
		for (i=0; i<tempValue.length ; i++)
		{
			tempChar=tempValue.charAt(i);
			if(tempChar.charCodeAt(0) >=65 && tempChar.charCodeAt(0) <=90)
			{
				alert("姓名必須為中文!!");
				return false;
			}
			if(tempChar.charCodeAt(0) >=48 && tempChar.charCodeAt(0) <=57)
			{
				alert("姓名必須為中文!!");
				return false;
			}
		}
	}
	
	if($('#t_tel').val()=='' || $('#t_tel').val()=='行動電話')
	{
		alert("請填寫您的行動電話!!");
		return false;
	}

	if (($('#t_tel').val()!="") && (IsNumber($('#t_tel').val())==false)) {
		alert("行動電話需全為數字!!(請勿以符號或全形數字輸入)");
		return false;
	}
	if (($('#t_tel').val()!="") && ($('#t_tel').val().length != 10)) {
		alert("行動電話號碼有問題請檢查!! 謝謝!!(請勿以符號或全形數字輸入)");
		return false;
	}
	if ($('#t_tel').val().substring(2,0)!='09') {
		alert("請填寫正確的行動電話號碼!! 謝謝!!");
		return false;
	}
	if ((!$('#t_email').val() == "" && $('#t_email').val().indexOf('@',0) == -1) || (!$('#t_email').val() == "" && $('#t_email').val().indexOf('.',0) == -1))
	{
		alert("請填寫正確的email。");
		return false;
	}
	if(!ValidEmail($('#t_email').val()))
	{
		alert("請填寫正確電子信箱!!");
		return false;
	}

	/*
	if ($('#ad1').length && $('#ad1').val()=="") {
		alert("請選擇您所在的縣市!!");
		return false;
	}
	if ($('#ad2').length && $('#ad2').val()=="") {
		alert("請選擇您所在的市區鄉鎮!!");
		return false;
	}
	if ($('#_address').length && $('#_address').val()=="") {
		alert("請填寫您的地址!!");
		$('#_address').focus();
		return false;
	}
	if($('#_address').length && !$('#_address').val() == "")
	{
		if($('#_address').val().length < 5)
		{
			alert("請填寫詳細地址!!");
			$('#_address').focus();
			return false;
		}
	}
	if($('#_address').length && $('#_address').val().length < 5)
	{
		alert("請填寫詳細地址!!");
		$('#_address').focus();
		return false;
	}
	
	if($('#_agree').length && !$("#_agree").prop("checked"))
	{
		alert('您必須勾選同意才能參加活動喔！');
		return false;
	}
	if($('#_agree2').length && !$("#_agree2").prop("checked"))
	{
		alert('您必須勾選同意才能參加活動喔！');
		return false;
	}
	*/
	return true;

}
var IE = (function () {
    "use strict";

    var ret, isTheBrowser,
        actualVersion,
        jscriptMap, jscriptVersion;

    isTheBrowser = false;
    jscriptMap = {
        "5.5": "5.5",
        "5.6": "6",
        "5.7": "7",
        "5.8": "8",
        "9": "9",
        "10": "10"
    };
    jscriptVersion = new Function("/*@cc_on return @_jscript_version; @*/")();

    if (jscriptVersion !== undefined) {
        isTheBrowser = true;
        actualVersion = jscriptMap[jscriptVersion];
    }

    ret = {
        isTheBrowser: isTheBrowser,
        actualVersion: actualVersion
    };

    return ret;
}());
if(IE.isTheBrowser){
	$('#t_name').val('姓名');
	$('#t_tel').val('行動電話');
	$('#t_email').val('email');
	$('#_sample').val('');
}
$().ready(function(){

	//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\" />");
	//在需要 Facebook 登入的地方加入   FB.login(checkLoginStatus, {scope:'email'});
	
	//check id exists if($('#elemId').length)
	//function fbs_click() {
	//	u='http://demo.artstudio.com.tw/15/0420/cc/pc/images/b0.png';
	//	window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent('全新媚比琳好氣色CC，保養底妝一次OK，寶石光粉紅CC霜、鑽白光透CC霜、修片師美肌CC霜，打造妳的迷人好氣色'),'sharer','toolbar=0,status=0,width=626,height=436');return false;
	//	console.log('fbs_click');
	//}
	var json_callback = function(msg){
		//alert(msg);
		if(window.console) console.log(msg);
		
		var json = [msg];
		var s = msg.Statuss;
		if(s=='success') {
			//alert('投票成功');
			if(IE.isTheBrowser){
				$('#t_name').val('姓名');
				$('#t_tel').val('行動電話');
				$('#t_email').val('email');
				$('#_sample').val('');
			}else{
				$('#t_name').val('');
				$('#t_tel').val('');
				$('#t_email').val('');
				$('#_sample').val('');
			}
			
			if(isMobileWeb=='1') clickga('m-vote-finish');
			else  clickga('vote-finish');
			
			if(isMobileWeb=='1'){
				ticketOpenClose(false)
				$("#c4_4>div:eq("+ticketNum+")").find(".ticketbtn").css("display","none")
				$("#c4_4>div:eq("+ticketNum+")").find(".ticketfinish").css("display","block")//顯示票數
				var $body = (window.opera) ? (document.compatMode == "CSS1Compat" ? $('html') : $('body')) : $('html,body');
			}else{
				ticketOpenClose(false)
				$("#c4_4>div:eq("+ticketNum+")").find(".ticketbtn").css("display","none")
				$("#c4_4>div:eq("+ticketNum+")").find(".ticketfinish").css("display","block")//顯示票數
			}
		}
		else if(s=='already') {
			alert('您已經投過了');
			if(isMobileWeb=='1'){
				ticketOpenClose(false)
				$("#c4_4>div:eq("+ticketNum+")").find(".ticketbtn").css("display","none")
				$("#c4_4>div:eq("+ticketNum+")").find(".ticketfinish").css("display","block")//顯示票數
				var $body = (window.opera) ? (document.compatMode == "CSS1Compat" ? $('html') : $('body')) : $('html,body');
			}else{
				ticketOpenClose(false)
				$("#c4_4>div:eq("+ticketNum+")").find(".ticketbtn").css("display","none")
				$("#c4_4>div:eq("+ticketNum+")").find(".ticketfinish").css("display","block")//顯示票數
			}
		}
		else alert(s);

	}
	
	var ad1 = '';
	var ad2 = '';
	var area = '';
	var shop = '';
	
	if(window.console) console.log('actCode = '+actCode);
	
	//送出
	$('#tsend').click(function() {
		
		//if($('#_area').length) area = $('#_area').val();
		//if($('#_shop').length) shop = $('#_shop').val();
		//if($('#ad1').length) ad1 = $('#ad1').val();
		//if($('#ad2').length) ad2 = $('#ad2').val();

		
		var a = checkField();
		if(a){
			if(isMobileWeb!='1') window.open('http://www.facebook.com/sharer.php?u=http://event.artstudio.com.tw/za-vivid-dare/?utm_source=facebook&utm_medium=social&utm_campaign=vivid-dare201601&utm_content=fb-wall');
            var obj = {myProp:0};
			TweenLite.to(obj, 1, {myProp:100,onComplete:function(){
            alert("恭喜獲得一次唇膏抽獎資格，別忘了每色都能各投一票唷！\n（小撇步 - 每色各投一票即可獲得7色的抽獎資格）")
            var tic=$("#c4_4>div:eq("+ticketNum+")").find(".ticketfinish").html()
           
            var tic2=tic.split('票');
           
           	var tic3=Math.floor(tic2[0])+1
            
            $("#c4_4>div:eq("+ticketNum+")").find(".ticketfinish").html(tic3+"票")
          	 $("#c4_4>div:eq("+ticketNum+")").attr("ticket","true")
            }});
            
            
            
			$.ajax({
				url: 'https://event.artstudio.com.tw/_ccp/reg2016.php',
				crossDomain: true,
				dataType: 'jsonp',
				contentType: "application/json",
       			jsonpCallback: 'json_callback',
				 data: { 
				 	  actCode: actCode,
					  uname: $('#t_name').val(),
					  phone: $('#t_tel').val(),
					  email: $('#t_email').val(),
					  user_message: $('#_sample').val(),
					  vote: $('#pid').val(),
					  utm_campaign:utm_campaign,
					  utm_medium:utm_medium,
					  utm_term:utm_term,
					  utm_source:utm_source,
					  utm_content:utm_content,
					  //ad1:ad1,
					  //ad2:ad2,
					  //area:area,
					  shop:shop
					  //address:$('#_address').val(),
					  //fb_name:$('#_fb_name').val(),
					  //fb_email:$('#_fb_email').val(),
					  //fb_uid:$('#_fb_uid').val(),
					  //fb_gender:$('#_fb_gender').val(),
					  //fb_link:$('#_fb_link').val()
				 },
					success:json_callback
					//error: json_callback3
				}).done(function(data){
					//dddone();
				});
		}
	});

});