{if !$has_alert}
<div class="hidden dark-bg add-alert-form">

<div class="page_bounds mt30">

	<div class="pd_alert_info ma20" style="display: none;">
		<span class="closebtn" onclick='$(".add-alert-form").slideUp()'>&times;</span>
		<span class="content"></span>
	</div>

	<div class="form2">	
	<form name="pd_alert_form" id="pd_alert_form" method="post" action="{$live_site}/modules/price_drop_alert/add_alert.php?id={$id}&post=1">
	<ul>

	<li>
		<label for="pd_email">{$lng.recommend.your_email}<span class="mandatory"> *</span></label>
		<input type="text" name="pd_email" id="pd_email" value="{if isset($crt_usr_sett.email)}{$crt_usr_sett.email}{/if}" />
	</li>
	
	<li>
	<div class="buttons">
	<input type="submit" class="button" name="Submit" id="Send" value="{$lng.general.add}" />
	</div>
	</li>
	</ul>

	</form>
	</div>

</div>
</div>

{literal}

<script type="text/javascript">

$(document).ready(function() {
	$(".pd_alert_info").hide();

var pd_alert_options = { 

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

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

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

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

			if(ret.response==1) {

				$(".pd_alert_info").find("span.content").html("<p>"+ret.info+"</p>");
				$(".bid_info").show();
				$(".add-alert-form").slideUp();
				$("#add_price_drop_alert").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');

} 

 $('#pd_alert_form').ajaxForm(pd_alert_options);

});

</script>
{/literal}
{/if} {* end if has alert *}