﻿var $PSRegisterForm = {
	loginUrl : null,
	checkProfileUrl : null,
	formName : 'ps-register',
	form : null,
	validator : null,
	isRecieveNewsByNewsleter : false,	
	send : function(form){
		var _this=this;
		form=(form)?form:$('#'+this.formName);
		var form=this.form;
		var url=__siteroot;
		var urlcaptcha = __siteroot;
		if($("#RecieveNewsByNewsleter").attr("checked"))
		{
			_this.isRecieveNewsByNewsleter=true;
		}
		if(this.validator.form())
		{ 
			
			url+="/psweb/PSMember/Register.rhtml";
			var v={}; var formArray=form.formToArray();
			$.each(formArray, function(i,o){
				// custom assign value if is checkbox
				if(o.name=='RecieveNewsType' || o.name=='BrandSelected'){
					var vA=v[o.name];
					if(vA&&typeof vA.length=="number"&&typeof vA.splice=="function")
						vA.push(o.value);
					else
						vA=[o.value];
					v[o.name]=vA;
				}else{
					v[o.name]=o.value;
				}
			});
			
			var bsType=v['BrandSelected'];
			v['BrandSelected'] = (bsType&&typeof bsType.length=="number"&&typeof bsType.splice=="function")
									? bsType.join(',') : null;
			var bd=v['BirthDay'];
			if(bd.split('-').length==3){
				var bdA=bd.split('-');
				
				v['BirthDay']=(bdA[2]+'-'+bdA[1]+'-'+bdA[0]+'T00:00:00');
			};
			
			jQuery.post(url,v, function(json){				
				if(json.success)
				{	
					alert("สมัครสมาชิกเรียบร้อยแล้ว กรุณาตรวจสอบอีเมล์ของท่านเพื่อเปิดใช้งาน");
					// #### HS CLOSE CONFIG #### //
					hsCloseConfig.register.close(__brandId);
				}
				else
				{
					urlcaptcha+="/psweb/PSMember/RenderImageCaptchaChage.rhtml";
					jQuery.post(urlcaptcha,{},function(jsonC){
						$('#captchaImageContainer').html(jsonC);
					},'html');	
					$("#CaptchaImage").val("");
					if(json.ErrorType=="UserNameError")
					{
						alert("อีเมล์นี้ได้ถูกใช้ในระบบแล้ว กรุณาตรวจสอบอีเมล์");
					}
					else if(json.ErrorType=="CaptchaError")
					{
						var error=$('<label for="CaptchaImage" class="error">*</label>');
						error.insertAfter($('input[name=CaptchaImage]'));
					}
					
//					var error=$('<label for="CaptchaImage" class="error">*</label>');
//					error.insertAfter($('input[name=CaptchaImage]'));
				}
			},"json");
		
			
		}
		else{
		
			this.validator.focusInvalid();
			
		};
	},
	init : function(params){
		if(params) $.extend(this, params);
		var _this=this;
		this.form=$('#'+this.formName);
		var form=this.form; var f=form;
		var requireMsg = " *";
		this.validator=form.validate({
			rules : {
				Email : {
					required: true,
					email: true
				},
				ReEmail : {
					equalTo: "#Email",
					required: true,
					email: true
				},
				Password : {
					required: true,
					minlength: 4
				}
				,RePassword :{
					equalTo: "#Password",
					required: true,
					minlength: 4
				}
				,CaptchaImage:"required"				
				,FirstName:"required"
				,LastName:"required"
				,BirthDay:"required"				
				,Mobile:"required"
				
				,No:"RuleNewsletter"
				,Moo:"RuleNewsletter"
				,Soi:"RuleNewsletter"
				,Road:"RuleNewsletter"
				,District:"RuleNewsletter"
				,Amphur:"RuleNewsletter"
				,Province:"RuleNewsletter"
				,ZipCode:"RuleNewsletter"
				,Phone:"RuleNewsletter"
				
			},
			messages : {
				CaptchaImage:requireMsg,
				Email : requireMsg,
				ReEmail : requireMsg,
				Password : requireMsg,
				RePassword: requireMsg,
				FirstName: requireMsg,
				LastName: requireMsg,
				BirthDay: requireMsg,
				Mobile: requireMsg
			},
			errorPlacement: function(error, element) {
				var elm;
				
				error.insertAfter(element);
			}
		});
		
		$.validator.addMethod("RuleNewsletter", function(val, elm, params) {
			if(_this.isRecieveNewsByNewsleter){
				return (val&&val!='');
			}else{
				return true;
			}
		}," *");
	}	
	//end Init
};

$(function(){ 

	$PSRegisterForm.init();	
		
	$(".calendar").click(function(){ $('#BirthDay').focus(); });
		
	$('#BirthDay').datepicker({
		dateFormat: 'dd-mm-yy', changeMonth: true, changeYear: true, yearRange: '-100:10' 
	}).attr('autocomplete', 'off');
			
		//check page load
		//รับข่าวสารโดย จดหมาย
		
		$(".BuyPSHouseNow").hide();
		$(".Housealready-buy").hide();
		
		if($("#RecieveNewsByNewsleter").attr("checked"))
		{			
			$(".ByNewsletter").show();
		}
		//ซ่อนรับข่าวสารโดย จดหมาย
		else
		{		
			$(".ByNewsletter").hide();
		}
		
		//ซ่อน register step2 และ step3
		$(".registerStep2").hide();
		$(".registerStep3").hide();
		
		//ซ่อน  ปุ่ม
		$(".btsave").hide();
		$(".btsenddata").hide();
		$(".btcancel").hide();
		
		$(".Step2").click(function(){			
			$(".registerStep2").show();
			$(".Step2").hide();
			return false;
		});
		
		$(".Step3").click(function(){
		
			$(".registerStep3").show();
			$(".Step3").hide();
			$(".btsave").show();
			$(".btsenddata").show();
			$(".btcancel").show();
			return false;
		});
		
		//มีความต้องการซื้อที่อยู่อาศัยใหม่ checked
		if($("#IsBuyNew").attr("checked"))
		{			
			$(".BuyPSHouseNow").attr("disabled",false);
			$(".Housealready-buy").attr("disabled",true);
			$(".BuyPSHouseNow").show();
			$(".Housealready-buy").hide();			
			$("#OtherProjectName").attr("disabled",true);
			$("#OtherHousetype").attr("disabled",true);
			
		}
		//ซื้อแล้ว checked
		else if($("#IsBuyold").attr("checked"))
		{
		
			$(".BuyPSHouseNow").attr("disabled",true);
			$(".Housealready-buy").attr("disabled",false);
			$(".BuyPSHouseNow").hide();
			$(".Housealready-buy").show();	
			$("#OtherProjectName").attr("disabled",false);
			$("#OtherHousetype").attr("disabled",false);
			//โครงการอื่น checked
			if($("#otherProject").attr("checked"))
			{				
				$("#OtherProjectName").attr("disabled",false);
				$("#OtherHousetype").attr("disabled",false);
				
				$("#PsProjectName").attr("disabled",true);;
				$("#HouseType2").attr("disabled",true);
				$("#ProjectName").val($("#OtherProjectName").val()+"  "+$("#OtherHousetype").val());
				$(".SelectPsProjectName").hide();
				$(".SelectOtherProjectName").show();
			}
			//โครงการของ PS checked
			else if($("#psProject").attr("checked"))
			{	
				
				$("#OtherProjectName").attr("disabled",true);
				$("#OtherHousetype").attr("disabled",true);
				
				$("#PsProjectName").attr("disabled",false);;
				$("#HouseType2").attr("disabled",false);
				$("#ProjectName").val($("#PsProjectName").val()+"  "+$("#HouseType2").val());
				$(".SelectPsProjectName").show();
				$(".SelectOtherProjectName").hide();
			}
			
		}
		
		//###check page load
		
		
	//เลือก มีความต้องการซื้อที่อยู่อาศัยใหม่
	
	$("#IsBuyNew").click(function()
	{
	
		$(".BuyPSHouseNow").show();
		$(".Housealready-buy").hide();	
		$(".Housealready-buy").attr("disabled",true);	
		$(".BuyPSHouseNow").attr("disabled",false);
	});
	//เลือก ซื้อแล้ว
	$("#IsBuyold").click(function()
	{
		$(".BuyPSHouseNow").hide();
		$(".Housealready-buy").show();	
		$(".Housealready-buy").attr("disabled",false);
		$(".BuyPSHouseNow").attr("disabled",true);
		
		$("#OtherProjectName").attr("disabled",false);
		$("#OtherHousetype").attr("disabled",false);
		
		$("#PsProjectName").attr("disabled",true);;
		$("#HouseType2").attr("disabled",true);
		$("#ProjectName").val($("#OtherProjectName").val()+"  "+$("#OtherHousetype").val());
		if($("#otherProject").attr("checked"))
			{				
				$("#OtherProjectName").attr("disabled",false);
				$("#OtherHousetype").attr("disabled",false);				
				$("#PsProjectName").attr("disabled",true);;
				$("#HouseType2").attr("disabled",true);
				$("#ProjectName").val($("#OtherProjectName").val()+"  "+$("#OtherHousetype").val());
				$(".SelectPsProjectName").hide();
				$(".SelectOtherProjectName").show();
			}
			//โครงการของ PS checked
			else if($("#psProject").attr("checked"))
			{	
				$("#OtherProjectName").attr("disabled",true);
				$("#OtherHousetype").attr("disabled",true);
				
				$("#PsProjectName").attr("disabled",false);;
				$("#HouseType2").attr("disabled",false);
				$("#ProjectName").val($("#PsProjectName").val()+"  "+$("#HouseType2").val());
				$(".SelectPsProjectName").show();
				$(".SelectOtherProjectName").hide();
			}
	});
	
	//เลือก	
	$("#RecieveNewsByNewsleter").click(function () { 
		if($("#RecieveNewsByNewsleter").attr("checked"))
		{			
			$(".ByNewsletter").show();
		}
		else
		{			
			$(".ByNewsletter").hide();
		}	
	});
	
	$("#otherProject").click(function () { 
		$("#OtherProjectName").attr("disabled",false);
		$("#OtherHousetype").attr("disabled",false);
		
		$("#PsProjectName").attr("disabled",true);;
		$("#HouseType2").attr("disabled",true);
		$("#ProjectName").val($("#OtherProjectName").val()+"  "+$("#OtherHousetype").val());	
		$(".SelectPsProjectName").hide();
		$(".SelectOtherProjectName").show();	
	});
	
	$("#psProject").click(function () { 		
		$("#OtherProjectName").attr("disabled",true);
		$("#OtherHousetype").attr("disabled",true);
		
		$("#PsProjectName").attr("disabled",false);;
		$("#HouseType2").attr("disabled",false);
		$("#ProjectName").val($("#PsProjectName").val()+"  "+$("#HouseType2").val());
		$(".SelectPsProjectName").show();
		$(".SelectOtherProjectName").hide();
	});
	
	//save data
	$("input:button.btsave").click(function(){
	
			if($("#otherProject").attr("checked"))
			{
				$("#ProjectName").val($("#OtherProjectName").val()+"  "+$("#OtherHousetype").val());
			}
			else if($("#psProject").attr("checked"))
			{
				$("#ProjectName").val($("#PsProjectName").val()+"  "+$("#HouseType2").val());
			}
		
		$PSRegisterForm.send();
		
		
		return false;
	});
	
	$("input:button.btsenddata").click(function(){
			
	});
	
	$("input:button.btcancel").click(function(){
		// #### HS CLOSE CONFIG #### //
		hsCloseConfig.register.close(__brandId, true);
	});	
});

$(function(){
	var step1=$('.registerStep1');
	var step1Filled=false;
	var step2=$('.registerStep2');
	var step2Filled=false;
	var step3=$('.registerStep3');
	var step3Filled=false;
	
	var selecter1,selecter2,selecter3;
	
	function checkFillForm(container, flag, selecter, tracker){
		selecter = $('input, select', container);
		selecter.change(function(){
			if(flag)
				selecter.unbind('change');
			else{
				flag = true;
				try{
					pageTracker._trackPageview(tracker);
				}catch(e){}
			}
		});
	}
	checkFillForm(step1, step1Filled, selecter1, '/virtual-event/register/step1/fill-info');
	checkFillForm(step2, step1Filled, selecter2, '/virtual-event/register/step2/fill-info');
	checkFillForm(step3, step1Filled, selecter3, '/virtual-event/register/step3/fill-info');

	$('#b-next-at-step1 > img').click(function(){
		try{
			pageTracker._trackPageview('/virtual-event/register/step1/click-next');
		}catch(e){}
	});
	$('#b-next-at-step2 > img').click(function(){
		try{
			pageTracker._trackPageview('/virtual-event/register/step2/click-next');
		}catch(e){}
	});
	var saveClicked=false;
	$('.btsave').click(function(){
		if(!saveClicked){
			try{
				pageTracker._trackPageview('/virtual-event/register/step3/click-submit');
			}catch(e){}
		}
	});
	
});
