// JavaScript Document

var submit_relay = false;

function submitForm(form){
	
	if(submit_relay==true){
		return false;	
	}
	
	var theform = form;
	
	var error_msg = document.getElementById("error_msg"); //if not we should creat one..
	
	var valid = true;
	
	var subject = '';
	
	//check for empty values
	var inputs = document.getElementsByTagName("input");
	
	var checks = 0; //var used to count num of radio btns checked
	
	for(var i=0; i < inputs.length; i++){
	
		if(inputs[i].className=='input-text' && inputs[i].value == ''){
			inputs[i].style.background = "rgb(255,255,180)";
			valid = false;
		}
		else{
			inputs[i].style.background = "rgb(255,255,255)";
		}
		
		if(inputs[i].type=='radio'){
			if(inputs[i].checked){
				subject = inputs[i].value;
				checks++;
			}
		}
	
	}
	
	//now check text box
	if(theform["message"].value==""){
		theform["message"].style.background = "rgb(255, 255, 180)";
		valid = false;
	}
	else{
		theform["message"].style.background = "rgb(255,255,255)";
	}
	//if valid is false at this point return with blank fields error message
	//prepare error message and display
	if(!valid){
		var msg = "Please fill all required fields";
		error_msg.innerHTML = msg;
		return false;
	}
	
	//before moving on to email validation make sure all radio buttons are checked.
	if(checks < 1){
		var msg = "Please select a subject matter..";
		error_msg.innerHTML = msg;
		return false;
	}
 
	//move on to email validation *only run this if the email is not empty
	if(theform["email"].value != ""){
		var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
		if(reg.test(theform["email"].value) == false){ 
			 valid = false; 
			 theform["email"].style.backgroundColor = "rgb(255,255,180)"; 
			 var msg = "Please enter a valid email";
			 error_msg.innerHTML = msg;
		}else{
			theform["email"].style.backgroundColor = "rgb(255,255,255)"; 	
		}
	}
	//finally if still valid send ajax request and submit form data
	if(valid){
		
		error_msg.innerHTML = "";
		
		var submitbtn = document.getElementById("submit");
		
		submitbtn.src = "images/submit-btn-disabled.png";
		
		submit_relay = true;
		
		var name = theform['name'].value;
		
		var email = encodeURIComponent(theform['email'].value);
				
		var message = encodeURIComponent(theform['message'].value);
		
		
		var url = "contact-proc.php?name="+name+"&email="+email+"&subject="+subject+"&message="+message;
		
		var obj = {
			runResponse : function(data){
				
				this.el.innerHTML = data;
				
			},
			
			el : error_msg
		};
		
		ajaxGet(url, obj);
	}

 return false;
}