function makeSublist(parent,child,isSubselectOptional,childVal)
{
	$("body").append("<select style='display:none' id='"+parent+child+"'></select>");
	$('#'+parent+child).html($("#"+child+" option"));
 
	var parentValue = $('#'+parent).attr('value');
	$('#'+child).html($("#"+parent+child+" .sub_"+parentValue).clone());
 
	childVal = (typeof childVal == "undefined")? "" : childVal ;
	$("#"+child).val(childVal).attr('selected','selected');
 
	$('#'+parent).change(function(){
		var parentValue = $('#'+parent).attr('value');
		$('#'+child).html($("#"+parent+child+" .sub_"+parentValue).clone());
		if(isSubselectOptional) $('#'+child).prepend("<option value='none' selected='selected'> -- Select -- </option>");
		$('#'+child).trigger("change");
		$('#'+child).focus();
	});
}

 $(document).ready(function(){
//$(function() {
		var formular = $("#form").formValidator({
				forms: {
					buyplan: {
						rules: {
							required: true,
							custom:	function (elementValue) {
									return ( elementValue.val() != "") ? true : false; 
								}
						},
						msg: {
							required: "Require field",
							custom: "Please enter a number"
						}
					},
					firstname: {
						rules: {
							required: true,
							lengthMin:3
						},
						msg: {
							required: "Require field"
						}
					},
					lastname: {
						rules: {
							required: true,
							lengthMin:3
						},
						msg: {
							required: "Require field"
						}
					},
					phone: {
						rules: {
							required: true,
							lengthMin:9,
							custom:	function (elementValue) {
									if ( isNaN(elementValue) ){
										alert("โปรดใส่เบอร์โทรศัพท์เฉพาะตัวเลข");
										return false;
									} else {
										return true;
									}
							}
						},
						msg: {
							required: "Require field",
							custom: "Please enter a number only"
						}
					},
					email: {
						rules: {
							required: true,
							regEx: "email"
						},
						msg: {
							required: "Require field",
							regEx: "Please enter a valid email adress."
						}
					},
					testdrive: {
						rules: {
							required: true
						},
						msg: {
							required: "Require field"
						}
					},
					province: {
						rules: {
							required: true
						},
						msg: {
							required: "Require field"
						}
					},
					branch: {
						rules: {
							required: true
						},
						msg: {
							required: "Require field"
						}
					}
				},
				validateLive: true,
				disabled: false,
				submitHowTo: "ajax",
				submitUrl: "doRegister.php",
				submitSuccess: "ขอขอบคุณสำหรับการร่วมลงทะเบียน เพื่อทดลองขับมาสด้า3 โปรดรอการติดต่อกลับทางโทรศัพท์จากมาสด้า เพื่อนัดหมายวันและเวลาที่ท่านสะดวกอีกครั้ง",
				onInit: function(){ 
					//console.warn("Init abgeschloßen");
				},
				onError: function(event, id){ 
					// console.warn("Error was found in element: "+id);	
				},
				onShowSuccess: function(event, value){ 
						if (value == "true") {
							/*
							window.setTimeout(function() {
								formular.fadeOut();
							}, 1000);
							*/
							//alert('thank you');
						} else {
							// console.warn("Server said: not sended :-(");
						}
				}
			});	

/*
		$('#testdrive').datepicker();
		$('#testdrive').datepicker('option', 'dateFormat', 'yy-mm-dd');
		$('#testdrive').datepicker('option', 'minDate', '+3d');
		$('#testdrive').datepicker('option', 'maxDate', '+1y');

		$('#btnCal').click(function(){
			$("#testdrive").datepicker('show');
		  });
		  */
		//makeSublist('child','grandsun', true, '');	
		makeSublist('province','branch', false, '0');
	});