var phpFile = "register.php";
var colorReq = "Red";
var infoForm = "registerForm";

$(document).ready(function(){
	
	$.ajaxSetup({cache: false});
	
	Date.format = 'yyyy-mm-dd';
	$('input[rel="date-pick"]').datePicker({
		startDate: '1960-01-01',
		endDate: '2005-12-31',
		clickInput: true,
		createButton: false
	});
	
	/*var btnUpload=$('#upload-displaypic');
	var status=$('#status-displaypic');
	new AjaxUpload(btnUpload, {
		action: 'upload-displaypic.php',
		//Name of the file input box
		name: 'uploadfile',
		responseType: 'json',
		onSubmit: function(file, ext){
			preloadShow();
			if (! (ext && /^(jpg|jpeg)$/.test(ext))){
                  // check for valid file extension
				status.text('สามารถอัพโหลดได้เฉพาะไฟล์ JPG เท่านั้น');
				return false;
			}
			status.text('Uploading...');
		},
		onComplete: function(file, response){
			//On completion clear the status
			status.text('');
			//Add uploaded file to list
			if(response.status==="success"){
				status.text(response.name);
				$('#tmp-displaypic').val(response.tmp_name);
			}
			preloadHide();
		}
	});*/
	
	$('form[name="'+infoForm+'"]').submit(function(e){

		if( $('#checkbox').attr("checked") || $('form[name="'+infoForm+'"] input[name="checkbox"]').val() == 'yes' ){
			preloadShow();
			$.post(
				phpFile,$('form[name="'+infoForm+'"]').serialize(),
				function(data){
										
					if(data.status == 200){
						
						alert(data.description);
						window.location = data.redirect;
						
					}else{
						
						$('#infoMsg').html(data.description);
						var all = $('form[name="'+infoForm+'"] :input');
						
						$.each(all,function(key,val){
							
							if(data.error != undefined && data.error[val.name] != undefined){
								
								switch(val.type){
									case 'select-one': 
										$('form[name="'+infoForm+'"] select[name="'+val.name+'"]').attr({title: data.error[val.name], style: "border-color: "+colorReq+";"});
										$('#desc.'+val.name).html('*'+data.error[val.name]);
										break;
									case 'radio': 
										$('form[name="'+infoForm+'"] select[name="'+val.name+'"]').attr({title: data.error[val.name], style: "border-color: "+colorReq+";"});
										$('#desc.'+val.name).html('*'+data.error[val.name]);
										break;
									case 'checkbox': 
										$('form[name="'+infoForm+'"] checkbox[name="'+val.name+'"]').attr({title: data.error[val.name], style: "border-color: "+colorReq+";"});
										$('#desc.'+val.name).html('*'+data.error[val.name]);
										break;
									default: 
										$('form[name="'+infoForm+'"] input[name="'+val.name+'"]').attr({title: data.error[val.name], style: "border-color: "+colorReq+";"});
										$('#desc.'+val.name).html('*'+data.error[val.name]);
								}
								
							}else{
								
								switch(val.type){
									case 'select-one': 
										$('form[name="'+infoForm+'"] select[name="'+val.name+'"]').attr({title: "", style: "border-color: ;"}); 
										$('#desc.'+val.name).html('');
										break;
									case 'radio': 
										$('form[name="'+infoForm+'"] radio[name="'+val.name+'"]').attr({title: "", style: "border-color: ;"});
										$('#desc.'+val.name).html('');
										break;
									case 'checkbox': 
										$('form[name="'+infoForm+'"] checkbox[name="'+val.name+'"]').attr({title: "", style: "border-color: ;"});
										$('#desc.'+val.name).html('');
										break;
									default: 
										$('form[name="'+infoForm+'"] input[name="'+val.name+'"]').attr({title: "", style: "border-color: ;"});
										$('#desc.'+val.name).html('');
								}
								
							}
							
						});
						
						if(data.error != undefined && data.error["email"] == undefined && data.error["password"] == undefined && data.error["firstname"] == undefined && data.error["lastname"] == undefined && data.error["mobile"] == undefined ){
							$('#step1').attr('style','display: none;');
							$('#step2').attr('style','display: visible;');
						}
						
					}
					preloadHide();
				},"json"
			);
			
		}else{
			alert("กรุณาตกลง และยอมรับเงื่อนไข");
		}
		
		e.preventDefault();
	});
	
});