// JavaScript Document

$(document).ready(function(){
	var val =$("input[name=txtfirstname]").val();
	if(val==""){
		$("input[name=txtfirstname]").val('First Name')
	}
	var Post =$("input[name=Post]").val();
	if(Post==""){
		$("input[name=Post]").val('Area Code')
	}
	var Year =$("input[name=Year]").val();
	if(Year==""){
		$("input[name=Year]").val('Year')
	}
	var txtlastname =$("input[name=txtlastname]").val();
	if(txtlastname==""){
		$("input[name=txtlastname]").val('Last Name')
	}
	$('div[id=PlaceOfBirth1]').css({display:'none'});
	$('select[name=country]').change(function(){
		var country=$('select[name=country]').val();
		if(country=='Cambodia'){
			$('div[id=PlaceOfBirth1]').css({display:'block'});
		}else{
			$('div[id=PlaceOfBirth1]').css({display:'none'});
		}
	});
	
	$("input[name=NewMail]").blur(function(){
		$("div[id=check]").html('<img src="img/loading.gif" align="absmiddle">&nbsp;Checking availability...');
		var str= $('input[name=NewMail]').val();
		var stringValue ="action=check&NewMail="+str;
		
		$.ajax({
			type:"POST",
			url:"check.php",
			data:stringValue,
			success: function(data){
				$('div[id=check]').fadeIn(20000);
				$('div[id=check]').html(data);				
			}
		});
	});
	
//	$("input[name=6_letters_code]").blur(function(){
//		var str= $('input[name=6_letters_code]').val();
//		var stringValue ="action=letter&6_letters_code="+str;
//		$.ajax({
//			type:"POST",
//			url:"check.php",
//			data:stringValue,
//			success: function(data){
//				$('div[id=ms_6_letters_code]').show(10);		
//				$('div[id=ms_6_letters_code]').html(data);				
//			}
//		});
//	});

	$("input[name=email]").blur(function(){
		var str= $('input[name=email]').val();
		var stringValue ="action=email&email="+str;
		$.ajax({
			type:"POST",
			url:"check.php",
			data:stringValue,
			success: function(data){
				$('div[id=ms_email]').show(100);		
				$('div[id=ms_email]').html(data);		
						
			}
		});
	});
});

var txtvalue=function(){
	return{
		ev_focus:function(val,text){
			var value =$("input[name="+val+"]").val();
			if(value==text){
			$("input[name="+val+"]").val('');
			$("input[name="+val+"]").css({color:'#000'});
			}else{
			$("input[name="+val+"]").val(value);
			$("input[name="+val+"]").css({color:'#000'});
			}
		},
		ev_blue:function(val,text){
			var value =$("input[name="+val+"]").val();
			if(value!=""){
			value=value.slice(0,1).toUpperCase()+value.slice(1,value.length);
			$("input[name="+val+"]").val(value);
			$("input[name="+val+"]").css({color:'#000'});
			}else{
			$("input[name="+val+"]").val(text);
			$("input[name="+val+"]").css({color:'#ccc'});
			}
		}
	}
}();

var hide_ms=function(){
	return{
	  hide:function(type,txt_name,div_id){
		  var value;
		  if(type=='select'){
		   value =$("select[name="+txt_name+"]").val();
		  }else{
		   value =$("input[name="+txt_name+"]").val();
	      }
		  if(value!=''){
			  $("div[id="+div_id+"]").css({display:'none'});
		  }
	  }
	}
}();

	$(document).ready(function(){
		$('input[name=submit]').click(function(){
			var str;
			var visible=1;
			var letters_code= $('input[name=6_letters_code]').val();
			var stringValue ="action=letter&6_letters_code="+letters_code;
			var return_value=$.ajax({
					type:"POST",
					url:"check.php",
					data:stringValue,
					async: false
				}).responseText;
			  if(return_value==0){
			   visible=0;
			   $('div[id=ms_6_letters_code]').show(100);
			   $('div[id=ms_6_letters_code]')
      			.html("<img src='img/validate.png' style='margin-right:2px;'/>The characters you entered didn't match the word verification. Please try again");
			  }else if(return_value==1){
			   str+="&6_letters_code="+letters_code+"";
			   visible=1;
			  }
			var cardid=$('input[name=CardId]').val();
			if(cardid==""){
				$('div[id=ms_CardId]').show(100);	
				$('div[id=ms_CardId]')
				.html("<img src='img/validate.png' style='margin-right:2px;'/>Required field cannot be left blank");	
			    visible =0;
			}else{
				$('div[id=ms_CardId]').hide(100);
				str="CardId="+cardid+"";
				
			}
			var txtfirstname=$('input[name=txtfirstname]').val();
			if(txtfirstname=="First Name"){
				$('div[id=ms_FullName]').show(100);		
				$('div[id=ms_FullName]')
				.html("<img src='img/validate.png' style='margin-right:2px;'/>Required field cannot be left blank");	
			     visible=0;
			}else{
				$('div[id=ms_FullName]').hide(100);
				str+="&txtfirstname="+txtfirstname+"";
				
			}
			var txtlastname=$('input[name=txtlastname]').val();
			if(txtlastname=="Last Name"){
				$('div[id=ms_FullName]').show(100);		
				$('div[id=ms_FullName]')
				.html("<img src='img/validate.png' style='margin-right:2px;'/>Required field cannot be left blank");	
			   visible=0;
			}else{
				$('div[id=ms_FullName]').hide(100);
				str+="&txtlastname="+txtlastname+"";
			}
			var gender=$('select[name=gender]').val();
			if(gender==""){
				$('div[id=ms_gender]').show(100);		
				$('div[id=ms_gender]')
				.html("<img src='img/validate.png' style='margin-right:2px;'/>Required field cannot be left blank");	
			  	 visible=0;
			}else{
				$('div[id=ms_gender]').hide(100);
				str+="&gender="+gender+"";
			}
			var Month=$('select[name=Month]').val();
			if(Month==""){
				$('div[id=ms_DateBirth]').show(100);		
				$('div[id=ms_DateBirth]')
				.html("<img src='img/validate.png' style='margin-right:2px;'/>Required field cannot be left blank");	
			   	 visible=0;
			}else{
				$('div[id=ms_DateBirth]').hide(100);
				str+="&Month="+Month+"";
			}
			var Day=$('select[name=Day]').val();
			if(Day==""){
				$('div[id=ms_DateBirth]').show(100);		
				$('div[id=ms_DateBirth]')
				.html("<img src='img/validate.png' style='margin-right:2px;'/>Required field cannot be left blank");	
			     visible=0;
			}else{
				$('div[id=ms_DateBirth]').hide(100);
				str+="&Day="+Day+"";
			}
			var Year=$('input[name=Year]').val();
			if(Year=="Year"){
				$('div[id=ms_DateBirth]').show(100);		
				$('div[id=ms_DateBirth]')
				.html("<img src='img/validate.png' style='margin-right:2px;'/>Required field cannot be left blank");	
			      visible=0;
			}else{
				$('div[id=ms_DateBirth]').hide(100);
				str+="&Year="+Year+"";
			}
			
			var province=$('select[name=province]').val();
			if(province==""){
			   	
			}else{
				$('div[id=ms_PlaceBirth]').hide(100);
				str+="&province="+province+"";
			}
			var country=$('select[name=country]').val();
			if(country==""){
				$('div[id=ms_PlaceBirth]').show(100);		
				$('div[id=ms_PlaceBirth]')
				.html("<img src='img/validate.png' style='margin-right:2px;'/>Required field cannot be left blank");	
			   	  visible=0;
			}else{
				$('div[id=ms_PlaceBirth]').hide(100);
				str+="&country="+country+"";
			}
			var Position=$('select[name=Position]').val();
			if(Position==""){
				$('div[id=ms_Position]').show(100);		
				$('div[id=ms_Position]')
				.html("<img src='img/validate.png' style='margin-right:2px;'/>Required field cannot be left blank");	
			   	  visible=0;
			}else{
				$('div[id=ms_Position]').hide(100);
				str+="&Position="+Position+"";
			}
			
			var Post=$('input[name=Post]').val();
			if(Post==""){
				$('div[id=ms_Phone]').show(100);		
				$('div[id=ms_Phone]')
				.html("<img src='img/validate.png' style='margin-right:2px;'/>Required field cannot be left blank");	
			    visible=0;
			}else{
				$('div[id=ms_Phone]').hide(100);
				str+="&Post="+Post+"";
			}
		   var phone=$('input[name=phone]').val();
			if(phone==""){
				$('div[id=ms_Phone]').show(100);		
				$('div[id=ms_Phone]')
				.html("<img src='img/validate.png' style='margin-right:2px;'/>Required field cannot be left blank");	
			   	 visible=0;
			}else{
				$('div[id=ms_Phone]').hide(100);
				str+="&phone="+phone+"";
			}
			var NewMail=$('input[name=NewMail]').val();
			if(NewMail==""){
				$('div[id=ms_NewMail]').show(100);		
				$('div[id=ms_NewMail]')
				.html("<img src='img/validate.png' style='margin-right:2px;'/>Required field cannot be left blank");	
			   	  visible=0;
			}else{
				$('div[id=ms_NewMail]').hide(100);
				str+="&NewMail="+NewMail+"";
			}
			var Desired=$('input[name=Desired]').val();
			if(Desired==""){
				$('div[id=ms_Desired]').show(100);		
				$('div[id=ms_Desired]')
				.html("<img src='img/validate.png' style='margin-right:2px;'/>Required field cannot be left blank");	
			      visible=0;
			}else{
				$('div[id=ms_Desired]').hide(100);
				str+="&Desired="+Desired+"";
			}
			
			var Verify=$('input[name=Verify]').val();
			if(Verify==""){
				$('div[id=ms_Verify]').show(100);		
				$('div[id=ms_Verify]')
				.html("<img src='img/validate.png' style='margin-right:2px;'/>Required field cannot be left blank");	
			     visible=0;
			}else{
				if(Desired!=Verify){
					$('div[id=ms_Verify]').show(100);		
					$('div[id=ms_Verify]')
					.html("<img src='img/validate.png' style='margin-right:2px;'/>Password do not match, Please retrive verify password again");	
				      visible=0;
				}else{
					$('div[id=ms_Verify]').hide(100);
					str+="&Verify="+Verify+"";
				}
			}
			var email=$('input[name=email]').val();
			if(email==""){
				$('div[id=ms_email]').show(100);		
				$('div[id=ms_email]')
				.html("<img src='img/validate.png' style='margin-right:2px;'/>Required field cannot be left blank");	
			      visible=0;
			}else{
				$('div[id=ms_email]').hide(100);
				str+="&email="+email+"";
			}
			var secquestion=$('select[name=secquestion]').val();
			
			if(secquestion==""){
				$('div[id=ms_secquestion]').show(100);		
				$('div[id=ms_secquestion]')
				.html("<img src='img/validate.png' style='margin-right:2px;'/>Required field cannot be left blank");	
			      visible=0;
			}else{
				$('div[id=ms_secquestion]').hide(100);
				str+="&secquestion="+secquestion+"";
			}
			var answer=$('input[name=answer]').val();
			if(answer==""){
				$('div[id=ms_answer]').show(100);		
				$('div[id=ms_answer]')
				.html("<img src='img/validate.png' style='margin-right:2px;'/>Required field cannot be left blank");	
			      visible=0;
			}else{
				$('div[id=ms_answer]').hide(100);
				str+="&answer="+answer+"";
			}
			
			if(visible==0){	
			 return false;
			}
			$.ajax({
			type:'POST',
			url:'send_mail.php',
			data:str,
			success: function(data){
				$('div[id=showmsg]')
				.css({"border":"1px solid #4D4D4D"});
				$('div[id=showmsg]').show(1000);		
				$('div[id=showmsg]').html(data);
				$('div[id=mail_title]').hide();
			}
		});
		return false;
		///end return
		
});
});