// JavaScript Document

// FORM

function validateForm() {

	var name = document.getElementById("name_input");
	var street = document.getElementById("street_input");
	var city = document.getElementById("city_input");
	var state = document.getElementById("state_input");
	var zip = document.getElementById("zip_input");
	var email = document.getElementById("email_input");
	
	var atpos = email.value.indexOf("@");
	var dotpos = email.value.indexOf(".");
	
	var firstError = null;
	var valid = false;
	var errors = 0;
		
	if (email.value.length <= 1 || atpos <= 0 || dotpos <= 0) {
		email.style.border = "1px solid #333";
		document.getElementById("email").style.fontWeight = "bold";
		errors += 1;
		firstError = "email_input"
	} else {
		email.style.border = "1px solid #ccc";
		document.getElementById("email").style.fontWeight = "normal";
	}
	
	if (zip.value.length <= 1 || zip.value.length < 5) {
		zip.style.border = "1px solid #333";
		document.getElementById("zip").style.fontWeight = "bold";
		errors += 1;
		firstError = "zip_input"
	} else {
		zip.style.border = "1px solid #ccc";
		document.getElementById("zip").style.fontWeight = "normal";
	}
	
	if (state.value.length <= 1) {
		state.style.border = "1px solid #333";
		document.getElementById("state").style.fontWeight = "bold";
		errors += 1;
		firstError = "state_input";
	} else {
		state.style.border = "1px solid #ccc";
		document.getElementById("state").style.fontWeight = "normal";
	}
	
	if (city.value.length <= 1) {
		city.style.border = "1px solid #333";
		document.getElementById("city").style.fontWeight = "bold";
		errors += 1;
		firstError = "city_input"
	} else {
		city.style.border = "1px solid #ccc";
		document.getElementById("city").style.fontWeight = "normal";
	}
	
	if (street.value.length <= 1) {
		street.style.border = "1px solid #333";
		document.getElementById("street").style.fontWeight = "bold";
		errors += 1;
		firstError = "street_input"
	} else {
		street.style.border = "1px solid #ccc";
		document.getElementById("street").style.fontWeight = "normal";
	}
	
	if (name.value.length <= 1) {
		name.style.border = "1px solid #333";
		document.getElementById("name").style.fontWeight = "bold";
		errors += 1;
		firstError = "name_input"
	} else {
		name.style.border = "1px solid #ccc";
		document.getElementById("name").style.fontWeight = "normal";
	}
	
	if (errors == 0) {
		valid = true;
	} else {
	valid = false;	
	}

	if (valid == false) {		
		document.getElementById("error_message").style.visibility = "visible";
		document.getElementById(firstError).focus();
		return false;
	} else {
	document.getElementById("error_message").style.visibility = "hidden";
	return true;
	}

}

function showLabel(text) {
	var label = document.getElementById("icon_label");
	label.firstChild.data = text;
	label.style.visibility = "visible";
}
	
function hideLabel() {
	var label = document.getElementById("icon_label");
	label.style.visibility = "hidden";
}

function clearForm() {
	var emailInput = document.getElementById("emailaddress");
	if (emailInput.value == "Enter your email address") {
	emailInput.value = "";
	}
}

function resetForm() {
	var emailInput = document.getElementById("emailaddress");
	if (emailInput.value == "") {
	emailInput.value = "Enter your email address";
	}
}


// GALLERY FUNCTIONALITY

function showPic (whichpic) {
	if (document.getElementById) {
		document.getElementById('placeholder').src = whichpic.href;
		return false;
	} else {
		return true;
	}
}