// JavaScript Document

var submit_relay = false;

function submitForm(form, error_el){
	
	if(submit_relay==true){
		return false;	
	}
	
	var theform = form;
	
	var error_msg = document.getElementById(error_el); //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++){
	
		//inputs[i].className=='input-text' && 
		if(inputs[i].type == "text" && inputs[i].value == ''){
			inputs[i].style.background = "1px solid #ffffcc";
			valid = false;
		}
		else{
			inputs[i].style.background = "1px solid #576971";
		}
		
		if(inputs[i].type=='radio'){
			if(inputs[i].checked){
				subject = inputs[i].value;
				checks++;
			}
		}
	
	}
	
	//now check text box
	if(theform["message"].value=="" || theform["message"]=="Message"){
		//theform["message"].style.background = "rgb(255, 255, 180)";
		theform["message"].style.border="1px solid #ffffcc";
		valid = false;
	}
	else{
		//theform["message"].style.background = "rgb(255,255,255)";
		theform["message"].style.border="1px solid #576971";
	}
	//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.border = "1px solid #ffffcc"; 
			 var msg = "Please enter a valid email";
			 error_msg.innerHTML = msg;
		}else{
			theform["email"].style.border = "1px solid #576971"; 	
		}
	}
	//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
		};
		
		var data = {
			"name" : name,
			"email" : email,
			"subject" : subject,
			"message" : message
		}
		
		bpm_ajax.send("contact-proc.php", data, obj);
	}

 return false;
}

