<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="http://www.fashionweekend.com.au/js/jquery/jquery-1.3.2.min.js"></script>
<link type="text/css" rel="stylesheet" href="http://www.fashionweekend.com.au/html/css/screen.css" />

<script type="text/javascript" src="http://www.fashionweekend.com.au/js/jquery/jquery.validate.js"></script>
	<!-- Cufon -->
  <script src="http://www.fashionweekend.com.au/html/js/cufon-yui.js" type="text/javascript"></script>
	<script src="http://www.fashionweekend.com.au/html/js/HelveticaNeue_700.font.js" type="text/javascript"></script>

	<script type="text/javascript">
      Cufon.replace('h1');
		Cufon.replace('h2');
		Cufon.replace('h3');
		Cufon.replace('h4');
		Cufon.replace('h5');
		Cufon.replace('span');
   </script>  


<script type="text/javascript" >

function validateFriendEmail()
     {

          for(var i=0; i<5; i++)
          {
            if(document.getElementById('friend_email_'+i))
            {

               var email_ele=document.getElementById('friend_email_'+i);
               if(email_ele.value.length>0)
               {
               return(true);
               }
            }
          }
          
          return(false);
}

    jQuery.validator.addMethod(
	  "validateFriendEmail",
	  function(value, element) {

           return(validateFriendEmail());
	  },
	  "Please fill in at least one friend's email"
	);


	$(document).ready(function() {

      $("#staf_form").validate({
        rules: {
         friend_email_1: {// compound rule
          validateFriendEmail: true,
email: true
          },
friend_email_2: {// compound rule
email: true
         },
friend_email_3: {// compound rule
email: true
         },
friend_email_4: {// compound rule
email: true
         },
friend_email_5: {// compound rule
email: true
         }, 
         from_email: {// compound rule
          email: true,
          required: true
         },
          message: "required", //message field validate
          from_name: "required" //name field validate

	}
      });

    });


</script>

</head>
<body>





<div style="width:500px;padding:16px;">
<form id="staf_form" name="staf_form" action="http://www.fashionweekend.com.au/index.php/forms/sendToAFriend.php" method="post" >
<input type="hidden" name="send_now" value="YES" />

<h2>Send to a friend</h2>

<table width='470' cellspacing="8" cellpadding='8' border-'0'>
	<tr>
   	<td width='170' align='right' valign='top'><label for="from">Your Name :</label></td>
      <td width='300' align='left' valign='top'><input type="text" id="from_name" name="from_name" size="40" maxlength="35" value="" style="width:300px;" /></td>
	</tr>
   <tr>
   	<td width='170' align='right' valign='top'><label for="from">Your Email Address :</label></td>
      <td width='300' align='left' valign='top'><input type="text" id="from_email" name="from_email" size="40" maxlength="35" value="" style="width:300px;" /></td>
	</tr>
   <tr>
   	<td width='170' align='right' valign='top'><label for="subject">Friend Email Address :</label></td>
      <td width='300' align='left' valign='top'><input type="text" id="friend_email_1" name="friend_email_1" size="40" value="" style="width:300px;" /></td>
	</tr>
   <tr>
   	<td width='170' align='right' valign='top'><label for="subject">Friend Email Address :</label></td>
      <td width='300' align='left' valign='top'><input type="text" id="friend_email_2" name="friend_email_2" size="40" value="" style="width:300px;" /></td>
	</tr>
   <tr>
   	<td width='170' align='right' valign='top'><label for="subject">Friend Email Address :</label></td>
      <td width='300' align='left' valign='top'><input type="text" id="friend_email_3" name="friend_email_3" size="40" value="" style="width:300px;" /></td>
	</tr>
   <tr>
   	<td width='170' align='right' valign='top'><label for="subject">Friend Email Address :</label></td>
      <td width='300' align='left' valign='top'><input type="text" id="friend_email_4" name="friend_email_4" size="40" value="" style="width:300px;" /></td>
	</tr>
   <tr>
   	<td width='170' align='right' valign='top'><label for="subject">Friend Email Address :</label></td>
      <td width='300' align='left' valign='top'><input type="text" id="friend_email_5" name="friend_email_5" size="40" value="" style="width:300px;" /></td>
	</tr>
   <tr>
   	<td width='170' align='right' valign='top'><label for="message">Message:</label></td>
      <td width='300' align='left' valign='top'>

<textarea id="message" name="message" rows="6" cols="37" style="width:300px;">
</textarea></p>



</td>
	</tr>
   <tr>
   	<td width='150' align='right' valign='top'></td>
      <td width='300' align='left' valign='top'><p><input name="button" type='button' value='Submit Form' onclick="$('#staf_form').submit();" /></td>
	</tr>
</table>







</form>
</div>


</body>
</html>