/****************************************************************
*                                                               *
*	For use with ProChoiceAmerica.org and affiliated websites	*
*                                                               *
*	written by Michael Rathmann                                 *
*	(c)RathmannDesign.com. All rights reserved.                 *
*                                                               *
****************************************************************/

//	Form Generator
if (is_nav6up || is_ie5up) {
	dynaCode = ' ID="textbox" onFocus="handleFocus(this)" onBlur="handleBlur(this)"';
	bigField = 'width:385px; height:20px'; midField = 'width:170px; height:20px'; smlField = 'width:35px; height:20px';
	areaField = 'width:570px';

	document.writeln('<TR><TD STYLE="padding-top:20px"><TABLE WIDTH="100%" BORDER="0" CELLSPACING="0" CELLPADDING="4">'
	+ '<TR><TD ID="sectTitle">* These fields are required</TD></TR>');

	document.writeln('<TR><TD ID="listTitle">Volunteer Preference(s): <SPAN STYLE="font-size:11px; font-weight:normal">*(check all that apply)</SPAN></TD></TR>'
	+ '<TR><TD ID="listEntry" STYLE="padding:2px 2px 10px 2px"><TABLE BORDER="0" CELLSPACING="0" CELLPADDING="2">'
	+ '<TR><TD><INPUT TYPE="checkbox" NAME="volPref01" VALUE="checked"></TD>'
		+ '<TD>I want to help, please tell me what you need.</TD></TR>'
	+ '<TR><TD><INPUT TYPE="checkbox" NAME="volPref02" VALUE="checked"></TD>'
		+ '<TD>I want to make phone calls.</TD></TR>'
	+ '<TR><TD><INPUT TYPE="checkbox" NAME="volPref03" VALUE="checked"></TD>'
		+ '<TD>I want to help out at an event.</TD></TR>'
	+ '<TR><TD><INPUT TYPE="checkbox" NAME="volPref04" VALUE="checked"></TD>'
		+ '<TD>I want to support a letter writing campaign.</TD></TR>'
	+ '<TR><TD><INPUT TYPE="checkbox" NAME="volPref05" VALUE="checked"></TD>'
		+ '<TD>I want to help in the office.</TD></TR>'
	+ '</TABLE></TD></TR>');
	document.writeln('<TR><TD ID="listEntry" STYLE="padding:2px 2px 10px 2px"><TABLE WIDTH="100%" BORDER="0" CELLSPACING="0" CELLPADDING="2">'
	+ '<TR><TD><STRONG>*HOURS AVAILABLE:</STRONG></TD>'
		+ '<TD ALIGN="right"><TABLE WIDTH="385" BORDER="0" CELLSPACING="0" CELLPADDING="0">'
		+ '<TR><TD><INPUT TYPE="text" NAME="volHours" STYLE="'+midField+'" MAXLENGTH="50"'+dynaCode+'></TD></TR>'
		+ '</TABLE></TD></TR>'
	+ '</TABLE></TD></TR>');

	document.writeln('<TR><TD ID="listTitle">Contact Information:</TD></TR>'
	+ '<TR><TD ID="listEntry" STYLE="padding:2px 2px 10px 2px"><TABLE WIDTH="100%" BORDER="0" CELLSPACING="0" CELLPADDING="2">'
	+ '<TR><TD><STRONG>*FULL NAME:</STRONG> <SPAN STYLE="font-size:10px">(First M Last)</SPAN></TD>'
		+ '<TD ALIGN="right"><TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0">'
		+ '<TR><TD STYLE="padding-right:5px"><INPUT TYPE="text" NAME="contactName01" STYLE="'+midField+'" MAXLENGTH="50"'+dynaCode+'></TD>'
			+ '<TD STYLE="padding-right:5px"><INPUT TYPE="text" NAME="contactName02" STYLE="'+smlField+'" MAXLENGTH="1"'+dynaCode+'></TD>'
			+ '<TD><INPUT TYPE="text" NAME="contactName03" STYLE="'+midField+'" MAXLENGTH="50"'+dynaCode+'></TD></TR>'
		+ '</TABLE></TD></TR>'
	+ '<TR><TD><STRONG>*E-MAIL ADDRESS:</STRONG></TD>'
		+ '<TD ALIGN="right"><INPUT TYPE="text" NAME="contactEmail" STYLE="'+bigField+'" MAXLENGTH="100"'+dynaCode+'></TD></TR>'
	+ '<TR><TD><STRONG>*MAILING ADDRESS:</STRONG></TD>'
		+ '<TD ALIGN="right"><INPUT TYPE="text" NAME="contactAddress01" STYLE="'+bigField+'" MAXLENGTH="100"'+dynaCode+'></TD></TR>'
	+ '<TR><TD>BLDG, STE, APT:</TD>'
		+ '<TD ALIGN="right"><INPUT TYPE="text" NAME="contactAddress02" STYLE="'+bigField+'" MAXLENGTH="100"'+dynaCode+'></TD></TR>'
	+ '<TR><TD><STRONG>*CITY/STATE/ZIP:</STRONG></TD>'
		+ '<TD ALIGN="right"><TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0">'
		+ '<TR><TD STYLE="padding-right:5px"><INPUT TYPE="text" NAME="contactCity" STYLE="'+midField+'" MAXLENGTH="50"'+dynaCode+'></TD>'
			+ '<TD STYLE="padding-right:5px"><INPUT TYPE="text" NAME="contactState" STYLE="'+smlField+'" MAXLENGTH="2"'+dynaCode+'></TD>'
			+ '<TD><INPUT TYPE="text" NAME="contactZip" STYLE="'+midField+'" MAXLENGTH="10"'+dynaCode+'></TD></TR>'
		+ '</TABLE></TD></TR>'
	+ '<TR><TD><STRONG>*HOME PHONE #:</STRONG></TD>'
		+ '<TD ALIGN="right"><TABLE WIDTH="385" BORDER="0" CELLSPACING="0" CELLPADDING="0">'
		+ '<TR><TD><TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0">'
			+ '<TR><TD STYLE="padding-right:5px"><INPUT TYPE="text" NAME="contactHome" STYLE="'+midField+'" MAXLENGTH="12"'+dynaCode+'></TD>'
				+ '<TD STYLE="font-size:10px; padding-right:15px">(###-###-####)</TD>'
				+ '<TD STYLE="padding-right:5px">Ext:</TD>'
				+ '<TD><INPUT TYPE="text" NAME="contactHomeExt" STYLE="'+smlField+'"'+dynaCode+'></TD></TR>'
			+ '</TABLE></TD></TR>'
		+ '</TABLE></TD></TR>'
	+ '<TR><TD>EMPLOYER:</TD>'
		+ '<TD ALIGN="right"><INPUT TYPE="text" NAME="contactEmployer" STYLE="'+bigField+'" MAXLENGTH="100"'+dynaCode+'></TD></TR>'
	+ '<TR><TD>WORK PHONE #:</TD>'
		+ '<TD ALIGN="right"><TABLE WIDTH="385" BORDER="0" CELLSPACING="0" CELLPADDING="0">'
		+ '<TR><TD><TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0">'
			+ '<TR><TD STYLE="padding-right:5px"><INPUT TYPE="text" NAME="contactWork" STYLE="'+midField+'" MAXLENGTH="12"'+dynaCode+'></TD>'
				+ '<TD STYLE="font-size:10px; padding-right:15px">(###-###-####)</TD>'
				+ '<TD STYLE="padding-right:5px">Ext:</TD>'
				+ '<TD><INPUT TYPE="text" NAME="contactWorkExt" STYLE="'+smlField+'"'+dynaCode+'></TD></TR>'
			+ '</TABLE></TD></TR>'
		+ '</TABLE></TD></TR>'
	+ '<TR><TD><STRONG>*CONTACT PREFERENCE:</STRONG></TD>'
		+ '<TD ALIGN="right"><TABLE WIDTH="385" BORDER="0" CELLSPACING="0" CELLPADDING="0">'
		+ '<TR><TD WIDTH="25%"><INPUT TYPE="radio" NAME="contactMethod" VALUE="by e-mail">E-mail</TD>'
			+ '<TD WIDTH="25%"><INPUT TYPE="radio" NAME="contactMethod" VALUE="by mail">Mail</TD>'
			+ '<TD WIDTH="25%"><INPUT TYPE="radio" NAME="contactMethod" VALUE="at home">Home</TD>'
			+ '<TD><INPUT TYPE="radio" NAME="contactMethod" VALUE="at work">Work</TD></TR>'
		+ '</TABLE></TD></TR>'
	+ '</TABLE></TD></TR>');

	document.writeln('<TR><TD ID="listEntry" STYLE="padding:2px 2px 10px 2px"><TABLE WIDTH="100%" BORDER="0" CELLSPACING="0" CELLPADDING="2">'
	+ '<TR><TD><STRONG>*ARE YOU A STUDENT?</STRONG></TD>'
		+ '<TD ALIGN="right"><TABLE WIDTH="385" BORDER="0" CELLSPACING="0" CELLPADDING="0">'
		+ '<TR><TD WIDTH="25%"><INPUT TYPE="radio" NAME="studentStatus" VALUE="yes">Yes</TD>'
			+ '<TD WIDTH="25%"><INPUT TYPE="radio" NAME="studentStatus" VALUE="no">No</TD>'
			+ '<TD>&nbsp;</TD></TR>'
		+ '</TABLE></TD></TR>'
	+ '<TR><TD>SCHOOL ATTENDING:</TD>'
		+ '<TD ALIGN="right"><INPUT TYPE="text" NAME="studentSchool" STYLE="'+bigField+'" MAXLENGTH="100"'+dynaCode+'></TD></TR>'
	+ '</TABLE></TD></TR>');

	document.writeln('<TR><TD ID="listTitle">Additional Information:</TD></TR>'
	+ '<TR><TD ID="listEntry" STYLE="padding:0px 0px 10px 0px"><TABLE WIDTH="100%" BORDER="0" CELLSPACING="0" CELLPADDING="4">'
	+ '<TR><TD><TEXTAREA STYLE="'+areaField+'" ROWS="5" NAME="infoAdditional"'+dynaCode+'></TEXTAREA></TD></TR>'
	+ '</TABLE></TD></TR>');
	document.writeln('<TR><TD ID="listEntry" STYLE="padding:2px 2px 10px 2px"><TABLE BORDER="0" CELLSPACING="0" CELLPADDING="2">'
	+ '<TR VALIGN="top"><TD><INPUT TYPE="checkbox" NAME="contactOpt" VALUE="checked" CHECKED></TD>'
		+ '<TD STYLE="padding-top:4px">Yes, I want to be part of the Choice Action Network (CAN)! <SPAN STYLE="font-size:10px">[ <A HREF="https://id34106.securedata.net/garal/action/getalerts.shtml">learn more</A> ]</SPAN></TD></TR>'
	+ '</TABLE></TD></TR>');

	document.writeln('<TR><TD ID="formBtm" ALIGN="center"><INPUT TYPE="submit" VALUE="Submit Request" ID="button"> <INPUT TYPE="Reset" ID="button"></TD></TR>'
	+ '</TABLE></TD></TR>');
} else {
	document.writeln('<TR><TD STYLE="padding-top:20px"><TABLE WIDTH="100%" BORDER="0" CELLSPACING="0" CELLPADDING="4">'
	+ '<TR><TD ID="sectTitle">* Incompatible Browser</TD></TR>'
	+ '<TR><TD ID="listEntry"><P><STRONG>Sorry, this form is compatible with Microsoft Internet Explorer 5.0+higher, Netscape Navigator 6.0+higher, and Firefox 1.5+higher browsers only.</STRONG></P>'
	+ '<P>Please download one of these browsers if you wish to use this online form.<BR>We apologize for the inconvenience.</P>'
	+ '<P>If you are currently using the appropriate browser, please make sure that you have it set to be <B>JavaScript enabled</B>. After JavaScript has been enabled, simply reload this page and you will be taken to the form. Thank you.</P></TD></TR>'
	+ '</TABLE></TD></TR>');
}