/*****************************************
	Website - http://www.harbormoondesign.com
	Generator - Bluefish 1.0.7
	Author - Jonathan Henson
	Copyright - © 2007 Harbor Moon Design
	File - script.js
*****************************************/

function openDiv(action) {
	var theDiv = document.getElementById("memberContactForm");
	if (action == "open") {
			theDiv.style.height = "auto";
		}
	if (action == "close") {
			theDiv.style.height = "5px";
		}
	}
	
function turnOnOther() {
	var theCheckBox = document.getElementById("othercheckbox");
	if (theCheckBox.checked == true) {
		var input1 = document.getElementById("servicesother1");
		input1.style.display = "block";
		var input2 = document.getElementById("servicesother2");
		input2.style.display = "block";
		var input3 = document.getElementById("servicesother3");
		input3.style.display = "block";
		var input3 = document.getElementById("servicesother4");
		input3.style.display = "block";
		var input3 = document.getElementById("servicesother5");
		input3.style.display = "block";
		}
	else {
		var input1 = document.getElementById("servicesother1");
		input1.style.display = "none";
		var input2 = document.getElementById("servicesother2");
		input2.style.display = "none";
		var input3 = document.getElementById("servicesother3");
		input3.style.display = "none";
		var input3 = document.getElementById("servicesother4");
		input3.style.display = "none";
		var input3 = document.getElementById("servicesother5");
		input3.style.display = "none";
		}
	}
	
function validateForm () {
	//Reset all labels to black
	var theLabel = document.getElementById("membership-error");
	theLabel.style.color = "#003366";
	var theLabel = document.getElementById("contactname-error");
	theLabel.style.color = "#003366";
	var theLabel = document.getElementById("organization-error");
	theLabel.style.color = "#003366";	
	var theLabel = document.getElementById("phone-error");
	theLabel.style.color = "#003366";	
	var theLabel = document.getElementById("address-error");
	theLabel.style.color = "#003366";	
	var theLabel = document.getElementById("city-error");
	theLabel.style.color = "#003366";	
	var theLabel = document.getElementById("postcode-error");
	theLabel.style.color = "#003366";	
	var theLabel = document.getElementById("states-error");
	theLabel.style.color = "#003366";	
	var theLabel = document.getElementById("email-error");
	theLabel.style.color = "#003366";
	var theLabel = document.getElementById("antispam-error");
	theLabel.style.color = "#003366";
	
	//Initialize variables for fields
	var textFields = new Array()
		textFields[0] = document.getElementById("membership");
		textFields[1] = document.memberinfo_form.contactname.value.toLowerCase();
		textFields[2] = document.memberinfo_form.organization.value.toLowerCase();
		textFields[3] = document.memberinfo_form.phone.value.toLowerCase();
		textFields[4] = document.memberinfo_form.address.value.toLowerCase();
		textFields[5] = document.memberinfo_form.city.value.toLowerCase();
		textFields[6] = document.memberinfo_form.postcode.value.toLowerCase();
		textFields[7] = document.getElementById("states");
		textFields[8] = document.memberinfo_form.email.value.toLowerCase();
		textFields[9] = document.memberinfo_form.antispam.value.toLowerCase();
	
	var errorArray = new Array();
	
	//Check membership drop down
	if (textFields[0].selectedIndex == 0) {
		errorArray[0] = "\u0022Membership Type\u0022";
		}
		
	//Check all required text fields for input
	for (elementIndex in textFields) {
			if (elementIndex > 0 && elementIndex < 7) {
					if (textFields[elementIndex].length == 0) {
						switch (elementIndex) {
							case "1": 
								var errorlabel = "\u0022Contact Name\u0022";
								break;
							case "2":
								var errorlabel = "\u0022Organization/Company\u0022";
								break;
							case "3":
								var errorlabel = "\u0022Phone\u0022";
								break;
							case "4":
								var errorlabel = "\u0022Address\u0022";
								break;
							case "5":
								var errorlabel = "\u0022City\u0022";
								break;
							case "6":
								var errorlabel = "\u0022Postal Code\u0022";
								break;
							}
						errorArray[elementIndex] = errorlabel;
						}
				}
		}
	
	//Check states drop down menu
	if (textFields[7].selectedIndex == 0) {
		errorArray[7] = "\u0022States\u0022";
		}
		
	//If email is typed check for errors
	if (textFields[8] != "") {
		//Check email adresses for @ symbol	
		var emailValidExp = /@/g;
		var emailArray = textFields[8].match(emailValidExp);
		if (emailArray == null) {
			errorArray[8] = "Email address must contain one and only one at(@) symbol. ";
		}
		else {
			if (emailArray.length != 1) {
				errorArray[8] = "Email address must contain one and only one at(@) symbol. ";
			}
		}
	
		//Make sure email has at least one period
		var emailValidExp = /\u002e/g;
		var emailArray = textFields[8].match(emailValidExp);
		if (emailArray == null) {
			errorArray[9] = "Email address must contain at lease one period(.com .net).";
		}
	}
	
	//Check the spambot answer.
	if (textFields[9] != "wet") {
		errorArray[9] = "Please Answer the Anti SpamBot answer: the answer is wet.";
		}
	
	//Highlight the errors
	for (elementIndex in errorArray) {
		switch (elementIndex) {
			case "0":
				var theLabel = document.getElementById("membership-error");
				theLabel.style.color = "#ff0000";				
				break;
			case "1":
				var theLabel = document.getElementById("contactname-error");
				theLabel.style.color = "#ff0000";
				break;
			case "2":
				var theLabel = document.getElementById("organization-error");
				theLabel.style.color = "#ff0000";
				break;
			case "3":
				var theLabel = document.getElementById("phone-error");
				theLabel.style.color = "#ff0000";
				break;
			case "4":
				var theLabel = document.getElementById("address-error");
				theLabel.style.color = "#ff0000";
				break;
			case "5":
				var theLabel = document.getElementById("city-error");
				theLabel.style.color = "#ff0000";
				break;
			case "6":
				var theLabel = document.getElementById("postcode-error");
				theLabel.style.color = "#ff0000";
				break;
			case "7":
				var theLabel = document.getElementById("states-error");
				theLabel.style.color = "#ff0000";
				break;
			case "8":
				var theLabel = document.getElementById("email-error");
				theLabel.style.color = "#ff0000";
				break;
			case "9":
				var theLabel = document.getElementById("antispam-error");
				theLabel.style.color = "#ff0000";
				break;
			}
		}
		
	//Check errorArray for values
	if (errorArray.length > 0) {
		//get the error div
		var errorDiv = document.getElementById("errordiv");
		errorDiv.style.display = "block";
		//get error paragraph
		var errorParagraph = document.getElementById("errorparagraph");
		var errorMessage = "Please check the following fields and errors: ";
		for (elementIndex in errorArray) {
			errorMessage = errorMessage + errorArray[elementIndex] + " ";
			}
		errorParagraph.innerHTML = errorMessage;
		return false;
		}
	
	return true;
}

function slideShow(theSource, theImage,theWidth,theHeight) {
	var largeImage = document.getElementById(theImage);
	largeImage.src = theSource;
	largeImage.setAttribute("width", theWidth);
	largeImage.setAttribute("height", theHeight);
	}
	
function showHideDiv(theDiv,theAction) {
	var theDiv = document.getElementById(theDiv);
	if (theAction == "show") {
			theDiv.style.display = "block";
		}
	if (theAction == "hide") {
			theDiv.style.display = "none";
		}
	}