<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>The University of Tennessee at Martin - Homecoming E-Invite</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
		
</head>
<body>
   
  <tr><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="egreetings.css" rel="stylesheet" type="text/css">
<script language="JavaScript" type="text/JavaScript">
function validate () {
  form = document.greetings;
  //Determine if any pictures have been selected
  var pic_selected;
  for (var i=0; i < form.picture.length; i++)  {
    if (form.picture[i].checked)  
      pic_selected = form.picture[i].value
  }
  if (!pic_selected)
    alert ("You must select a picture to send first");
  else {
    if (form.name.value == "" || form.email.value == "" || form.recipient.value == "" || form.recipientemail.value == "") {
      alert ("Please complete all sections marked with an asterisk");
    }
    else {
      form.submit();
    }
  }
}
</script>
</head>

<body>
<form name="greetings" method="post" action="HC Postcard/egreetings/egreetings-preview.php">

<div align="center">
                <p align="center"><img src="../_img/gretingcard.jpg" alt="card" width="888" height="78" /></p>
                <table width="656"  border="0">
                  <tr>
                    <td width="235"><div align="center"><img src="images/thumbnails/socbuild.jpg" alt="socbuild" width="125" height="188" border="0" /><br />
                      Sociology Building<br />
                      <input name="picture" type="radio" value="socbuild" />
                    </div></td>
                    <td width="195"><div align="center"><img src="images/thumbnails/business.jpg" alt="business" width="125" height="188" border="0" /><br />
                      Business Building<br />
                      <input name="picture" type="radio" value="business" />
                    </div></td>
                    <td width="212"><div align="center"><img src="images/thumbnails/crisphall.jpg" alt="crisp" width="125" height="188" border="0" /><br />
                      Crisp Hall<br />
                      <input name="picture" type="radio" value="crisphall" />
                    </div></td>
                  </tr>
                  <tr>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                  </tr>
                  <tr>
                    <td><div align="center"><img src="images/thumbnails/library.jpg" alt="fair" width="125" height="82" border="0" /><br />
                      Library<br />
                      <input name="picture" type="radio" value="downtown-fair" />
                    </div></td>
                    <td><div align="center"><img src="images/thumbnails/football.jpg" alt="football" width="125" height="82" border="0" /><br />
                      UTM Football<br />
                      <input name="picture" type="radio" value="football" />
                    </div></td>
                    <td><div align="center"><img src="images/thumbnails/football2.jpg" alt="football2" width="125" height="83" border="0" /><br />
                      UTM Football<br />
                      <input name="picture" type="radio" value="football2" />
                    </div></td>
                  </tr>
                  <tr>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                  </tr>
                  <tr>
                    <td><div align="center"><img src="images/thumbnails/library-fall.jpg" alt="library2" width="125" height="89" border="0" /><br />
                      Fall at UTM<br />
                      <input name="picture" type="radio" value="library-fall" />
                    </div></td>
                    <td><div align="center"><img src="images/thumbnails/back-UC.jpg" alt="uc" width="125" height="83" border="0" /><br />
                      Back of   Boling University Center<br />
                      <input name="picture" type="radio" value="back-UC" />
                    </div></td>
                    <td><div align="center"><img src="images/thumbnails/utm-sign.jpg" alt="utm" width="125" height="83" border="0" /><br />
                      The University of Tennessee at Martin<br />
                      <input name="picture" type="radio" value="utm-sign" />
                    </div></td>
                  </tr>
                  <tr>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                  </tr>
                  <tr>
                    <td><div align="center"><img src="images/thumbnails/waterfountain.jpg" alt="fountain" width="125" height="188" border="0" /><br />
                      Water Fountain<br />
                      <input name="picture" type="radio" value="waterfountain" />
                    </div></td>
                    <td><div align="center"><img src="images/thumbnails/Friends%20statue.jpg" alt="statue" width="127" height="181" border="0" /><br />
                      Friends Statue <br />
                      <input name="picture" type="radio" value="library" />
                    </div></td>
                    <td><div align="center"><img src="images/thumbnails/downtown.jpg" alt="downtown" width="125" height="188" border="0" /><br />
                      Downtown<br />
                      <input name="picture" type="radio" value="downtown" />
                    </div></td>
                  </tr>
                </table>
                <p align="center"> </p>
                <table width="91%"  border="0" cellpadding="5">
                  <tr>
                    <td class="bodycopy"><div align="right">*Your Name: </div></td>
                    <td align="left"><input name="name" type="text" id="name" /></td>
                  </tr>
                  <tr>
                    <td class="bodycopy"><div align="right">*Your Email Address: </div></td>
                    <td align="left"><input name="email" type="text" id="email" /></td>
                  </tr>
                  <tr>
                    <td class="bodycopy"><div align="right">*Recipient's Name:<br />
                    </div></td>
                    <td align="left"><input name="recipient" type="text" id="recipient" /></td>
                  </tr>
                  <tr>
                    <td class="bodycopy"><div align="right">*Recipient's Email Address:<br />
      (separate multiple emails with a comma) <br />
                    </div></td>
                    <td align="left"><input name="recipientemail" type="text" id="recipient-email" /></td>
                  </tr>
                  <tr>
                    <td valign="top" class="bodycopy"><div align="right">*Greeting Message: </div></td>
                    <td align="left"><textarea name="message" rows="5"></textarea></td>
                  </tr>
                  <tr>
                    <td valign="top" class="bodycopy" colspan="2" align="center"><input type="button" name="preview" value="Preview Card" onclick="validate();" /></td>
                  </tr>
                </table>
                <p align="center"></p>
                <p align="center" class="style4">&nbsp;</p>
        <p align="center">&nbsp;</p>
        <p align="center">&nbsp;</p>
        <p>&nbsp;</p>
        <!-- InstanceEndEditable --></div>
				<p>&nbsp;</p>
				<p>&nbsp;</p>			  </td>
      		</tr>
    	</table>
		
   	  </div>

		
	</td>
  </tr>
</table>

