function preloadImgs(suffix)
{
	pic1 = new Image();
	pic1.src = "images/button_01_" + suffix + ".jpg";
	pic2 = new Image();
	pic2.src = "images/button_02_" + suffix + ".jpg";
	pic3 = new Image();
	pic3.src = "images/button_03_" + suffix + ".jpg";
	pic4 = new Image();
	pic4.src = "images/button_04_" + suffix + ".jpg";
	pic5 = new Image();
	pic5.src = "images/button_05_" + suffix + ".jpg";
	pic6 = new Image();
	pic6.src = "images/button_06_" + suffix + ".jpg";
	pic7 = new Image();
	pic7.src = "images/button_07_" + suffix + ".jpg";
	pic8 = new Image();
	pic8.src = "images/button_08_" + suffix + ".jpg";
	pic9 = new Image();
	pic9.src = "images/button_09_" + suffix + ".jpg";
	pic10 = new Image();
	pic10.src = "images/button_10_" + suffix + ".jpg";
	pic11 = new Image();
	pic11.src = "images/button_11_" + suffix + ".jpg";
}

function mouseIsOver(imgName)
{
	document.images[imgName].src = "images/" + imgName + "_over.jpg";
}

function mouseIsOn(imgName)
{
	myImg = document.getElementById(imgName);
	myImg.src = "images/" + imgName + "_on.jpg";
}

if (document.images)
{
	preloadImgs('over');
	preloadImgs('on');
}

function openEvent(eventID)
{
	thisEvent = window.open('event.php?event_id=' + eventID + '', '', 'height=480,width=470,status=yes,toolbar=no,menubar=no,location=no,scrollbars=yes,resizable=yes');
}

function openProduct(prodID)
{
	thisEvent = window.open('prod.php?prod_id=' + prodID + '', '', 'height=480,width=470,status=yes,toolbar=no,menubar=no,location=no,scrollbars=yes,resizable=yes');
}

function dropMenu(menu_id)
{
	if (document.getElementById(menu_id).style.display == 'none')
	{
		document.getElementById(menu_id).style.display = 'block';
	}
	else
	{
		document.getElementById(menu_id).style.display = 'none';
	}
}

//		var emailRe = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*\.(\w{2}|(com|net|org|edu|int|mil|gov|arpa|biz|aero|name|coop|info|pro|museum))$/;
function validateForm()
{
	document.getElementById('formErr').style.display = "none";
	document.getElementById('formErr').innerHTML = "";
	document.getElementById('formErr').style.color = "#ff0000";
	document.getElementById('formErr').style.fontWeight = "bold";

	document.getElementById('emailErr').style.display = "none";
	document.getElementById('emailErr').innerHTML = "";
	document.getElementById('emailErr').style.color = "#ff0000";
	document.getElementById('emailErr').style.fontWeight = "bold";

	document.getElementById('cardErr').style.display = "none";
	document.getElementById('cardErr').innerHTML = "";
	document.getElementById('cardErr').style.color = "#ff0000";
	document.getElementById('cardErr').style.fontWeight = "bold";

	var valid = 0;
	var emailErrMsg = "";
	var formErrMsg = "";
	var cardErrMsg = "";
	
	var email = document.forms.checkoutFrm.email.value;
	var ver_email = document.forms.checkoutFrm.ver_email.value;

	var oname = document.forms.checkoutFrm.oname.value;
	var address1 = document.forms.checkoutFrm.address1.value;
	var city = document.forms.checkoutFrm.city.value;
	var state = document.forms.checkoutFrm.state.value;
	var pcode = document.forms.checkoutFrm.pcode.value;
	var country = document.forms.checkoutFrm.country.value;

	var card_type = document.forms.checkoutFrm.credit_card_type.value;
	var card_name = document.forms.checkoutFrm.credit_card_name.value;
	var card_expiry = document.forms.checkoutFrm.credit_card_exp.value;
	var card_number = document.forms.checkoutFrm.credit_card_no.value;

	if (oname.length < 1)
	{
		formErrMsg += "You must specify a name.<br>";
		valid++;
	}

	if (address1.length < 1)
	{
		formErrMsg += "Your address must have at least one line.<br>";
		valid++;
	}

	if (city.length < 1)
	{
		formErrMsg += "You must specify a city.<br>";
		valid++;
	}

	if (state.length < 1)
	{
		formErrMsg += "You must specify a state.<br>";
		valid++;
	}

	if (pcode.length < 1)
	{
		formErrMsg += "You must specify a post code.<br>";
		valid++;
	}

	if (country.length < 1)
	{
		formErrMsg += "You must specify a country.<br>";
		valid++;
	}

	if (card_type.length < 1)
	{
		cardErrMsg += "You must specify a credit card type.<br>";
		valid++;
	}

	if (card_name.length < 1)
	{
		cardErrMsg += "You must specify the name on the credit card.<br>";
		valid++;
	}

	if (card_expiry.length < 1)
	{
		cardErrMsg += "You must specify the credit card expiry.<br>";
		valid++;
	}

	if (card_number.length < 1)
	{
		cardErrMsg += "You must specify a credit card number.<br>";
		valid++;
	}

	if (email != "" && ver_email != "")
	{
		if (email == ver_email)
		{
			var emailRe = /^[a-zA-Z][\w\.-]*[a-zA-Z0-9]@[a-zA-Z0-9][\w\.-]*[a-zA-Z0-9]\.[a-zA-Z][a-zA-Z\.]*[a-zA-Z]$/;
			if (!emailRe.test(email))
			{
				emailErrMsg += "Email not a valid email address.<br>";
				valid++;
			}
		}
		else
		{
			emailErrMsg += "Email doesn't match.<br>";
			valid++;
		}
	}
	else
	{
		emailErrMsg += "Email must be entered twice for verification.<br>";
		valid++;
	}
	
	if (valid > 0)
	{
		if (formErrMsg.length > 0 )
		{
			document.getElementById('formErr').innerHTML = formErrMsg;
			document.getElementById('formErr').style.display = "inline";
		}
		if (emailErrMsg.length > 0)
		{
			document.getElementById('emailErr').innerHTML = emailErrMsg;
			document.getElementById('emailErr').style.display = "inline";
		}
		if (cardErrMsg.length > 0 )
		{
			document.getElementById('cardErr').innerHTML = cardErrMsg;
			document.getElementById('cardErr').style.display = "inline";
		}

		return -1;
	}
	else
	{
		return 1;
	}
}

function processForm(direction)
{
	var valid = 0;
	
	if (document.forms.checkoutFrm.checkout_step.value == 1)
	{
		valid = validateForm();
	}
	if (valid > -1)
	{
		if (direction == 'back')
		{
			document.forms.checkoutFrm.checkout_step.value = Number(document.forms.checkoutFrm.checkout_step.value) - 1;
		}
		else
		{
			document.forms.checkoutFrm.checkout_step.value = Number(document.forms.checkoutFrm.checkout_step.value) + 1;
		}
		document.forms.checkoutFrm.submit();
	}
}

function checkFormForBlanks(FormID)
{
	oForm = document.getElementById(FormID);
	bFailed = false;
	
	for (var i = 0; i < oForm.elements.length; i++)
	{
		if (oForm.elements[i].value.length < 1)
		{
			bFailed = true;
		}
		else
		{
			// ignore
		}
	}
	
	if (!bFailed)
	{
		return true;
	}
	else
	{
		alert('We require you to fill in all the fields on this form before submitting it.\nThank you!');
		return false;
	}
}
