function addClass(element,value) {
  if (!element.className) {
    element.className = value;
  } else {
    newClassName = element.className;
    newClassName+= " ";
    newClassName+= value;
    element.className = newClassName;
  }
}


function validateForm(theInputs) {
	var missingFields = false;

	for (var i=0;i<theInputs.elements.length;i++) {
		var element = theInputs.elements[i];
			
			
			
			
			if(element.className.indexOf("alert") != -1 && isFilled(element) && element.className.indexOf("email") == -1) {
					//input style
					element.className = "required"
					//label style
					element.previousSibling.className = ""
			}
				
			if(element.className.indexOf("required") != -1) {
			
				if(!isFilled(element)){
					
					//input style
					element.className += " alert"
					//label style
					element.previousSibling.className += " alert"
					missingFields = true;
					
					
					element.onblur = function() {
						if(this.className.indexOf("alert") != -1 && isFilled(this)) {
					//input style
					this.className = "required"
					//label style
					var newName = this.previousSibling.className 
					newName = newName.substring(0,newName.indexOf(" alert"))
					this.previousSibling.className = newName
						}
					}
				}
				
				
			
			}
			
			
			if(element.className.indexOf("email") != -1) {
					if(!isEmail(element)){
					//input style
					element.className += " alert"
					//label style
					element.previousSibling.className = "alert"
					missingFields = true;
					
						element.onblur = function() {
							if(isEmail(this)) {
					//input style
								this.className = "email"
					//label style
								this.previousSibling.className = ""
							}
						}
					}

				}
			
		
	
	}	
	if (missingFields) { return false }
	else { return true}
	
}

function isFilled(field) {
	if(field.value.length < 1) {
		return false;
	}
	else {return true;}
	

}
function isEmail(field) {
  if (field.value.indexOf("@") == -1 || field.value.indexOf(".") == -1) {
    return false;
  } else {
    return true;
  }
}


function checkEstimates() {

	for(var i=0;i<document.forms.length;i++) {
		var thisForm = document.forms[i];
		
		thisForm.onsubmit = function() {
			if(!validateForm(this)) {
				alert("Red fields are required.");
				return false;
			}
			else {changeVariable();return true}
		}
	}
}

function setEmail(){
var emailDrop = document.getElementsByTagName("a");
for(i=0;i<emailDrop.length;i++){
	if (emailDrop[i].className == "emailHide")
		emailDrop[i].onclick = emailDrop[i].onfocus= function() {
		
			var emailName = this.getAttribute("title");
			emailName = emailName.toLowerCase();
			
			var p1 = "mailto:";
			p1 += emailName;
			p1 += "@";
			p1 += "dependablecar"
			p1 += ".com"

		this.setAttribute("href",p1);

	}
	}
}

function readURL() {
var testVar = document.URL.indexOf('whichcar');
if(testVar == -1) return;

var vehicle = document.URL.substring(document.URL.indexOf('=')+1,document.URL.length)
var selectVehicle = document.getElementById("vehicle-type");

for(i=0;i<selectVehicle.options.length;i++) {
	if(selectVehicle.options[i].value == vehicle){ 
		selectVehicle.selectedIndex = i;
		document.getElementById("name").focus()
	}
}

}

function changeVariable() {

		var address = document.getElementById("address")
	var street = document.getElementById("street")
	var town = document.getElementById("town")
	var state = document.getElementById("state")
	var zip = document.getElementById("zip") 
	
	address.value = street.value +", "+town.value+" "+state.value+" "+zip.value

}

function navRollOvers() {

if(!document.getElementById("headerWrap")) return false;
var navArea = document.getElementById("headerWrap");
var navLinks = navArea.getElementsByTagName("a");
for(i=0;i<navLinks.length;i++) {
	if(navLinks[i].getAttribute("title") != "logo"){
	navLinks[i].onmouseover = function() {
		var currentSRC = this.childNodes[0].getAttribute("src")
			
		currentSRC = currentSRC.substring(0,currentSRC.indexOf(".gif"))

		currentSRC += "_O.gif"

		this.childNodes[0].setAttribute("src",currentSRC)

	}
	navLinks[i].onmouseout = function() {
		var currentSRC = this.childNodes[0].getAttribute("src")
	
		currentSRC = currentSRC.substring(0,currentSRC.indexOf("_O"))
		
		currentSRC += ".gif"
		this.childNodes[0].setAttribute("src",currentSRC)

	}
}}

}

function loginPanel() {
	if(!document.getElementById("clientLogin")) return false;
	var clientLogin = document.getElementById("clientLogin");
	var loginLink = clientLogin.getElementsByTagName("a");
	loginLink[0].onclick = function() {
		var logIn = document.getElementById("login");
		logIn.className = "appear";
		return false;
	}
	var closePanel = document.getElementById("closePanel")
	closePanel.onclick = function() {
	var logIn = document.getElementById("login");
		logIn.className = ""
	}
}
function insertFormURL() {
var theForm = document.getElementById("mainForm");
theForm.setAttribute("action","processMe.php");


}




window.onload = function() {
    checkEstimates();
    navRollOvers();
    loginPanel();
    insertFormURL()
}