var counter = 0;
var emailNotValid = true;

function elementFocus(inputID) {
    var el = document.getElementById(inputID);
    var elClass = el.className;
    if(elClass != "greenFocus") {
    	if (elClass != "greenRequired") { 
    	el.className = "greenFocus";
    	el.style.color = "#666";
    	}
    } else {
    	el.className = "green";
    }
}

/*function checkInput(inputID) {
	var regExp = /^[0-9]{4}$/;
	var re = new RegExp(regExp);
    var el = document.getElementById(inputID);
    if (!el.value.match(re)) {
    	el.style.color = "#F00";
    } else {
    	el.style.color = "";
    }
}

function next(inputID) {
	var el = document.getElementById(inputID);
	el.focus();
	el.select();
}	*/


function formCheck(formobj){
	var emailEl=document.getElementById('mail');
	var regExp = /^[a-zA-Z0-9]+(?:[a-zA-Z0-9_-]+.)+@(?:[a-zA-Z0-9-]+\.)+[a-zA-Z]{2,4}$/;
	var re = new RegExp(regExp);
	// elements that are required
	var fieldRequired = Array("data","ora","marca","modello","cognome","nome","localita");
	// class to be set when a required element is empty
	var Required = "greenRequired";
	// class to be set to the required label element
	var RequiredLabel = "labelRequired";
	// validate form, return false or true
	var validForm = true;
	
	for (var i = 0; i < fieldRequired.length; i++){
		var obj = formobj.elements[fieldRequired[i]];
		var labelString = "label" + fieldRequired[i];
		var labelObj = document.getElementById(labelString);
		var labelStrEmail = "labelmail";
		var labelMail = document.getElementById(labelStrEmail);
				
		if (obj){
			switch(obj.type){
			case "select-one":
				if (obj.selectedIndex <= 0){
					obj.className = Required;
					labelObj.className = RequiredLabel;
					validForm = false;
					} else {
						labelObj.className = "";
						obj.className = "green";
					}
				break;
			case "select-multiple":
				if (obj.selectedIndex <= 0 || obj.options[obj.selectedIndex].value == ""){
					obj.className = Required;
					labelObj.className = RequiredLabel;
					validForm = false;
					} else {
						labelObj.className = "";
						obj.className = "green";
					}
				break;
			case "text":
				if (obj.value == "" || obj.value == null){
					obj.className = Required;
					labelObj.className = RequiredLabel;
					validForm = false;
				} else {
					labelObj.className = "";
					obj.className = "green";
				}
				break;
			default:						
			}
		}
	}

	/*var invalidDiv = document.getElementById("notValid");
	var invalidID = document.getElementById("invalid");
	
	
	if (!emailEl.value.match(re)) {
		emailEl.className = Required;
		labelMail.className = RequiredLabel;
		validForm = false;
		if (!invalidID) {
			var newElement = document.createElement("div");
			newElement.id = "invalid";
			newElement.className = RequiredLabel;
			newElement.innerHTML = "campo non completato o indirizzo e-mail non valido";			
			invalidDiv.appendChild(newElement);
		}
	}
	else if (invalidID){
		invalidDiv.removeChild(invalidID);
		labelMail.className = "";
		emailEl.className = "green";
	}*/
	

	

	if (!checkCheckbox()) {
		validForm = false;
	}	
	
	var invalidDiv = document.getElementById("notValid");
	invalidDiv.className = RequiredLabel;
	invalidDiv.innerHTML = "campo non completato o non valido";
    
	if (!emailEl.value.match(re)) {
		emailEl.className = Required;
		labelMail.className = RequiredLabel;
		validForm = false;
		if (emailNotValid == true) {
			invalidDiv;
			emailNotValid = false;
		}
	} else {
		invalidDiv.innerHTML = "";
		labelMail.className = "";
		emailEl.className = "green";
	}	
	return validForm;
}

function checkCheckbox() {
	var anyCheck = false;
	
	var checkDiv = document.getElementById("checked");
	checkDiv.className = "labelRequired";
	checkDiv.innerHTML = "almeno una opzione deve essere selezionata"

	var arr = new Array('servizio','riparazione','carrozzeria','CO','lavaggio','pulizia','controllo','gomme');
	
	for (var i = 0; i < 8; i++) {
		var checkboxEl = document.getElementById(arr[i]);
	    if (checkboxEl.checked) {
	        anyCheck = true;
	        checkDiv.innerHTML = "";
	    }
	}
	return anyCheck;
}