{include file="header.html"}

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

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

<div id="heading">{$lng.general.reply}</div>

<form name="mailto" id="mailto" method="post" action="{$live_site}/reply.php?post=1&id={$id}">

<div class="info" style="display: none"></div>
<div class="error" style="display: none"></div>

<div class="form2">

<ul>

<li>
	<label>{$lng.contact.comments}<span class="mandatory"> *</span></label>
	<textarea name="comments" id="comments" rows=6 cols=30>{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> {* end form2 *}

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

</div>

</form>

{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();
				$(".overlay-bottom-bg").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"}