window.onload = init;

var xhr = false;

var bannerImages = ["images/banner/bannerHouse.jpg",
          			"images/banner/bannerPanel.jpg",
					"images/banner/bannerBbq.jpg",
					"images/banner/bannerHouse2.jpg",
					"images/banner/interiorBanner.jpg",
					"images/banner/tubBanner.jpg",
					"images/banner/bannerHouse3.jpg"];

function init() {
	
	
	if(document.getElementById("bannerImage")) {
		setInterval ("showBannerImage()", 3000);
		}	
		
	if(document.getElementById("formError")) {
		
		document.forms[0].onsubmit = function() {
			return validForm();
		}
	}
}

//displays random banner image
function showBannerImage(){
	
	var img = new Image();
	
	var rand = Math.floor(Math.random()*bannerImages.length);
	
	img.src = bannerImages[rand];
						
	document.getElementById("bannerImage").src = img.src;
}

//validates form
function validForm() {
	var allGood = true;	
	
	var allTags = document.getElementsByTagName("*");

	for (var i = 0; i < allTags.length; i++) {
		
		if (!validTag(allTags[i])) {
			allGood = false;
		}
	}
	
	return allGood;

	function validTag(thisTag) {
		var outClass = "";	
		
		var allClasses = thisTag.className.split(" ");	
	
		for (var j = 0; j < allClasses.length; j++) {
			outClass += validBasedOnClass(allClasses[j]) + " ";
		}
	
		thisTag.className = outClass;
	
		if (outClass.indexOf("invalid") > -1) {
			invalidLabel(thisTag.parentNode);
			thisTag.focus(); 
			if (thisTag.nodeName == "INPUT") {
				thisTag.select();  
			}
			return false;
		}
		return true; 
		 
		function validBasedOnClass(thisClass) {
			var classBack = "";
		
			switch(thisClass) {
				case "": 
				case "invalid":
					break;
				case "textField": 
					if (allGood && thisTag.value == "") {
						classBack = "invalid "; 
						document.getElementById("formError").innerHTML = "* required";
					}
					classBack += thisClass; 
					break;
				case "email": 
					if (allGood && !validEmail(thisTag.value)) {
						classBack = "invalid ";
						document.getElementById("formError").innerHTML = "* Please enter a valid email address";
					}
					classBack += thisClass;
					break;
				case "phone": 
					if (allGood && thisTag.value == "") {
					}	
					else if (allGood && !validPhone(thisTag.value)) {	
						classBack = "invalid ";
						document.getElementById("formError").innerHTML = "* Please enter a valid phone number";
					}
					classBack += thisClass;
					break; 
				default:
					classBack += thisClass;
			}
			return classBack; 
		}
		
		function validEmail(email) {
			var invalidChars = " /\:,;";
		
			if (email == "") {
				return false;	
			}
			
			for (var k = 0; k < invalidChars.length; k++) {
				var badChar = invalidChars.charAt(k);
				if (email.indexOf(badChar) > -1) {
					return false; 
				}
			}
			
			var atPos = email.indexOf("@", 1);
			if (atPos == -1) {
				return false; 
			}
			
			if (email.indexOf("@", atPos + 1) != -1) {
				return false;
			}
			
			var periodPos = email.indexOf(".", atPos);
			if (periodPos == -1) {	
				return false;
			}
			
			if (periodPos + 3 > email.length) {
				return false;
			}
			return true;
		}
		
		function validPhone(phone) {
			var invalidChars = "/\:,;[]{}_~abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
			
			for (var c = 0; c < invalidChars.length; c++) {
				var badChar = invalidChars.charAt(c);
				if (phone.indexOf(badChar) > -1) {
					return false;
				}
			}
			
			/*var leftParenthesisPos = phone.indexOf("(", 0);
			if (leftParenthesisPos == -1) {
				return false; 
			}
			
			var rightParenthesisPos = phone.indexOf(")", 4);
			if (rightParenthesisPos == -1) {
				return false; 
			}
			
			var hyphenPos = phone.indexOf("-", 9);
			if (hyphenPos == -1) {
				return false; 
			}*/

			return true;
		}
		
		function invalidLabel(parentTag) {
			if (parentTag.nodeName == "LABEL") {
				parentTag.className += " invalid";
			}
		}
	}
}