{include file="header.html"}
<script type="text/javascript" src="{$live_site}/libs/jQuery/plugins/jquery.form.js"></script>

<div class="wait"></div>

<div id="heading">{$lng.contact.mailto}: {$contact_name}</div>
<div class="info" style="display: none"></div>

<div class="p10 form2">

<form name="mailto" id="mailto" method="post" action="{$live_site}/mailto.php?post=1{if isset($id) && $id}&id={$id}{/if}&amp;aid={$ad_id}">
<ul>

<li>
	<label>{$lng.contact.name}<span class="mandatory"> *</span></label>
	<input type="text" name="name" id="name" size="40" value="{if isset($tmp.name) && $tmp.name}{$tmp.name}{else}{if isset($crt_usr_sett[$settings.contact_name_field])}{$crt_usr_sett[$settings.contact_name_field]}{/if}{/if}" />
</li>

<li>
	<label>{$lng.contact.email}<span class="mandatory"> *</span></label>
	<input type="text" name="email" id="email" size="40" value="{if isset($tmp.email) && $tmp.email}{$tmp.email}{else}{if isset($crt_usr_sett.email)}{$crt_usr_sett.email}{/if}{/if}" />
</li>

<li>
	<label>{$lng.contact.comments}<span class="mandatory"> *</span></label>
	<textarea name="comments" id="comments" rows="4" cols="40">{if isset($tmp.comments)}{$tmp.comments}{/if}</textarea>
</li>

</ul>

{if $settings.contact_captcha}
{if $settings.enable_recaptcha}
{include file="data/recaptcha.html"}
{else}
{include file="data/random_image.html"}
{/if}
{/if}

<div class="buttons">
	<strong><input type="submit" name="Submit" value="{$lng.general.send}" /></strong>
</div>

</form>

</div>

	{if $ad_id}
	<br/>
 	<div class="dcenter button1 pb10"><a href="{if $seo_settings.enable_mod_rewrite}{seo->makeDetailsLink p1=$ad_id p2=$ad_title}{else}{$live_site}/details.php?id={$ad_id}{/if}">{$lng.listings.back_to_details}</a></div>
	{/if}


{literal}
<script type="text/javascript">
//<![CDATA[

jQuery(document).ready(function() {

	$(".info").hide();

var options = { 

	beforeSerialize: function(jqForm, options){ $("body").addClass("loading") },
        beforeSubmit:  function(formData, jqForm, options) {var queryString = $.param(formData);  return true;  }, 
        success:       successResponse 
 
   }; 

function successResponse(responseText, statusText, xhr, $form)  { 

//alert(responseText);
			var ret = JSON.parse(responseText);

			$("body").removeClass("loading");

			if(ret.response==1) {

				$(".info").html("<p>"+ret.info+"</p>");
				$(".info").show();
				$(".form2").slideUp();
				$(".buttons").hide();
				return;

			}

			// response = 0 -> there are errors
			var no_err = ret.error.length;
			var err_field, err_string;

			// clean all fields possible err class
			$(".err").removeClass("err");
			// remove all err_labels
			$(".err_label").remove();

			// mark each field with error 
			for (var idx=0;idx<no_err;idx++) { 

				err_field = ret.error[idx].field;
				err_string = ret.error[idx].error;
				$("#"+err_field).addClass("err");
				$("#"+err_field).before('<label class="err_label">'+err_string+'</label>');

			}
			
			// move the page to the first err_label element
//			$('html,body').animate({scrollTop:$(".err_label:first").offset().top}, 'slow');

			{/literal}{if $settings.contact_captcha && $settings.enable_recaptcha}
			// reload recaptcha
			gReCaptchaReset();
			{/if}{literal}


} 

 $('#mailto').ajaxForm(options);

});
{/literal}
//]]>
</script>
{include file="footer.html"}