(function($){
	$(function(){
		function google_tracking() {
			/*
			var parser = document.createElement('a');
			parser.href = $(location).attr('href');

			var arg1 = 'Contact';
			var arg2 = 'General';
			var arg3 = 'Home';

			if (parser.pathname === '/contact' || parser.pathname === '/lianxi-flow') {
			  arg3 = 'ContactUs';
			}
			else if (parser.pathname.substring(0, 10) === '/expertise' || parser.pathname.substring(0, 7) === '/youshi') {
			  arg3 = 'Expertise';
			}
			*/
			
			return;
			
			var ga_action = ga_form_label == 'ContactUs' ? 'General' : 'Submission';

			ga('send', 'event', 'Contact', ga_action, ga_form_label);
			goog_report_conversion();
		}

		$('.contact-info-wrapper.mobile').slick();
		
		function validateEmail(email) {
			var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
			return re.test(String(email).toLowerCase());
		}
		
		$('body').on('click', '#ct-row-3 input[type="radio"]', function(){
			if($(this).val() == 'joinflow') {
				var desc_label = '自我介绍';
			}else{
				var desc_label = '简述您的项目';
			}
			$('.row--description .text-right').text(desc_label)
		});
		
		var iwanto_options = $('#ct-row-3 input[type="radio"]');
		for(var i = 0; i < iwanto_options.length; i++) {
			if(iwanto_options.eq(i).is(':checked')) {
				iwanto_options.eq(i).trigger('click');
			}
		}
		
		$(document)
			.one('focus.textarea', '.project-about', function(){
				var savedValue = this.value;
				this.value = '';
				this.baseScrollHeight = this.scrollHeight;
				this.value = savedValue;
			})
			.on('input.textarea', '.project-about', function(){
				var minRows = this.getAttribute('data-min-rows')|0,
					rows;
				this.rows = minRows;
				rows = Math.ceil((this.scrollHeight - this.baseScrollHeight) / 16);
				this.rows = minRows + rows;
			});

		var window_width = window.innerWidth;
		$('input,textarea').focusin(function(){
			$(this).removeClass('no-border');
			$('.form-elements .row-parent').each(function(){
				$(this).removeClass('white');
			});
			if ($(this).val().length > 0) {
				$(this).addClass('border');
			}
			else{
				$(this).removeClass('border');
				$(this).parents('.row-parent').addClass('white');
			}
		});
		/*Remove Blur for from style b*/
		$('#frmContact.form-style-b #ct-row-2').removeClass('blur');
		/*Remove Blur for from style b*/
		$('#frmContact.form-style-b #ct-row-1').removeClass('white');


		$('input[type="text"], input[type="email"], textarea').focus(function(){
			if(window_width < 767) {
				$("html,body").animate({scrollTop: $(this).offset().top - 160}, 200);
			}
		});
		$('body').on('keydown','.row input[type="text"]',function(e){
			
			var code = e.keyCode;
			
			if ( code == 13 ) {
				e.preventDefault();
				tab_to_next( $(this) )
			} else if(code == 9 ) {
				if($(this).val().length == 0) {
					e.preventDefault();
				}
			}else{
				var e = $.Event('keyup');
				$(this).trigger(e);
			}
			
		})
		function tab_to_next( cur_dom ) {
			if(cur_dom.parents('#ct-row-1').length == 1) {
				if(cur_dom.val().length > 0) {
					$('#ct-row-2 input[type="text"]').trigger('click').focus();
				}
			}
			
			if(cur_dom.parents('#ct-row-2').length == 1) {
				if(cur_dom.val().length > 0) {
					$('#ct-row-3 input[type="radio"]').eq(0).focus();
				}
			}
		}
		
		$('body').on('keyup','.row.white input[type="text"]',function(e){
			if($(this).val().length >0){
				$(this).parent().removeClass('error');
				$(this).parent().find('span').addClass('checked');
			}
			else{
				$(this).parent().addClass('error');
				$(this).parent().find('span').removeClass('checked');
				$(this).removeClass('border');
			}
		})
		$('body').on('blur','#ct-row-1 input[type="text"]',function(){
			if ($(this).val().length > 0) {
				if ($('#frmContact:not(.form-style-b) #ct-row-2').hasClass('blur')) {
					let next = $(this).parent().parent().parent().data('next');
					let next_next = $(next).data('next');
					$(next_next).fadeIn().addClass('blur');
					$(next).removeClass('blur').addClass('white');
					$(next).find('input').focus();
				}
				$(this).parents('.row-parent').removeClass('white');
				$(this).removeClass('border');
				$(this).parent().removeClass('error');
				/**/
				if($(this).parents('#frmContact').hasClass('form-style-b'))
					$(this).addClass('no-border');
			}
			else{
				$(this).removeClass('border');
				$(this).parent().addClass('error');
			}
			
		});
		$('body').on('blur','#ct-row-2 input[type="text"]',function(){
			if ($(this).val().length > 0) {
				if($(this).parents('#frmContact').hasClass('form-style-b')){
					$(this).addClass('no-border');
				}
				else{
					let next = $(this).parent().parent().parent().data('next');
					$(next).removeClass('blur');
					$('.form-note').fadeOut();
					$('#ct-row-4').fadeIn();
					$(this).parents('.row-parent').removeClass('white');
					$(this).removeClass('border');
					$(this).parent().removeClass('error');
				}
			}
			else{
				$(this).removeClass('border');
				$(this).parent().addClass('error');
			}
			
		});
		$('body').on('blur','#ct-row-3 input[type="text"],#ct-row-3 textarea',function(){
			if($(this).val().length > 0){
				$(this).addClass('no-border');
				$(this).parent().find('span').addClass('checked');
			}
			else{
				$(this).removeClass('no-border');

			}
			$(this).parents('.row-parent').removeClass('white');
			$(this).removeClass('border');
		});
		$('body').on('blur','#ct-row-3 input[type="email"]',function(){
			if($(this).val().length > 0){
				$(this).addClass('no-border');
				$(this).parent().find('span').addClass('checked');
				if (!validateEmail($(this).val())) {
					$(this).parent().addClass('error');
				}
				else{
					$(this).parent().removeClass('error');
				}
			}
			else{
				$(this).removeClass('no-border');
				$(this).parent().addClass('error');
			}
			$(this).parents('.row-parent').removeClass('white');
			$(this).removeClass('border');
		});
		
		$('body').on('click', '#ct-upload .add-file-field', function(){
			$('#handle--contact-upload').trigger('click');
		});
		
		$('body').on('click', '.wrapper--uploaded-files .delete', function(){
			$(this).parent().remove();
		});
		
		$('body').on('click', '#agreeRequest', function(){
			if($(this).is(':checked')) {
				$('.row-checks .agree-term label, .row-checks .agree-term label a').css({color: '#00426d'});
			}else{
				$('.row-checks .agree-term label, .row-checks .agree-term label a').css({color: '#f00'});
			}
		});
		
		/*
		$('body').on('click', '.contact-submit', function(){
			if($('.contact-form-wrapper .loading').is(':visible')) return;
			
			if(!$("#agreeRequest").is(":checked")) {
				$('.row-checks .agree-term label, .row-checks .agree-term label a').css({color: '#f00'});
				return;
			}
			
			// check form data
			$('#ct-row-1 .fcontrol span').addClass('checked');
			if($('#ct-row-1 input').val().length == 0){
				$('#ct-row-1 .fcontrol').addClass('error');
				$('#ct-row-1 input').focus().trigger('focus');
				return;
			}else{
				$('#ct-row-1 .fcontrol').removeClass('error');
			}
			
			$('#ct-row-2 .fcontrol span').addClass('checked');
			if($('#ct-row-2 input').val().length == 0){
				$('#ct-row-2 .fcontrol').addClass('error');
				$('#ct-row-2 input').focus().trigger('focus');
				return;
			}else{
				$('#ct-row-2 .fcontrol').removeClass('error');
			}
			
			$('#ct-row-3 .row--email .fcontrol span').addClass('checked');
			var email_val = $('#ct-row-3 .row--email input').val();
			if(email_val.length == 0 || !validateEmail(email_val)){
				$('#ct-row-3 .row--email .fcontrol').addClass('error');
				$('#ct-row-3 .row--email input').focus().trigger('focus');
				return;
			}else{
				$('#ct-row-3 .row--email .fcontrol').removeClass('error');
			}
			
			if($("#firstPage").length > 0){
				//$("html,body").animate({scrollTop: $("#firstPage").offset().top}, 200);
			}
			$('.contact-form-wrapper .loading').show();
			
			
			formData = $('#frmContact').serialize();
			
			$.ajax({
				url:'/sites/all/modules/flow/flow_contact/contact_submit.php',
				dataType:'json',
				type:'POST',
				data: {op:'getkey'},
				success: function(keydata){
					var key_params = {
						frmContactHashKey: keydata.hashkey,
						frmContactHash: keydata.hashcode
					};
					var postData = $.param(key_params) + "&" + formData + "";
					
					$.ajax({
						url:'/sites/all/modules/flow/flow_contact/contact_submit.php',
						dataType:'json',
						type:'POST',
						data: postData,
						success: function(data){
							if(data.status == 'sent') {
								_hmt.push(['_trackPageview', '/lianxi-flow-thanks']);
								//google_tracking();
							}
							$('#frmContact').hide();
							$('#firstPage .container--title-box').hide();
							$('.contact-thanks').show();
						},
						error:function(response){
							console.log(response);
						}
					});
				},
				error:function(response){
				}
			});
		});
		*/

		$('body').on('click', '.contact-submit', function(){
			if($('.contact-form-simple .loading').is(':visible')) return;

			$('#contact-form .message').hide();

			// check form data
			var form_validate = true;
			if($("#myname").val().length == 0) {
					$("#myname").addClass('error');
					$("#myname").parents(".ct-group").removeAttr("role");
					form_validate = false;
			}else{
					$("#myname").removeClass("error");
					$("#myname").parents(".ct-group").attr({role: "icon"});
			}

			if($("#iworkfor").val().length == 0) {
					$("#iworkfor").addClass('error');
					$("#iworkfor").parents(".ct-group").removeAttr("role");
					form_validate = false;
			}else{
					$("#iworkfor").removeClass("error");
					$("#iworkfor").parents(".ct-group").attr({role: "icon"});
			}

			var email_val = $('#email').val();
			if(email_val.length == 0 || !validateEmail(email_val)){
					$("#email").addClass('error');
					$("#email").parents(".ct-group").removeAttr("role");
					form_validate = false;
			}else{
					$("#email").removeClass("error");
					$("#email").parents(".ct-group").attr({role: "icon"});
			}

			if($("#project-about").val().length == 0) {
					$("#project-about").addClass('error');
					form_validate = false;
			}else{
					$("#project-about").removeClass("error");
			}

			if(!$("#agreeRequest").is(":checked")) {
					$("#agreeRequest").parents(".ct-label").find(".label-text").css({color: "#f00"});
					form_validate = false;
			}else{
					$("#agreeRequest").parents(".ct-label").find(".label-text").removeAttr("style");
			}

			if(!form_validate) return;

			$('.contact-form-simple .loading').show();


			formData = $('#contact-form').serialize();

			$.ajax({
					url:'/sites/all/modules/flow/flow_contact/contact_submit.php',
					dataType:'json',
					type:'POST',
					data: {op:'getkey'},
					success: function(keydata){
							var key_params = {
									frmContactHashKey: keydata.hashkey,
									frmContactHash: keydata.hashcode
							};
							var postData = $.param(key_params) + "&" + formData + "";

							$.ajax({
									url:'/sites/all/modules/flow/flow_contact/contact_submit.php',
									dataType:'json',
									type:'POST',
									data: postData,
									success: function(data){
											if(data.status == 'sent') {
												_hmt.push(['_trackPageview', '/lianxi-flow-thanks']);
											}

											$('.contact-form-simple .loading').hide();
											$('#contact-form .form-successfully').show();
											$('#contact-form .form-content').hide();
											$('#myname').val('');
											$('#iworkfor').val('');
											$('#email').val('');
											$('#project-about').val('');
									},
									error:function(response){
											console.log(response);
									}
							});
					},
					error:function(response){
					}
			});
		});
		$('body').on('click', '.contact-form-wrapper .form-error', function(){
			$(this).hide();
		});
		
		$('#handle--contact-upload').change(function(){
			$('.contact-form-wrapper .loading').show();
			
			var formData = new FormData();
			formData.append('attachment', $('#handle--contact-upload')[0].files[0]);
			formData.append('op', 'upload');
			
			$.ajax({
				url:'/sites/all/modules/flow/flow_contact/contact_submit.php',
				dataType:'json',
				type:'POST',
				async: false,
				data: formData,
				processData : false,
				contentType : false,
				success: function(data){
					$('.contact-form-wrapper .loading').hide();
					if(data.status) {
						$('.wrapper--uploaded-files').append(
							$('<div />').addClass('up-file').append(
								$('<span />').addClass('filename upload').text(data.original_name)
							).append(
								$('<span />').addClass('delete')
							).append(
								$('<input />').attr({name:'originals[]'}).css({display:'none'}).val(data.original_name)
							).append(
								$('<input />').attr({name:'renames[]'}).css({display:'none'}).val(data.rename)
							).append(
								$('<input />').attr({name:'path[]'}).css({display:'none'}).val(data.path)
							)
						);
					}else{
						$('.contact-form-wrapper .form-error').text(data.info).show();
						setTimeout(function(){
							$('.contact-form-wrapper .form-error').hide();
						}, 5000);
					}
				},
				error:function(response){
					console.log(response);
				}
			});
		});
	});
})(jQuery);