<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{$language.lblEmailtoFriend}</title>
<link href="{$view_styles}/emailpopup.css" rel="stylesheet" type="text/css" />
</head>
<body class="no-bg02">
<div class="quickpopup shadowbox-inner04 fix-height">
 {form->start name="formReferaFriend" action="" method="post"}
  <fieldset>
  <h3 class="popup-head top-curve-5">{$language.lblEmailtoFriend}</h3>
  <ul class="form-field03">
    <li class="clearfix">
      <div class="label">{$language.lblFromName} <span class="mndty">*</span></div>
      <div class="field"> {form->textbox tabindex="2" class="textbox  width-92per" maxlength="200" name="emailFromName" validate="required" error=$language.errEmailFromName} </div>
      <div class="clear"></div>
    </li>
   <li class="clearfix">
      <div class="label">{$language.lblFromEmail} <span class="mndty">*</span></div>
      <div class="field"> {form->textbox tabindex="2" class="textbox  width-92per" maxlength="200" name="emailFrom" validate="required~*email" error=$language.errEmailFrom|cat:"~*"|cat:$language.errValidEmail} </div>
      <div class="clear"></div>
    </li>
    <li class="clearfix">
      <div class="label">{$language.lblRecipientEmail}({$language.lblEmailFormatText})<span class="mndty">*</span></div>
      <div class="field">{form->textarea class="textarea01" cols="45" rows="5" tabindex="3" name="recipientEmail" validate="required~*isMultipleEmail" error=$language.errToEmails|cat:"~*"|cat:$language.errValidMultipleEmail}</div>
      <div class="clear"></div>
    </li>
    <li class="clearfix">
      <div class="label">{$language.lblPersonalMessage} <span class="mndty">*</span></div>
      <div class="field"> {form->textarea tabindex="4" class="textarea01"  cols="45" rows="5" name="emailContent" validate="required" error=$language.errEmailContent}</div>
      <div class="clear"></div>
    </li>
	{if $enable_captcha}<li class='clearfix'>
		 
                 
                      <div class="label">
                        <label>{$language.lblSecurityCode} </label>
                        <span class="red">*</span></div>
                      
                      <div class="field captcha">
                        <div class="flt-left"> <img id="captchaCode" height="27" />    
                       <img id="reload_icon_captcha"  height="27" src="{$view_images}/reload_icon_captcha.png" style="cursor:pointer;"  marginheight="0px" marginwidth="0px"  vspace="0"/> </div>
                       <div class="flt-left captcha-box"> {form->textbox id="affiliateRequestSecurityCode"  validate_event="submit" autocomplete="off" name="affiliateRequestSecurityCode" tabindex="5" class="textbox width-85px" maxlength="12" validate="hidImageCaptchaCode->compare->value~*required" error=$language.errSecurityCode
                        value=$affiliateRequestSecurityCode|default:''}
                        {form->hidden id="hiden_image_captcha"  name="hiden_image_captcha"}
						 {form->textbox id="hidImageCaptchaCode"  name="hidImageCaptchaCode" class="hidden-variable"}
						</div>
						</div>
                        </li>
 {/if}
    <li class="clearfix">
      <div class="label">&nbsp;</div>
      <div class="field"> {form->submit tabindex="6" name="sendEmail" id="sendEmail" class="custom-button01  flt-left" value=$language.lblShare} 			</div>
    </li>
	
  </ul>

  </fieldset>
  {form->close}
</div>
{html->script_group_start name="{$compiled_js_path}/contentpageemail.js"}
   {html->script src="{$common_js}/jquery-1.9.1.min.js"}
   {html->script src="{$common_js}/jquery-migrate-1.4.1.js"}
   {html->script src="{$common_js}/validate.plugin.js"}
   {html->script src="{$common_frontend_js}/captcha.page.js"}
 {html->script_group_end} 

{form->validate_script form="formReferaFriend"}
</body>
</html>
<script>
$(document).ready(function(){
	$('#hidImageCaptchaCode').css('visibility', 'hidden');
});
$(document).on('submit','#formReferaFriend',function() {
	if($(".message_validation :visible").length>0){
		$('#reload_icon_captcha').trigger('click');
	}
	});



</script>
