$(document).ready(function(){
	//parent element hover function 

	//validation

	function expandCollapse(){
		
		$(".expandme").click(function expandClick(event){
			event.preventDefault();
			var $this = $(this);
		
			$(this).next().animate({height: "toggle"});
			
		});
		
	}

	expandCollapse();
	
	//textareaCheck abstraction checks to see if the user has written anything
	function textareaCheck(){
		
		var textareaInput = $('#contact textarea').val();
		var requiredText = "This Field is Required";
		if(textareaInput == '' || textareaInput == requiredText){
			
		
			$('#contact textarea').attr('value', requiredText);
			$('#contact textarea').css({'background' : '#FFD8D9','color' : '#D62400'});
			return(false);
						
		}else{
			
			return(true);
			
		}	
				
	}
	//nameCheck abstraction checks for a name
	function nameCheck(){
		
		var nameInput = $('#contact input#name').attr('value');
		var requiredText = "This Field is Required";
		if(nameInput == '' || nameInput == requiredText){
			
			
			$('#contact input#name').attr('value', requiredText);
			$('#contact input#name').css({'background' : '#FFD8D9','color' : '#D62400'});
			return(false);	
					
		}else{
			
			return(true);
		
		}	
				
	}
	//emailCheck abstraction checks for a proper email address
	function emailCheck(){
		
		//regular expression for email validation returns null if false
		var emailValid = $("input#email").val().match(/^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/);
		
		var emailInValid = "Enter a Proper Email Address";
		
		if(emailValid == null){
			
			$('#contact input#email').attr('value', emailInValid);
			$('#contact input#email').css({'background' : '#FFD8D9','color' : '#D62400'});
			return(false);		
			
		}else if(emailValid == emailInValid){
			
			return(false);		
			
		}else{
			
			return(true);
			
		}	
				
	}
	
	//phoneCheck abstraction checks for a valid phone number
	function phoneCheck(){
		
		//regular expression for email validation returns null if false
		var phoneValid = $("input#phonenumber").val().match(/^\D?(\d{3})\D?\D?(\d{3})\D?(\d{4})$/);
		
		var phoneInValid = "Enter a Proper Phone Number";
		
		if(phoneValid == null){
			
			$('#contact input#phonenumber').attr('value', phoneInValid);
			$('#contact input#phonenumber').css({'background' : '#FFD8D9','color' : '#D62400'});
			return(false);	
					
		}else{
			
			return(true);
			
		}	
				
	}
	
	//on click event for the submit button that init all of the error checking

	$('#submit').click(function formcheck(event){
	
		textareaCheck();
		nameCheck();
		emailCheck();
		//phoneCheck();
		
		//if all fields are valid, then adds regular functionality back to the 
		//submit button and submits the form
		if(nameCheck() == true && emailCheck() == true && textarea() == true){	
	
			$('#submit').unbind('click', formcheck);
				
		}else{
			
			//if any of the forms are not valid then dont submit (removes click functionality from button)
			event.preventDefault();
			
		}
	
	});
});