{if $stx_config.exempt_cert_active eq 'Yes'}
	<div class="clearfix text-center">
		<a href="javascript:void(0)" onclick="cert_dialog();">Are you tax exempt?</a>
	</div>
	<script>
	{literal}
	$(document).ready(function(){
		loadCert();
	});

	function cert_dialog()
	{
		$('#popup-exempt-cert').dialog({width: 800});
	}

	function loadCert()
	{
	  $.ajax({url:"index.php?mode=ajax&action=get_cert",success:function(result){
			certificates = JSON.parse(result);
			var list = document.createElement('select');
         list.setAttribute("id", "lst_exempt_cert");
			var found= false;
			if (typeof certificates.ExemptionCertificate !== "undefined")
				var certificates  =[certificates.ExemptionCertificate];
         for (var i = 0; i < certificates.length; i++) {
				found=true;
             var opt = document.createElement('option');
             opt.innerHTML = "Issued to: "+ certificates[i].Detail.PurchaserFirstName  + " ("+ certificates[i].Detail.PurchaserBusinessType+") " +", State: ";
				if( Object.prototype.toString.call( certificates[i].Detail.ExemptStates.ExemptState ) === '[object Array]') 
				{
					for(var j=0;j<certificates[i].Detail.ExemptStates.ExemptState.length;j++)
					{
						if(j > 0)
							opt.innerHTML += ", "
						opt.innerHTML += certificates[i].Detail.ExemptStates.ExemptState[j].StateAbbr;
					}
				}
				else
					opt.innerHTML += certificates[i].Detail.ExemptStates.ExemptState.StateAbbr;

             opt.value = certificates[i].CertificateID;
				 if(certificates[i].CertificateID==$.cookie("selected_cert"))
				 	opt.selected =  true; 
             list.appendChild(opt);
         }
			if(!found)
				$('#div_certlist').html("<small><i>No exemption certificates were found</i></small>");
         else $('#div_certlist').html(list);			
	  }});
	}
	function changeIdType(id_type)
	{
		if(id_type=="StateIssued")
		{
			$("#stateIssued").show();
			$("#countryIssued").hide();
		}
		else if(id_type=="ForeignDiplomat")
		{
			$("#stateIssued").hide();
			$("#countryIssued").show();
		}
		else
		{
			$("#stateIssued").hide();
			$("#countryIssued").hide();
		}
	}
	function submitNewCertForm()
	{
		  $.ajax({url:"index.php?mode=ajax&action=add_cert",data: $('#new_cert').serialize() ,success:function(result){
				$("#div_certlist").html("Loading certificates...");
				loadCert();
		  }});
	}
	function ApplyCertificate()
	{
		$.cookie("selected_cert", $("#lst_exempt_cert").val());
		 location.reload();
	}
	function RemoveCertificate()
	{
		$.ajax({url:"index.php?mode=ajax&action=remove_cert&certID="+$("#lst_exempt_cert").val(),success:function(result){	
			if($.cookie("selected_cert")==$("#lst_exempt_cert").val())
			{
				 location.reload();
			}
			else
			{
				$("#lst_exempt_cert option[value='"+$("#lst_exempt_cert").val()+"']").remove();
			}
			$.cookie("selected_cert", null);
	  }});
	}
	{/literal}
	</script>
	<div id="popup-exempt-cert" style="display:none;" title="Exempt Certification">
		<p>
			Exemption certificate: <span id="div_certlist"><small>Loading certificates...</small></span> <input type="button" id="btn_applyCert" value="Apply" onclick="ApplyCertificate()" />  <input type="button" id="btn_removeCert" value="Remove" onclick="RemoveCertificate()" />
		</p>
		<div>	
			<h4>New exemption certificate</h4>
			<form id="new_cert" method="post">
				<fieldset>
					<legend><h5>Certificate of Exemption</h5></legend>
					<div>
						<div class="spacer clearfix">
							<div class="fieldset clearfix">
								<div class="field required first">
										<label for="billing_first_name">Select the states under whose laws you are claiming exemption.</label>
									<div>
										<select name="ExemptState"   required> 
											<option value="">Select state</option>
											{foreach from=$us_states item=st}
												<option value="{$st.short_name}">{$st.name}</option>
											{/foreach}
										</select>
									</div>
								</div>
							</div>
						</div>
					</div>
				</fieldset>
				<fieldset>
					<legend><h5>Purchaser Identification</h5></legend>
					<div>
						<div class="spacer clearfix">
							<div class="fieldset">
								<div class="field required first">
										<label for="purchaser_name">Purchaser Name</label>
									<div>
										<input type="text" id="PurchaserName" style="width:100%;" name="PurchaserName" required>
									</div>
								</div>
								<div class="field required">
										<label for="purchaser_address">Business Address</label>
									<div>
										<input type="text" id="PurchaserAddress" style="width:100%;" name="PurchaserAddress" required>
									</div>
								</div>
								<div class="field required">
										<label for="purchaser_city">City</label>
									<div>
										<input type="text" id="PurchaserCity" style="width:100%;" name="PurchaserCity" required>
									</div>
								</div>
								<div class="field required">
										<label for="purchaser_state">State</label>
									<div>
										<select name="PurchaserState" required> 
											<option value="">Select state</option>
											{foreach from=$us_states item=st}
												<option value="{$st.short_name}">{$st.name}</option>
											{/foreach}
										</select>
									</div>
								</div>
								<div class="field required">
										<label for="purchaser_zipcode">Zip code</label>
									<div>
										<input type="text" id="PurchaserZipcode" style="width:100%;" class="tinput short" name="PurchaserZipcode" required>
									</div>
								</div>
								<div class="field required">
										<label for="purchaser_exemptionNum">Exemption ID number</label>
									<div>
										<select name="TaxType" id="TaxType" title="Purchaser Exemption ID Type." onchange="changeIdType(this.value);">
											<option value="None">[ - Select Type - ]</option>
											<option value="FEIN">Federal Employer ID</option>
											<option value="StateIssued">State Issued Exemption ID or Drivers License</option>
											<option value="ForeignDiplomat">Foreign Diplomat ID</option>
										</select> <br>
										 Number: <input id="IDNumber" name="IDNumber" style="width:90px">
										<span id="stateIssued" style="display:none;"> 	
											 <br>Issued by: 
											<select name="StateOfIssue" required> 
											<option value="">Select state</option>
											{foreach from=$us_states item=st}
												<option value="{$st.short_name}">{$st.name}</option>
											{/foreach}
										</select>
										</span>
										<span id="countryIssued" style="display:none;"> 
											 <br>Issued by:<input name="CountryOfIssue" id="CountryOfIssue" title="Exemption ID Country Of Issue." style="width:70px;">
										</span>
									</div>
								</div>
								<div class="field required">
										<label for="purchaser_businesstype">Purchaser Business Type</label>
									<div>
										<select name="PurchaserBusinessType" id="PurchaserBusinessType" title="Purchaser Business Type." style="width:100%;" ><option value="None">[ - Select - ]</option><option value="AccommodationAndFoodServices">Accommodation And Food Services</option><option value="Agricultural_Forestry_Fishing_Hunting">Agricultural/Forestry/Fishing/Hunting</option><option value="Construction">Construction</option><option value="FinanceAndInsurance">Finance or Insurance</option><option value="Information_PublishingAndCommunications">Information Publishing and Communications</option><option value="Manufacturing">Manufacturing</option><option value="Mining">Mining</option><option value="RealEstate">Real Estate</option><option value="RentalAndLeasing">Rental and Leasing</option><option value="RetailTrade">Retail Trade</option><option value="TransportationAndWarehousing">Transportation and Warehousing</option><option value="Utilities">Utilities</option><option value="WholesaleTrade">Wholesale Trade</option><option value="BusinessServices">Business Services</option><option value="ProfessionalServices">Professional Services</option><option value="EducationAndHealthCareServices">Education and Health Care Services</option><option value="NonprofitOrganization">Nonprofit Organization</option><option value="Government">Government</option><option value="NotABusiness">Not a Business</option><option value="Other">Other</option></select>
									</div>
								</div>
								<div class="field required">
										<label for="purchaser_reason">Reason for exemption</label>
									<div>
										<select name="PurchaserExemptionReason" id="PurchaserExemptionReason" title="Reason for exemption." style="width:100%;" ><option value="None">[ - Select - ]</option><option value="FederalGovernmentDepartment">Federal Government Department</option><option value="StateOrLocalGovernmentName">State Or Local Government</option><option value="TribalGovernmentName">Tribal Government</option><option value="ForeignDiplomat">Foreign Diplomat</option><option value="CharitableOrganization">Charitable Organization</option><option value="ReligiousOrEducationalOrganization">Religious or Educational Organization</option><option value="Resale">Resale</option><option value="AgriculturalProduction">Agricultural Production</option><option value="IndustrialProductionOrManufacturing">Industrial Production or Manufacturing</option><option value="DirectPayPermit">Direct Pay Permit</option><option value="DirectMail">Direct Mail</option><option value="Other">Other</option></select>
									</div>
								</div>
							</div>
							<div class="buttons">
								<input type="submit" value="Save" class="button-save submit " onclick="submitNewCertForm();"> &nbsp;
								<input type="reset" value="Reset" class="button-reset reset ">
							</div>
						</div>
					</div>
				</fieldset>
			</form>
		</div>
	</div>
{/if}