function textboxFocus(item) { item.style.backgroundColor = "#FFF5EE";}function textboxBlur(item) { item.style.backgroundColor = "#FFEEBB";}function formButtonClicked() {var validInput = true;var fname = document.getElementById('fname').value;if (fname.length < 1) {validInput = false;document.getElementById('fnameStar').style.color = '#FF0000';document.getElementById('fname').style.backgroundColor = '#FFDDDD';}else {document.getElementById('fnameStar').style.color = '#000000';document.getElementById('fname').style.backgroundColor = '#FFEEBB';}var customField1 = document.getElementById('customField1').value;if (customField1.length < 1) {validInput = false;document.getElementById('customField1Star').style.color = '#FF0000';document.getElementById('customField1').style.backgroundColor = '#FFDDDD';}else {document.getElementById('customField1Star').style.color = '#000000';document.getElementById('customField1').style.backgroundColor = '#FFEEBB';}var phone = document.getElementById('phone').value;if (phone.length < 7) {validInput = false;document.getElementById('phoneStar').style.color = '#FF0000';document.getElementById('phone').style.backgroundColor = '#FFDDDD';}else {document.getElementById('phoneStar').style.color = '#000000';document.getElementById('phone').style.backgroundColor = '#FFEEBB';}var subject = document.getElementById('subject').value;if (subject.length < 1) {validInput = false;document.getElementById('subjectStar').style.color = '#FF0000';document.getElementById('subject').style.backgroundColor = '#FFDDDD';}else {document.getElementById('subjectStar').style.color = '#000000';document.getElementById('subject').style.backgroundColor = '#FFEEBB';}var lname = document.getElementById('lname').value;if (lname.length < 1) {validInput = false;document.getElementById('lnameStar').style.color = '#FF0000';document.getElementById('lname').style.backgroundColor = '#FFDDDD';}else {document.getElementById('lnameStar').style.color = '#000000';document.getElementById('lname').style.backgroundColor = '#FFEEBB';}var question = document.getElementById('question').value;if (question.length < 1) {validInput = false;document.getElementById('questionStar').style.color = '#FF0000';document.getElementById('question').style.backgroundColor = '#FFDDDD';}else {document.getElementById('questionStar').style.color = '#000000';document.getElementById('question').style.backgroundColor = '#FFEEBB';}var validEmail = true;var email = document.getElementById('email').value;validEmail = (email.indexOf('.') > 0) && (email.indexOf('@') > 0);if (email.length < 1) {validInput = false;}if (email.length < 1 || !validEmail) {document.getElementById('emailStar').style.color = '#FF0000';document.getElementById('email').style.backgroundColor = '#FFDDDD';}else {document.getElementById('emailStar').style.color = '#000000';document.getElementById('email').style.backgroundColor = '#FFEEBB';}if (!validInput || !validEmail) {  if (!validEmail && validInput) {alert('The email address you typed in is not valid.');}else {alert('Form is not complete. Please complete items marked in red.');}}else {if (document.getElementById('webPastiesForm') == null) {alert('Please remove the existing <form> tag from this web page. It is creating a conflict.');return;}document.getElementById('pastiesSubmitButton').value = 'Please Wait...';document.getElementById('webPastiesForm').submit();}}
document.writeln("<style type='text/css'>");

document.writeln(".textboxStyle{margin-bottom:4px;font-family:Helvetica,Arial,sans-serif;font-weight:bold;font-size:8pt;color: #2266AA;background: #FFEEBB;border:#2266AA solid 1px;padding-top:3px;padding-bottom:1px;padding-left:2px;padding-right:3px;}");

document.writeln(".textboxStyle:focus{margin-bottom:4px;font-family:Helvetica,Arial,sans-serif;font-weight:bold;font-size:8pt;color: #2266AA;background: #FFF5EE;border:#2266AA solid 1px;padding-top:3px;padding-bottom:1px;padding-left:2px;padding-right:3px;}");

document.writeln(".labelStyle {margin-bottom:4px;color:#000000;font-size:8pt;font-family:Helvetica,Arial,sans-serif;font-weight:plain;}");

document.writeln("</style> ");

document.writeln("<Form enctype='multipart/form-data' id='webPastiesForm' name='webPastiesForm' action='http://www.webpasties.com/prod_form_mail/submit_form_mail.php?mid=2493&fid=5891' method='post'>");

document.writeln("<input type='hidden' name='MAX_FILE_SIZE' value='7680000' />");

document.writeln("<INPUT type='hidden' name='id' value='5891'>");

document.writeln("<INPUT type='hidden' name='member_id' value='2493'>");

document.writeln("<fieldset style='padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px;border:1px solid #2266AA;;background-color:#FFFFFF' id='pickle'>");

document.writeln("<legend style='background-color:#FFBB00;padding-left:4px;padding-right:4px;padding-top:3px;padding-bottom:2px;border:1px solid #2266AA;color:#000000;font-style:normal;font-weight:bold;font-size:8pt;;'>Saint John Bosco School Alumni Association</legend>");

document.writeln("<table border='0'cellpadding='2' style='background-color:#FFFFFF'>");

document.writeln("<TR>");

document.writeln("<TD width='20%' NOWRAP class='labelStyle'>");

document.writeln("First Name:");

document.writeln("<span id='fnameStar'> * </span>");

document.writeln("</TD>");

document.writeln("<TD width='80%'>");

document.writeln("<input  onfocus='JavaScript:textboxFocus(this);' onblur='JavaScript:textboxBlur(this);' class='textboxStyle' id='fname' name='fname'  type='text' value=''>");

document.writeln("</TD>");

document.writeln("</TR>");

document.writeln("<TR>");

document.writeln("<TD width='20%' NOWRAP  class='labelStyle'>");

document.writeln("Last Name:");

document.writeln("<span id='lnameStar'> * </span>");

document.writeln("</TD>");

document.writeln("<TD width='80%'>");

document.writeln("<input  onfocus='JavaScript:textboxFocus(this);' onblur='JavaScript:textboxBlur(this);'  class='textboxStyle' id='lname' name='lname'  type='text' value=''>");

document.writeln("</TD>");

document.writeln("</TR>");

document.writeln("<TR>");

document.writeln("<TD  width='20%' NOWRAP class='labelStyle'>");

document.writeln("Maiden Name");

document.writeln(" ");

document.writeln("</TD>");

document.writeln("<TD width='80%'>");

document.writeln("<input  onfocus='JavaScript:textboxFocus(this);' onblur='JavaScript:textboxBlur(this);'  class='textboxStyle'  id='company' name='company'  type='text'>");

document.writeln("</TD>");

document.writeln("</TR>");

document.writeln("<TR>");

document.writeln("<TD  width='20%' NOWRAP class='labelStyle'>");

document.writeln("Email Address:");

document.writeln(" <span id='emailStar'> * </span> ");

document.writeln("</TD>");

document.writeln("<TD width='80%'>");

document.writeln("<input  onfocus='JavaScript:textboxFocus(this);' onblur='JavaScript:textboxBlur(this);'  class='textboxStyle'  id='email' name='email'  type='text' value=''>");

document.writeln("</TD>");

document.writeln("</TR>");

document.writeln("<TR>");

document.writeln("<TD  width='20%' NOWRAP class='labelStyle'>");

document.writeln("Phone:");

document.writeln(" <span id='phoneStar'> * </span>");

document.writeln(" ");

document.writeln("</TD>");

document.writeln("<TD width='80%'>");

document.writeln("<input  onfocus='JavaScript:textboxFocus(this);' onblur='JavaScript:textboxBlur(this);'  class='textboxStyle'  id='phone' name='phone'  type='text'>");

document.writeln("</TD>");

document.writeln("</TR>");

document.writeln("<TR>");

document.writeln("<TD width='20%' NOWRAP  class='labelStyle'>");

document.writeln("SJB Class of");

document.writeln(" <span id='customField1Star'> * </span>");

document.writeln(" ");

document.writeln("</TD>");

document.writeln("<TD width='80%'>");

document.writeln("<input  onfocus='JavaScript:textboxFocus(this);' onblur='JavaScript:textboxBlur(this);'  class='textboxStyle' id='customField1' name='customField1'  type='text'>");

document.writeln("</TD>");

document.writeln("</TR>");

document.writeln("<TR>");

document.writeln("<TD width='20%' NOWRAP  class='labelStyle'>");

document.writeln("Birth Date");

document.writeln(" ");

document.writeln("</TD>");

document.writeln("<TD width='80%'>");

document.writeln("<input  onfocus='JavaScript:textboxFocus(this);' onblur='JavaScript:textboxBlur(this);'  class='textboxStyle'  id='customField2' name='customField2'  type='text'>");

document.writeln("</TD>");

document.writeln("</TR>");

document.writeln("<TR>");

document.writeln("<TD  width='20%' NOWRAP class='labelStyle'>");

document.writeln("Occupation");

document.writeln(" ");

document.writeln("</TD>");

document.writeln("<TD width='80%'>");

document.writeln("<input  onfocus='JavaScript:textboxFocus(this);' onblur='JavaScript:textboxBlur(this);' class='textboxStyle'  id='customField3' name='customField3'  type='text'>");

document.writeln("</TD>");

document.writeln("</TR>");

document.writeln("<TR>");

document.writeln("<TD  width='20%' onfocus='JavaScript:textboxFocus(this);' onblur='JavaScript:textboxBlur(this);'  NOWRAP class='labelStyle'>");

document.writeln("Spouse (Include Maiden Name)");

document.writeln(" ");

document.writeln("</TD>");

document.writeln("<TD width='80%'>");

document.writeln("<input  onfocus='JavaScript:textboxFocus(this);' onblur='JavaScript:textboxBlur(this);'  class='textboxStyle'  id='customField4' name='customField4'  type='text'>");

document.writeln("</TD>");

document.writeln("</TR>");

document.writeln("<TR>");

document.writeln("<TD  width='20%' NOWRAP class='labelStyle'>");

document.writeln("Children");

document.writeln(" ");

document.writeln("</TD>");

document.writeln("<TD width='80%'>");

document.writeln("<input  onfocus='JavaScript:textboxFocus(this);' onblur='JavaScript:textboxBlur(this);'  class='textboxStyle'  id='customField5' name='customField5'  type='text'>");

document.writeln("</TD>");

document.writeln("</TR>");

document.writeln("<TR>");

document.writeln("<TD  width='20%' NOWRAP class='labelStyle'>");

document.writeln("Mailing Address");

document.writeln(" ");

document.writeln("</TD>");

document.writeln("<TD width='80%'>");

document.writeln("<input  onfocus='JavaScript:textboxFocus(this);' onblur='JavaScript:textboxBlur(this);'  class='textboxStyle'  id='customField6' name='customField6'  type='text'>");

document.writeln("</TD>");

document.writeln("</TR>");

document.writeln("<TR>");

document.writeln("<TD  width='20%' NOWRAP class='labelStyle'>");

document.writeln("High School Attended");

document.writeln(" <span id='subjectStar'> * </span>");

document.writeln(" ");

document.writeln("</TD>");

document.writeln("<TD width='80%'>");

document.writeln("<input  onfocus='JavaScript:textboxFocus(this);' onblur='JavaScript:textboxBlur(this);'  class='textboxStyle'  id='subject' name='subject'  type='text'>");

document.writeln("</TD>");

document.writeln("</TR>");

document.writeln("<TR>");

document.writeln("<TD colspan='2' class='labelStyle'>");

document.writeln("A favorite memory for a future newsletter:");

document.writeln(" <span id='questionStar'> * </span>");

document.writeln("<BR /><textarea onfocus='JavaScript:textboxFocus(this);' onblur='JavaScript:textboxBlur(this);'   class='textboxStyle'  id='question' name='question' wrap='soft' rows='5' cols='65'></textarea>");

document.writeln("</TD>");

document.writeln("</TR>");

document.writeln("<TR>");

document.writeln("<TD colspan='2' align='center'>");

document.writeln("<input style='border-color:#99CCFF;padding-top:2px;color:#000000;font-size:8pt;background-color:#FFBB00;font-family:Helvetica,Arial,sans-serif;font-weight:bold;' type='button' id='pastiesSubmitButton' onclick='JavaScript:formButtonClicked();' value='Submit Form'>");

document.writeln("</TD>");

document.writeln("</TR>");

document.writeln("</table>");

document.writeln("</fieldset>");

document.writeln("</form>");