// JavaScript Document
$(document).ready(function(){
		var fname = $("#fname");
		var lname = $("#lname");
		var email = $("#email");
		var phone = $("#phone");
		var message = $("#message");
		
		
		var errorArray = new Array(true, true, true);
		
		//First Name
		fname.keyup(valFname);
		
		function valFname(){
			if(fname.val() == "" || fname.val() == "First Name"){
				$("#warningFname").show();
				$("#warningFname").css("display","inline");
				/*if(fname.val() == ""){
					$("#fname").css("color","#616161");
				}else{
					$("#fname").css("color","#FF6600");
				}*/
				errorArray[0] = true;
			} else {
				errorArray[0] = false;
				$("#warningFname").hide();
			}
		}


		//Last Name
		lname.keyup(valLname);
		
		function valLname(){
			if(lname.val() == "" || lname.val() == "Last Name"){
				$("#warningLname").show();
				$("#warningLname").css("display","inline");
				errorArray[1] = true;
			} else {
				errorArray[1] = false;
				$("#warningLname").hide();
			}
		}
		
		
		
		//Email
		email.keyup(valEmail);
		function valEmail(){
		//expression... any character followed with@... any character followed by period... any character from 2-4
		var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
		var emailValue = email.val();
		
			if(emailReg.test(emailValue) == false || emailValue == ""){
				//email.css({"border-color" : "#F00"});
				errorArray[2] = true;
				$("#warningEmail").show();
				$("#warningEmail").css("display","inline");
			} else {
				//email.css({"border-color" : "#0C0"});
				errorArray[2] = false;
				$("#warningEmail").hide();
			}
		}
		
		
		//Phone
		phone.keyup(valPhone);
		
		
		function valPhone(){
			//alert(phone.val().length);
			var phoneLength = phone.val().length;
			if( phoneLength == 3 ){
				phone.val(phone.val() + "-");
			}
			if( phoneLength == 7 ){
				phone.val(phone.val() + "-");
			}
		}
		
		
		//Submit Form
		$("form").submit(sendForm);
	
		function sendForm(){
			for(var i = 0; i < errorArray.length; i++){
				/*alert(errorArray.length);
				alert(errorArray[i]);*/
				if(errorArray[i] == true){
					valLname();
					valFname();
					valEmail();
					return false;
					
				}
			}
		}
	
		/*////////////////////////
		      Clear Inputs
		////////////////////////*/
		
		fname.focus(function(){
			if($(this).val() == 'First Name'){
				$(this).val('');
				$(this).css("color","#FF6600");
			}						 
		 });
		fname.blur(function(){
			if($(this).val() == ''){
				$(this).val('First Name');
				$(this).css("color","#616161");
			}						 
		 });
		
		lname.focus(function(){
			if($(this).val() == 'Last Name'){
				$(this).val('');
				$(this).css("color","#FF6600");
			}						 
		 });
		lname.blur(function(){
			if($(this).val() == ''){
				$(this).val('Last Name');
				$(this).css("color","#616161");
			}						 
		 });
		
		email.focus(function(){
			if($(this).val() == 'E-mail'){
				$(this).val('');
				$(this).css("color","#FF6600");
			}						 
		 });
		email.blur(function(){
			if($(this).val() == ''){
				$(this).val('E-mail');
				$(this).css("color","#616161");
			}						 
		 });
		
		phone.focus(function(){
			if($(this).val() == 'Phone'){
				$(this).val('');
				$(this).css("color","#FF6600");
			}						 
		 });
		phone.blur(function(){
			if($(this).val() == ''){
				$(this).val('Phone');
				$(this).css("color","#616161");
			}						 
		 });
		
		message.focus(function(){
			if($(this).val() == 'Message'){
				$(this).val('');
				$(this).css("color","#FF6600");
			}						 
		 });
		message.blur(function(){
			if($(this).val() == ''){
				$(this).val('Message');
				$(this).css("color","#616161");
			}						 
		 });
		
		
		
		
		
	
});