$(function() {
	 $(".error").hide();
	 
	 $(".textbox").focus(function(){
					if ($(this).val() == $(this).attr("title")){
					$(this).val('');
					}
					});
	 $(".textbox").blur(function(){
					if ($(this).val() == ''){
						$(this).val($(this).attr('title'));
						}			   								   
					});
	 
	 $(".textboxContactUs").focus(function(){
					if ($(this).val() == $(this).attr("title")){
					$(this).val('');
					}
					});
	 $(".textboxContactUs").blur(function(){
					if ($(this).val() == ''){
						$(this).val($(this).attr('title'));
						}			   								   
					});
	 
	 
     $("#submit").click(function() {  
     	
		$(".error").hide();
		var name = $("input#name").val();
		var namePattern = /^([a-zA-Z]|\s*)+(\s|[a-zA-Z])$/;
			if (name == "Your Name" || namePattern.test(name) == false){
				$("label#nameError").show();
				$("input#name").focus();
				return false;
			}

		var email = $("input#email").val();
		var emailPattern = /^[\w\-]+[\.\-]?[\w\-]*@[\w]+[\.\-]?([\w]*)?(\.[\D]{2,3})?$/;
			if (email == "Email Address" || emailPattern.test(email)==false){
				$("label#emailError").show();
				$("input#email").focus();
				return false;
			}
		
		var phone = $("input#phone").val();
		var phonePattern = /^[1]?([\.\s\-])?[\(]?([\d]{3})?([\.\)\-\s])?[\d]{3}([\.\-\s])?[\d]{4}$/;
			if (phone != "XXX-XXX-XXXX" && phonePattern.test(phone)==false){
					$("label#phoneError").show();
					$("input#phone").focus();
					return false;				
			}
				
		
		var usertotal = $("input#usertotal").val();
		var realtotal = $("input#total").val();
		//alert (realtotal); return false;
			if (usertotal != realtotal){
				$("label#notHumaneError").show();
				$("input#usertotal").focus();
				return false;
				}
		
		
		var dataString = $('#formID').serialize();		
		 $('#formID').empty().html('<fieldset class="contactus"><legend class="contactus">PERSONAL INFORMATION</legend><ul id="message"><li><img src="images/loader.gif" /></li></ul></fieldset>');	
		  
		  //alert (dataString);return false;
		  $.ajax({
			type: "POST",
			url: "bin/contactusSubmit.php",
			data: dataString,
			success: function() {
			  $('#formID').html("<fieldset class='contactus'><legend class='contactus'>PERSONAL INFORMATION</legend><ul id='message'></ul></fieldset>");
			  $('#message').html("<li><img src='images/greenCheck.jpg' width='89' height='85' align='middle' /></li><li class='submitMessageContainer'><br /><h1 class='submitmessage'>Thank you!</h1><h1 class='submitmessage'>We shall be in contact shortly.</h1></li>")
			  .hide()
			  .fadeIn(1500, function() {
				$('#message').append();
			  });//End FadeIn
			}//End Success
		  });//End AJAX
		  
		 var dataString = $('#formWorks').serialize();		
		 $('#formWorks').empty().html('<fieldset><legend>PERSONAL INFORMATION</legend><ul id="message"><li><img src="images/loader.gif" /></li></ul></fieldset>');	
		  
		  //alert (dataString);return false;
		  $.ajax({
			type: "POST",
			url: "bin/contactusSubmit.php",
			data: dataString,
			success: function() {
			  $('#formWorks').html("<fieldset><legend>PERSONAL INFORMATION</legend><ul id='message'></ul></fieldset>");
			  $('#message').html("<li><img src='images/greenCheck.jpg' width='89' height='85' align='middle' /></li><li class='submitMessageContainer'><br /><h1 class='submitmessage'>Thank you!</h1><h1 class='submitmessage'>We shall be in contact shortly.</h1></li>")
			  .hide()
			  .fadeIn(1500, function() {
				$('#message').append();
			  });//End FadeIn
			}//End Success
		  });//End AJAX
		  
		 
		  
		return false;
   });//End Click Function  
 });//End Main Function  

