function validate_cat() {
	var fname = document.getElementById( "first_name" );
	var lname = document.getElementById( "last_name" );
	var address = document.getElementById( "address" );
	var city = document.getElementById( "city" );
	var state = document.getElementById( "state" );
	var postcode = document.getElementById( "postcode" );
	var email = document.getElementById( "email" );

	var sError = "";

	// First Name
	if ( fname.value.length == 0 ) {
		sError += "Please enter your first name.\n";
	}

	// Last Name
	if ( lname.value.length == 0 ) {
		sError += "Please enter your last name.\n";
	}

	// Address
	if ( address.value.length == 0 ) {
		sError += "Please enter your address.\n";
	}

	// City
	if ( city.value.length == 0 ) {
		sError += "Please enter your city.\n";
	}

	// State
	if ( state.value.length == 0 ) {
		sError += "Please enter your state.\n";
	}

	// Postcode
	if ( postcode.value.length == 0 ) {
		sError += "Please enter your postcode.\n";
	}

	// Validate Email
	if ( email.value.length == 0 ) {
		sError += "Please enter your email address.\n";
	} else {

		var str = email.value;
		var patt1 = new RegExp("^[a-z][a-zA-Z0-9_.-]*@[a-zA-Z0-9_.-]+\.[a-z]{2,4}$");
		var result = patt1.test(str);
		if ( !result ) {
			sError += "The email is not valid.\n";
		}
	}



	if ( sError.length == 0 ) {
		return true;
	}
	else {
		alert( sError );
		return false;
	}
}

function validate_trade() {
	var fname = document.getElementById( "first_name" );
	var lname = document.getElementById( "last_name" );
	var company = document.getElementById( "company" );
	var state = document.getElementById( "state" );
	var email = document.getElementById( "email" );

	var sError = "";

	// First Name
	if ( fname.value.length == 0 ) {
		sError += "Please enter your first name.\n";
	}

	// Last Name
	if ( lname.value.length == 0 ) {
		sError += "Please enter your last name.\n";
	}

	// Company
	if ( company.value.length == 0 ) {
		sError += "Please enter your company name.\n";
	}

	// State
	if ( state.value.length == 0 ) {
		sError += "Please enter your state.\n";
	}

	// Validate Email
	if ( email.value.length == 0 ) {
		sError += "Please enter your email address.\n";
	} else {

		var str = email.value;
		var patt1 = new RegExp("^[a-z][a-zA-Z0-9_.-]*@[a-zA-Z0-9_.-]+\.[a-z]{2,4}$");
		var result = patt1.test(str);
		if ( !result ) {
			sError += "The email is not valid.\n";
		}
	}

	if ( sError.length == 0 ) {
		return true;
	}
	else {
		alert( sError );
		return false;
	}
}

function validate_contact() {
	var fname = document.getElementById( "first_name" );
	var lname = document.getElementById( "last_name" );
	var email = document.getElementById( "email" );

	var sError = "";

	// First Name
	if ( fname.value.length == 0 ) {
		sError += "Please enter your first name.\n";
	}

	// Last Name
	if ( lname.value.length == 0 ) {
		sError += "Please enter your last name.\n";
	}

	// Validate Email
	if ( email.value.length == 0 ) {
		sError += "Please enter your email address.\n";
	} else {

		var str = email.value;
		var patt1 = new RegExp("^[a-z][a-zA-Z0-9_.-]*@[a-zA-Z0-9_.-]+\.[a-z]{2,4}$");
		var result = patt1.test(str);
		if ( !result ) {
			sError += "The email is not valid.\n";
		}
	}

	if ( sError.length == 0 ) {
		return true;
	}
	else {
		alert( sError );
		return false;
	}
}

Event.observe(window, 'load', function() {
	// stockists map
	if($$('div.states').first()) {
		$$('div.states').invoke('hide');
		$('vic').show();
		$$('#map area, #state_nav a').each(function(n) {
			Event.observe(n, 'click', function(event) {
				n.blur();
				Event.stop(event);
				var a=n.href.split("#")[1];
				if (!a) return;
				$$('div.states').invoke('hide');
				$(a).show();
			});
		});
	}

	// catalogue form
	if($('catalogue_form')) {
		var form='\
				<form action="catal'+'og'+'ue.php" method="post" onsubmit="return validate_cat();">\
					<table>\
						<tr>\
							<td width="137px"><font color="#FF0000">*</font>First Name</td>\
\
							<td><input name="first_name" id="first_name" type="text" value=""></td>\
						</tr>\
						<tr>\
							<td><font color="#FF0000">*</font>Last Name</td>\
							<td><input name="last_name" id="last_name" type="text" value=""></td>\
						</tr>\
						<tr>\
							<td><font color="#FF0000">*</font>Address</td>\
\
							<td><input name="address" id="address" type="text" value=""></td>\
						</tr>\
						<tr>\
							<td><font color="#FF0000">*</font>City</td>\
							<td><input name="city" id="city" type="text" value=""></td>\
						</tr>\
\
						<tr>\
							<td><font color="#FF0000">*</font>State</td>\
							<td><input name="state" id="state" type="text" value=""></td>\
						</tr>\
						<tr>\
							<td><font color="#FF0000">*</font>Post Code</td>\
							<td><input name="postcode" id="postcode" type="text" value=""></td>\
						</tr>\
\
						<tr>\
							<td><font color="#FF0000">*</font>Email</td>\
\
							<td><input name="email" id="email" type="text" value=""></td>\
						</tr>\
						<tr>\
							<td>\
								Would you like to <BR>join our mailing list?\
							</td>\
							<td>\
								<input name="join_mailing_list" type="radio" value="yes"> Yes\
								<input name="join_mailing_list" type="radio" value="no"> No\
							</td>\
						</tr>\
						<tr>\
							<td>&nbsp;</td>\
							<td>\
								<input type="submit" name="submit" value="Submit">\
								<input type="hidden" name="mode" value="submit">\
							</td>\
						</tr>\
					</table>\
\
				</form>\
		';
		$('catalogue_form').update(form);
	}

	// trade info form
	if($('trade_form')) {
		var form='\
				<form action="tra'+'de-i'+'nfo.php" method="post" onsubmit="return validate_trade();">\
					<table>\
\
						<tr>\
							<td width="137px"><font color="#FF0000">*</font>First Name</td>\
\
							<td><input name="first_name" id="first_name" type="text" value=""></td>\
						</tr>\
						<tr>\
							<td><font color="#FF0000">*</font>Last Name</td>\
							<td><input name="last_name" id="last_name" type="text" value=""></td>\
						</tr>\
\
						<tr>\
							<td><font color="#FF0000">*</font>Company Name</td>\
							<td><input name="company" id="company" type="text" value=""></td>\
						</tr>\
\
						<tr>\
							<td><font color="#FF0000">*</font>State</td>\
							<td><input name="state" id="state" type="text" value=""></td>\
						</tr>\
\
						<tr>\
							<td><font color="#FF0000">*</font>Email</td>\
							<td><input name="email" id="email" type="text" value=""></td>\
						</tr>\
\
						<tr>\
							<td>Comments</td>\
							<td><textarea name="comments"></textarea></td>\
						</tr>\
						<tr>\
							<td>&nbsp;</td>\
							<td>\
								<input type="submit" name="submit" value="Submit">\
								<input type="hidden" name="mode" value="submit">\
							</td>\
						</tr>\
					</table>\
\
				</form>\
		';
		$('trade_form').update(form);
	}

	// contact form
	if($('contact_form')) {
		var form='\
				<BR><BR>\
				<h2>Online Enquiry</h2>\
\
				<form action="con'+'tact.php" method="post" onsubmit="return validate_contact();">\
					<table>\
\
						<tr>\
							<td width="137px"><font color="#FF0000">*</font>First Name</td>\
\
							<td><input name="first_name" id="first_name" type="text" value=""></td>\
						</tr>\
						<tr>\
							<td><font color="#FF0000">*</font>Last Name</td>\
							<td><input name="last_name" id="last_name" type="text" value=""></td>\
						</tr>\
\
						<tr>\
							<td><font color="#FF0000">*</font>Email</td>\
							<td><input name="email" id="email" type="text" value=""></td>\
						</tr>\
\
						<tr>\
							<td>Comments</td>\
							<td><textarea name="comments"></textarea></td>\
						</tr>\
						<tr>\
							<td>&nbsp;</td>\
							<td>\
								<input type="submit" name="submit" value="Submit">\
								<input type="hidden" name="mode" value="submit">\
							</td>\
						</tr>\
					</table>\
\
				</form>\
		';
		$('contact_form').update(form);
	}

});